body {
    background: #EEF3E7;
    color: #0A0A0A !important;
    margin: 0;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
}

.btn-block:hover {
    opacity: 0.6;
}

.mobile {
    display: none;
}

.desktop {
    display: flex;
}

a, button {
    cursor: pointer;
    transition: ease-in-out .3s all;
}

.logo-mob {
    display: none;
}

.logo-desk {
    max-width: 180px;
}

#sucesso {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
}

    #sucesso img {
        max-width: 100px;
        margin-bottom: 20px;
    }

    #sucesso h1 {
        max-width: 400px;
        text-align: center;
    }

    #sucesso h2 {
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        color: #000000;
    }

    #sucesso a {
        margin-top: 40px;
        color: #fff;
        font-weight: bold;
        padding: 15px;
        width: 250px;
        text-align: center;
    }

.btn-gradiente-colorido {
    margin-left: 10px;
    background: #EEE;
    border-radius: 23px;
    padding: 8px 14px;
    border: unset;
    color: #444;
    border: 2px solid #DDD;
    font-size: 16px;
    font-weight: inherit !important;
    line-height: 19px;
    transition: all .3s;
}

    .btn-gradiente-colorido:hover {
        background: linear-gradient(261.51deg, #1ecfdb -11.81%, #8e24e1 85.33%);
        color: white;
    }

.btn-grandient-colorido
#sucesso h1 {
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
}

.ellipsis-2 {
    padding: 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    margin: .3rem 0;
    -webkit-box-orient: vertical;
}

.pagination-wrapper {
    align-items: center;
    justify-content: center;
    justify-items: center;
    display: flex;
    width: 100%;
}

.pagination {
    display: contents;
}

    .pagination li {
        padding: 0;
        background: none;
        margin: 0 0 0 0;
    }

        .pagination li a {
            color: #F7941D;
            padding: 8px 12px;
            font-size: 16px;
            background: transparent;
            border: 1px solid var(--Primary, #F7941D);
        }

.ellipsis-3 {
    padding: 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*margin: .3rem 0;*/
    -webkit-box-orient: vertical;
}

.noLinkStyle {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#sabia h2 {
    font-size: 34px;
    color: #FFF;
}

.ellipsis-3 {
    padding: 0 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*margin: .3rem 0;*/
    -webkit-box-orient: vertical;
}

section.section {
    padding-bottom: 90px;
}

.name-user span {
    position: relative;
    text-overflow: clip;
    overflow: hidden;
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

section.section.padding-top {
    padding-top: 70px;
}

/*HEADER*/
header {
    width: 100%;
    height: 70px;
    display: flex;
    background-color: white;
}

.espaço-header {
    height: 50px;
    width: 100%;
    padding-top: 150px;
}

#newnav {
    display: flex;
}

    #newnav .collapse .input-home {
        width: fit-content;
    }

    #newnav .input-mobile {
        width: 100%;
        height: 40px;
        border-radius: 0;
        margin: 0 !important;
        border: none;
    }

    /* #newnav li.nav-item {
        width: 100%;
    }*/


    #newnav .carrinho-pesquisar {
        order: 4;
    }

    #newnav .navbar-collapse {
        height: 100%;
        max-width: 100%;
    }

#headerDefault #wrapper-items-menu-mobile ul {
    margin: 0;
    display: none;
}

header #btn-entrar a.name-user {
    font-size: 15px;
    transition: all .3s;
    width: fit-content;
    padding: 8px;
}

/*----------------------------------------------------------------------*/
/* Formulário Desktop */
.pesquisa-header-form-desktop {
    position: fixed;
    top: 40px;
    right: -100%;
    width: 20%;
    height: 70px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transition: right 0.4s ease;
}

    .pesquisa-header-form-desktop.show {
        right: 140px;
    }

/* Formulário Mobile */
.pesquisa-header-form-mobile {
    display: none;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: 100%;
    padding: 12px 24px;
    z-index: 1000;
}

    .pesquisa-header-form-mobile.active {
        display: block;
    }

#clear-input-desktop, .clear-input-mobile {
    display: none;
    cursor: pointer;
}

.pesquisa-header-form-desktop.show #clear-input-desktop,
.pesquisa-header-form-mobile.active .clear-input-mobile {
    display: inline-block;
}

/* Responsividade */
@media (min-width: 768px) {
    .pesquisa-header-form-mobile {
        display: none !important;
    }
}

@media (max-width: 768px) {

    .logo-desk {
        max-width: 140px;
    }

    #solicitar-palestra-gratuita {
        margin-bottom: 16px;
    }

    .pesquisa-header-form-desktop {
        display: none !important;
    }

    #icone-pesquisar-mobile {
        padding: 0px !important;
    }

    .name-user span {
        color: white;
    }

    .navbar-assistir .name-user span {
        color: #000;
    }

    .apostila {
        margin-left: 0 !important;
    }
}
/*----------------------------------------------------------------------*/



header .bg-dropdown-conta.dropdown-menu {
    background: transparent !important;
    min-width: unset !important;
}



header #btn-entrar a:hover {
    background-color: #0A0A0A;
    transition: ease-in-out 0.3s;
}

    header #btn-entrar a:hover span {
        color: white;
    }

#headerDefault ul #icone-pesquisar {
    color: white !important;
}

header .cart span.quantidade {
    color: var(--primary);
    text-align: center;
    top: 16px;
    left: -13px;
    font-size: 10px;
}

header .cart i {
    color: #fff;
    font-size: 18px !important;
}

header li.cart .fas.fa-shopping-basket {
    height: 5px;
    width: 5px;
    max-height: 5px;
    max-width: 5px;
}

header.active {
    background: #000;
}

header ul.d-flex.align-items-center.flex-column.flex-lg-row {
    margin: 0;
}

header li {
    list-style: none;
}

header .meu-container {
    /* padding: 0; */
}

header #items-menu {
    /* min-width: 567px; */
    width: max-content;
}

header h2 {
    font-weight: 900;
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    margin-right: 30px;
    margin-bottom: 0;
}

header .links-menus .link {
    font-weight: 700;
    font-size: 15px;
    white-space: nowrap;
    line-height: 19px;
    color: #fff;
    text-decoration: unset;
    padding: .5rem;
    margin-right: 10px;
    text-align: center;
}

    header .links-menus .link:hover {
        color: #a2e5ea;
        transition: all .3s;
    }

    header .links-menus .link.active:hover {
        background: #a2e5ea;
    }

header .nav-item.entrar .link {
    margin-right: unset;
}

header .links-menus .link.active {
    border-radius: 19px;
    background: #fff;
    color: #000;
    padding: 7px 10px;
}

header a.link-rede-social,
header svg {
    color: #fff !important;
}

header a.link-rede-social {
    padding: .6rem .9rem;
    background: black;
    border-radius: 50px;
    margin: 0 2px;
}

    header a.link-rede-social:hover {
        color: lightgray !important;
    }

header .navbar-brand {
    margin-right: unset;
}

header .header-redes {
    margin-left: 350px;
}

header button span {
    color: white;
}

#botao-animado {
    height: 39px;
    cursor: pointer;
}

header span.quantidade {
    color: var(--primary);
    text-align: center;
    top: 16px;
    left: -13px;
    font-size: 10px;
}

.linha {
    width: 35px;
    height: 1px;
    background-color: #0A0A0A;
    display: block;
    margin: 6px auto;
    position: relative;
    transform-origin: center;
    transition: 0.3s ease-in-out;
}

#botao-animado:focus {
    outline: none;
}

#botao-animado.ativar .linha:nth-child(1) {
    transform: translateY(8px) rotate(-45deg);
    background-color: #0A0A0A;
}

#botao-animado.ativar .linha:nth-child(3) {
    transform: translateY(-6px) rotate(45deg);
    background-color: #0A0A0A;
}

#botao-animado.ativar .linha:nth-child(2) {
    width: 0;
}


/*carrinho*/

header li.nav-item.item-tag a.link {
    margin-right: 0;
}

header li.nav-item .tag-free {
    color: #000;
    font-weight: bold;
    background: #03C988;
    border-radius: 20px;
    padding: 0rem 0.5rem;
    margin-right: 8px;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}

/*SUBMENU DE CADA PÁGINA*/
.submenu-pagina {
    background: #F2F2F2;
    padding: 1rem 0;
    margin-bottom: 30px;
}

    .submenu-pagina a {
        padding: 0 .5rem;
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
    }

/*HOME*/

/* Hero Section Styles */
#banner {
    position: relative;
    height: 460px; /* Full-screen height */
    color: #fff;
    display: flex;
    align-items: center;
    overflow: hidden;
}


.video-container {
    z-index: 0;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2;
}



#bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.carousel-home-banner .item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}


.banner-buttons {
    display: flex;
    width: 265px;
    padding: 16px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(40px);
}

    .banner-buttons button, .banner-buttons a {
        width: 100%;
    }

.banner-infos-up p {
    color: var(--Dark--80, #D6D6D6);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    flex-direction: column;
}

    .banner-infos-up p span {
        color: var(--Primary, #F7941D);
        text-align: center;
        font-size: 46px;
        font-style: normal;
        font-weight: 500;
        line-height: 50px; /* 108.696% */
    }

.banner-infos-up img {
    width: 102px;
}

.banner-infos-up {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.banner-infos-down {
    border-top: 1px solid var(--Dark---30, #575757);
    color: var(--Dark--80, #D6D6D6);
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding-top: 8px;
}

    .banner-infos-down p {
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

#home #banner .row .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

#home #banner h1 {
    color: var(--White, #FFF);
    font-family: "Space Grotesk";
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 92px; /* 95.833% */
    text-transform: uppercase;
}

#home .numero-1 {
    position: relative;
    z-index: 9999;
}

#home #apresentacao img {
    position: absolute;
    z-index: 10;
    width: 70px;
    left: 115px;
}

#home #banner #apresentacao h2 {
    max-width: 70%;
    color: white;
    font-size: 56px;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: left;
}

.text-wrapper {
    padding: 17px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .text-wrapper > span {
        opacity: 0;
        transition: opacity 1s;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: block;
    }

        .text-wrapper > span.active {
            opacity: 1;
        }

.cosmetologia {
    color: #AC8AEA;
    font-size: 56px;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: left;
}

.estética {
    color: #EA8AE0;
    font-size: 56px;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: left;
}

.farmácia {
    color: #8AB1EA;
    font-size: 56px;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: 0em;
    text-align: left;
}


#home #banner #cursos h2 {
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    color: white;
    text-transform: uppercase;
    margin-left: 18px;
    margin-bottom: 14px;
}

#home #banner #cursos .item img {
    max-width: 364px;
    margin: auto !important;
    border-radius: 19px;
}

#home .ver-todas {
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    width: fit-content;
    text-decoration: none;
    padding: .4rem .5rem;
}

    #home .ver-todas:hover {
        color: #82cafe;
    }

.banner-buttons button {
    color: white;
    font-size: 20px;
    font-weight: 300 !important;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
}

    .banner-buttons button img {
        width: 18px;
        height: 13px;
    }

#banner .typewrite-content {
    min-width: 100px;
}

.banner-buttons .btn-cursos {
    outline: 1px solid white;
    background-color: transparent;
}

    .banner-buttons .btn-cursos:hover {
        opacity: 0.5;
    }

.banner-buttons .btn-pos {
    background-color: #8C5EE2;
}

.btn-pos {
    background-color: #8C5EE2;
}

.banner-buttons .btn-pos:hover {
    background-color: #6837c4;
}

.descricao ul {
    padding-left: 0px;
}

    .descricao ul li {
        border-left: 1px solid #3d3d3d;
        padding-left: 7px;
        padding-right: 7px;
        width: 165px;
        font-size: 16px;
        font-weight: 200;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }
/* BANNER PROMOCIONAL */

#banners-promocionais {
    position: relative;
    height: 640px;
}

.carousel-home-banner {
    position: absolute;
    max-width: 1070px;
    top: -45px;
    padding-top: 20px;
}
/*CURSOS DESTAQUES */
#cursos-destaques {
    padding-bottom: 120px;
}

#cursos h2 {
    margin-bottom: 24px;
}

/*DESTAQUES*/

#destaques {
    padding: 60px 0px 120px 0px;
}

.destaques-menores, .destaques-menores-cursos {
    padding: 20px 0px;
}

    .destaques-menores img, .destaques-menores-cursos img {
        width: 68px;
        height: 48px;
        border-radius: 4px !important;
    }

    .destaques-menores ul, .destaques-menores-cursos ul {
        padding: 0px 5px 0px 5px;
    }

        .destaques-menores ul li, .destaques-menores-cursos ul li {
            max-width: 273px !important;
            width: 90% !important;
            margin: 0px auto;
            display: flex !important;
            flex-direction: column;
        }

    .destaques-menores p, .destaques-menores-cursos p {
        max-width: 152px;
        overflow: hidden;
        color: var(--Dark, #0A0A0A);
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 153.846% */
    }

    .destaques-menores .preco, .destaques-menores-cursos .preco {
        border-top: 1px solid #3D3D3D;
        color: #8C5EE2;
    }

    .destaques-menores li, .destaques-menores-cursos li {
        transition: background-color 0.3s;
        background-color: white;
        border: 1px solid transparent;
    }

        .destaques-menores li:hover, .destaques-menores-cursos li:hover {
            background: var(--White, #FFF);
            border: 1px solid var(--Dark--80, #D6D6D6);
        }

    .destaques-menores .btn-saiba img, .destaques-menores-cursos .btn-saiba img {
        width: 25px;
        height: 25px;
    }

.card-produto-action-buttons-saibamais {
    color: var(--primary);
}

.card-produto-action-buttons {
    width: 100%;
    border-top: 1px solid var(--Dark--80, #D6D6D6);
    padding-top: 12px;
}


/* PROFESSORES */
.professores-max-100 {
    max-width: 100%;
    width: 100%;
    position: relative;
    height: max-content;
    overflow: hidden;
}

#professores {
    margin: 0;
    padding: 0;
    width: 100vw;
    max-width: 100% !important;
}

.container-professores {
    width: 100vw; /* Garante que a largura seja igual à da janela */
    max-width: 100% !important;
    margin: 0; /* Remove margens externas */
    padding: 0; /* Remove padding interno */
    overflow: hidden;
    box-sizing: border-box; /* Inclui padding e bordas no tamanho total */
}

#professores .container-professor {
    padding: 20px;
}

#professores .professor-card {
    height: 618px;
    background: url('../img/bg-professores.jpg') center center repeat;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#professores .professor-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#professores .professor-image {
    height: 90%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
}

#professores .professor-info {
    margin-top: auto;
    padding: 10px 0;
}

    #professores .professor-info h3 {
        font-size: 16px;
        color: #333;
        margin: 0;
    }

    #professores .professor-info p {
        font-size: 14px;
        color: #666;
    }

#professores .professores-text {
    width: 100%;
    background: var(--Dark, #0A0A0A);
    padding: 120px 0px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    #professores .professores-text h6 {
        color: var(--Flame-Orange, #E65E17);
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
    }

    #professores .professores-text p {
        max-width: 842px;
        margin: 0 auto;
        color: var(--White, #FFF);
        text-align: center;
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 54px;
    }

/* INSTITUTO HI-NUTRITION */

#instituto-hi {
    padding: 120px 0px;
}

    #instituto-hi .instituto-content-left {
        max-width: 555px;
    }

        #instituto-hi .instituto-content-left img {
            margin-bottom: 56px;
            width: 193px;
        }

        #instituto-hi .instituto-content-left .instituto-info h6 {
            color: var(--Flame-Orange, #E65E17);
            text-align: left;
            font-size: 22px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
        }

        #instituto-hi .instituto-content-left .instituto-info p {
            color: var(--Dark, #0A0A0A);
            font-size: 44px;
            font-style: normal;
            font-weight: 700;
            line-height: 54px; /* 122.727% */
        }

        #instituto-hi .instituto-content-left .btn-outline-dark {
            border-radius: 6px;
            border: 1px solid var(--Dark, #0A0A0A);
            color: var(--Dark, #0A0A0A);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 150% */
        }

            #instituto-hi .instituto-content-left .btn-outline-dark:hover {
                border-radius: 6px;
                border: 1px solid var(--Dark, #0A0A0A);
                background: var(--Dark, #0A0A0A);
                color: var(--White, #FFF);
            }

.instituto-parceiros {
    justify-content: end;
    flex-direction: column;
    justify-self: end;
    margin-top: 56px;
    width: 456px;
}

/*.page-produtos*/
.page-produtos {
    max-width: 100vw;
    background-color: #F1F5EB;
}

    .page-produtos h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .page-produtos .banner-pos {
        max-width: 100%;
        height: 300px;
        margin: 40px auto;
        margin-top: unset;
        margin-bottom: 0;
    }

        .page-produtos .banner-pos img {
            border-radius: 20px;
        }

        .page-produtos .banner-pos .owl-carousel,
        .page-produtos .banner-pos .owl-carousel .owl-stage-outer {
            /* height: 300px; */
        }

    .page-produtos .row:first-of-type {
        margin-bottom: 40px;
    }

.search-box.filtro-produtos .box-input {
    position: relative;
}

    .search-box.filtro-produtos .box-input input {
        font-size: 15px;
        color: black;
        border-radius: 30px;
        font-weight: normal;
    }

        .search-box.filtro-produtos .box-input input::placeholder {
            color: #c7c7c7;
        }

    .search-box.filtro-produtos .box-input i {
        position: absolute;
        right: 13px;
        bottom: 11px;
    }
/* POS GRADUAÇÔES */

#pos {
    padding: 90px 0px 0px 0px;
    background-image: url("../assets/bg-gradient.svg")
}

    #pos .container {
        padding-bottom: 90px;
        border-bottom: 1px solid #3D3D3D;
    }

    #pos h2 {
        font-size: 44px;
        font-weight: 600;
        line-height: 54px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 40px;
    }

        #pos h2 span {
            color: #8C5EE2;
        }

    #pos .card-mba-grande {
        max-width: 653px;
        border: 1px solid #3D3D3D;
    }

    #pos .card-mba-grande-text {
        padding: 40px 30px;
    }

        #pos .card-mba-grande-text h4 {
            color: white;
            font-size: 28px;
            font-weight: 500;
            line-height: 36px;
            letter-spacing: 0em;
            text-align: left;
        }

    #pos .card-mba-grande div, #pos .card-mba-pequeno div {
        overflow: hidden;
    }

.card-mba-grande:hover img, .card-mba-pequeno:hover img {
    transform: scale(1.05);
    transition: 0.3s all ease-in-out;
}

.card-mba-grande:hover .card-mba-grande-text, .card-mba-pequeno:hover .card-mba-pequeno-text {
    background-color: #232323;
}

#pos .card-mba-grande-text p {
    color: #8A8A8A;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

#pos .btn-cursos {
    color: #8C5EE2;
    outline: 1px solid #8C5EE2;
    background-color: transparent;
}

#pos .card-mba-pequeno-tittle {
    max-width: 361px;
    margin-bottom: 40px;
}

    #pos .card-mba-pequeno-tittle img {
        width: 29px;
    }

    #pos .card-mba-pequeno-tittle p {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

#pos .card-mba-pequeno {
    border: 1px solid #3D3D3D;
}

#pos .card-mba-pequeno-text {
    padding: 40px 30px;
}

    #pos .card-mba-pequeno-text h4 {
        color: white;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

    #pos .card-mba-pequeno-text p {
        color: #8A8A8A;
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
    }

.card-mba-pequeno-text button img, .card-mba-grande-text button img {
    width: 22px;
    cursor: pointer;
}

#pos .btn.btn-cursos:hover {
    transition: 0.3s all ease-in-out;
    color: white;
    background-color: #6E34DA;
}

#pos a:hover {
    transition: 0.3s all ease-in-out;
    color: white;
}

.card-mba-pequeno-tittle-desk {
    display: none !important;
}

/* DEPOIMENTOS */

#depoimentos {
    padding: 0px 0px 60px 0px;
    text-align: center;
    background-image: url("../assets/bg-gradient.svg")
}

    #depoimentos .iframe-depoimento {
        width: 100%;
        height: 400px;
    }

    #depoimentos h2 {
        color: white;
        font-size: 44px;
        font-weight: 600;
        line-height: 54px;
        letter-spacing: 0em;
    }

    #depoimentos .img-alunos {
        max-width: 825px;
        margin: 50px auto;
    }

    #depoimentos p {
        color: #8C5EE2;
    }

    #depoimentos .wrapper-video {
        max-width: 945px;
        margin: 0 auto;
    }

    #depoimentos .depo-wrapper-text {
        padding: 50px 0px;
    }

    #depoimentos .depoimento-aluna {
        max-width: 750px;
        margin: 0 auto;
        color: #8C5EE2;
    }

        #depoimentos .depoimento-aluna p {
            color: white;
            font-size: 18px;
            font-weight: 200;
            line-height: 24px;
            letter-spacing: 0em;
            text-align: center;
            height: auto;
        }

    #depoimentos span {
        font-size: 18px;
        font-weight: 300;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: center;
    }

    #depoimentos .owl-carousel.carousel-video span {
        color: red;
        visibility: hidden !important;
    }

.depoimento-aluna .descricao-aluna p {
    font-size: 14px !important;
    line-height: 22px !important;
}

#depoimentos .depoimento-aluna img {
    width: 86px;
}


/*BOM DIA*/

#bom-dia {
    padding-bottom: 200px;
}

    #bom-dia .wrapper-lucas {
        width: 100%;
        height: 380px;
        background-color: #1B196F;
        margin-bottom: 40px;
        justify-content: center !important;
    }

        #bom-dia .wrapper-lucas .lucas {
            width: 420px;
            position: relative;
        }

            #bom-dia .wrapper-lucas .lucas img {
                width: auto;
                position: absolute;
                bottom: 0px;
                max-height: 470px;
            }

    #bom-dia .wrapper-lucas-text p {
        display: inline-block;
        color: white;
        background-color: #F57362;
        padding: 5px 20px;
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
    }

    #bom-dia .wrapper-lucas-text h4 {
        color: white;
        font-size: 36px;
        font-weight: 600;
        line-height: 46px;
        letter-spacing: 0em;
        text-align: left;
    }

    #bom-dia h5 {
        color: var(--Dark, #0A0A0A);
        text-align: left;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 128.571% */
        margin-bottom: 40px;
    }

    #bom-dia a {
        color: #8C5EE2;
    }

    #bom-dia .bomdia-destaques ul {
        padding: 20px 0px;
    }

        #bom-dia .bomdia-destaques ul li {
            padding: 20px 0px;
            width: 100%;
            border-top: 1px solid #3D3D3D;
        }

            #bom-dia .bomdia-destaques ul li div {
                overflow: hidden;
                max-width: 360px;
                padding: 5px;
            }

            #bom-dia .bomdia-destaques ul li img {
                max-width: 360px;
                width: 100%;
                max-height: 200px;
            }

    #bom-dia .component-card-noticia img:hover {
        transition: 0.3s all ease-in-out;
        transform: scale(1.06);
    }

    #bom-dia .bomdia-destaques p {
        font-size: 18px;
        font-weight: 300;
        line-height: 26px;
        letter-spacing: 0em;
        text-align: left;
    }

    #bom-dia a:hover {
        transition: 0.3s all ease-in-out;
        color: white;
    }

/*FOOTER*/

footer {
    background: #0A0A0A;
    color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid var(--Dark---20, #3D3D3D);
}

#direitos-reservados {
    background-color: #0A0A0A;
    color: white;
}

footer a {
    text-decoration: none;
}

footer h2 {
    font-weight: 900;
    font-size: 28px;
    line-height: 26px;
    color: #fff;
}

footer i {
    color: #000;
}

footer .container > div:first-of-type form input {
    border-radius: 23px;
    border: unset;
    padding: .5rem 1rem;
}

    footer .container > div:first-of-type form input::placeholder {
        color: #000;
    }

.descricao-produto-detalhes .modal .modal-header,
.descricao-produto-detalhes .modal .modal-body {
    background: #131313;
}

    .descricao-produto-detalhes .modal .modal-header h5 {
        color: var(--main-text-color-light);
    }

section.carrinho .box-compra button.btn-carrinho-comprar
#curso-detalhes .cta-pos,
#pos-detalhes .cta-pos,
footer .container > div:first-of-type form button {
    border-radius: 23px;
    padding: 8px 14px;
    border: unset;
    color: #fff;
    font-size: 16px;
    margin: 5px;
    line-height: 19px;
    background: #45BF55;
}

footer .container a {
    color: white;
    transition: all .3s;
    margin-right: 10px;
    letter-spacing: 0em;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

    footer .container a:hover {
        color: var(--Primary---20, #F9AB4E);
    }

footer small {
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    margin-top: 37px;
}

footer .footer-redes a.link-rede-social {
    padding: .4rem .6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    text-align: center;
}

footer .footer-redes a:hover {
    transform: scale(1.05);
}

#direitos-reservados p {
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
}

/*BLOG*/

#blog {
    background: #fff;
}

.estrutura-blog .paginas {
    margin: 80px 0;
}

    .estrutura-blog .paginas a {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        color: black;
        background: #EFEFEF;
        border-radius: 23px;
        margin: 0 5px;
        padding: .6rem 1.2rem;
    }

        .estrutura-blog .paginas a.active {
            color: white;
            background: black;
        }

.estrutura-blog h2 {
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 29px;
    text-transform: uppercase;
}

.estrutura-blog .link-post {
    text-decoration: unset;
    color: #000;
}

.estrutura-blog .post {
    margin: 30px 0;
}

    .estrutura-blog .post .wrapper-image-post {
        position: relative;
        padding: 0;
        max-width: 538px;
        width: 100%;
        transition: 0.3s all ease-in-out;
        border-radius: 19px;
        /* overflow: hidden; */
    }

    .estrutura-blog .post img {
        min-width: 538px;
        max-height: 357px;
        border-radius: 19px;
        transition: 0.3s all ease-in-out;
    }

    .estrutura-blog .post div {
        padding: 0 1.5rem;
    }

    .estrutura-blog .post p {
        font-weight: 500;
        font-size: 34px;
        line-height: 40px;
        margin: 8px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }

    .estrutura-blog .post small {
        font-weight: 500;
        font-size: 13px;
        line-height: 22px;
        padding: .6rem 1rem;
        background: #A44BDA;
        border-radius: 26px;
        color: #fff;
    }

    .estrutura-blog .post h3 a {
        text-decoration: none !important;
        font-weight: 700 !important;
        font-size: 24px !important;
        line-height: 27px !important;
        color: #000 !important;
        margin: 20px 0 10px 0 !important;
        display: block !important;
    }

    .estrutura-blog .post a:last-of-type {
        text-decoration: underline;
        font-weight: 700;
        font-size: 16px;
        line-height: 27px;
        color: #000;
        display: block;
    }

.wrapper-image-post a {
    overflow: hidden;
    border-radius: 19px;
}


.estrutura-blog .post #tag-autor {
    position: absolute;
    background: #fff;
    width: fit-content;
    bottom: 20px;
    right: 20px;
    padding: 02px .5rem;
    border-radius: 19px;
}

    .estrutura-blog .post #tag-autor p {
        font-size: 13px;
        line-height: 22px;
        /* width: 150px; */
    }

    .estrutura-blog .post #tag-autor img {
        min-height: 10px;
        max-height: 40px;
        min-width: 40px;
        margin-right: 10px;
        max-width: 9px;
    }

#blog-detalhes #search-post-form {
    position: relative;
}

    #blog-detalhes #search-post-form i {
        position: absolute;
        bottom: 12px;
        right: 20px;
    }

/*ARTIGO-DETALHES*/

.artigo-detalhes .conteudo {
    /* border-bottom: 1px solid black; */
    margin-bottom: 27px;
    padding-bottom: 80px;
}

.artigo-detalhes .artigo h2 {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
}

.artigo-detalhes .principal {
    padding-right: 3rem;
}

.artigo-detalhes .artigo img.ilustracao {
    border-radius: 19px;
    width: 100%;
    margin-bottom: 30px;
}

.artigo-detalhes .artigo .texto p {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #6C6C6C;
}

.artigo-detalhes .artigo .autor-artigo img {
    width: unset;
}

.artigo-detalhes .artigo .autor-artigo {
    padding: .5rem .7rem;
    background: #fff;
    /*box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
    max-width: fit-content;
    border-radius: 30px;
    margin-bottom: 1rem;
}

    .artigo-detalhes .artigo .autor-artigo p {
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        margin-left: 10px;
        margin-bottom: unset;
    }

.artigo-detalhes .tags-classificacoes p {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    text-decoration-line: underline;
    color: #999999;
    margin-left: 10px;
}

/*pos-detalhes*/

.subtitulo-limitado {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    /*line-height: 1.3em;
    max-height: 3.9em;*/ /* 3 linhas * altura da linha (1.2em) */
}

#pos-detalhes.artigo-detalhes .tags-classificacoes p {
    margin-left: 0px;
}

.artigo-detalhes .tags-classificacoes p.data-artigo {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #000000;
    text-decoration-line: unset;
    margin-left: unset;
}

.artigo-detalhes .lateral img {
    width: 100%;
    border-radius: 19px;
}

.artigo-detalhes .lateral .curso p {
    font-weight: 700;
    font-size: 16px;
    line-height: 27px;
    max-width: 94%;
    /*padding: 0 0;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;*/
    margin: .3rem 0;
}

.defaulth1 {
    color: var(--Secondary, #0A0A0A);
    /* Heading/Heading 3 */
    font-family: "Space Grotesk";
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 54px; /* 122.727% */
}

.artigo-detalhes .outros-assuntos h3,
.artigo-detalhes .wrapper-cursos h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}

.artigo-detalhes .outros-assuntos {
    border-bottom: 1px solid #000;
    margin-bottom: 38px;
    padding-bottom: 35px;
}

    .artigo-detalhes .outros-assuntos h3 {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .artigo-detalhes .outros-assuntos li {
        list-style: none;
        font-weight: 500;
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .artigo-detalhes .outros-assuntos ul {
        padding: 0;
    }

section.checkout input,
.artigo-detalhes .pesquisa input {
    border-radius: 4px;
    border: 1px solid var(--Secondary---80, #D6D6D6);
    background: #FFF;
    padding: .8rem 1rem;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
}

.checkout .form-group {
    margin: 0 0 24px 0;
}

    .checkout .form-group .form-control {
        margin: 0;
    }

    .checkout .form-group label {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 175% */
        margin-bottom: 6px;
    }



section.checkout input::placeholder,
.artigo-detalhes .pesquisa input::placeholder {
    color: #c7c7c7;
}

.artigo-detalhes .pesquisa input::placeholder {
    color: black;
}

.artigo-detalhes .pesquisa {
    position: relative;
}

    .artigo-detalhes .pesquisa svg {
        position: absolute;
        right: 10px;
        top: 12px;
    }

#container-outros-artigos h3 {
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: #000;
}

#container-outros-artigos .row {
    padding-left: 95px;
}

/*pos-detalhes*/

#blog-detalhes #container-outros-artigos .row,
#curso-detalhes #container-outros-artigos .row,
#pos-detalhes #container-outros-artigos .row {
    padding-left: 0px;
}

#container-outros-artigos img {
    border-radius: 19px;
    width: 100%;
}

#container-outros-artigos .sugestao-artigo {
    margin-right: 10px;
    max-width: 33.33%;
    max-height: 350px;
}

    #container-outros-artigos .sugestao-artigo p {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 25px;
        /*padding: 0 0;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;*/
        height: 50px;
        margin: 1rem 0;
    }

/*cursos-gratuitos*/
#cursos-gratuitos.cursos-gratuitos .post small {
    background: #FF823D;
    color: #000;
}

#cursos-gratuitos.cursos-gratuitos .post p {
    font-size: 18px;
}

#cursos-gratuitos.cursos-gratuitos .post img {
    min-width: unset;
    max-height: unset;
}

#cursos-gratuitos.cursos-gratuitos .col-lg-12 {
    padding: 0;
}


/*POS GRADUACOES*/
#pos-graduacoes.pos-graduacoes .post small {
    background: #24F1FE;
    color: #000;
}

/* BOTAO SAIBA MAIS */
.btn-saibaMais {
    display: flex;
    width: 100%;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    background-color: transparent;
    /* 150% */
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    border-radius: 6px;
    border: 1px solid var(--Dark, #0A0A0A);
}

    .btn-saibaMais:hover {
        background-color: white;
        color: var(--Secondary, #232323);
        transition: ease-in-out 0.3s;
    }

/*pos-detalhes e curso-detalhes*/
#curso-detalhes .lateral .dados-da-pos,
#pos-detalhes .lateral .dados-da-pos {
    width: 100%;
    padding: 30px;
    background: black;
    border-radius: 19px;
}

    #curso-detalhes .lateral .dados-da-pos ul,
    #pos-detalhes .lateral .dados-da-pos ul {
        padding: 0;
        width: 100%;
    }

    #curso-detalhes .lateral .dados-da-pos li,
    #pos-detalhes .lateral .dados-da-pos li {
        list-style: none;
        border-bottom: 1px solid #717171;
        margin-bottom: 19px;
    }

    #curso-detalhes .lateral .dados-da-pos h3,
    #pos-detalhes .lateral .dados-da-pos h3 {
        font-weight: 700;
        font-size: 15px;
        line-height: 22px;
        text-transform: uppercase;
        color: #24F1FE;
    }

    #curso-detalhes .lateral .dados-da-pos p,
    #pos-detalhes .lateral .dados-da-pos p {
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        color: #FFF;
    }

#curso-detalhes .cta-pos,
#pos-detalhes .cta-pos {
    width: 100%;
    padding: 19px 22px;
}

#curso-detalhes .artigo .cta-pos,
#pos-detalhes .artigo .cta-pos {
    width: unset;
    padding: 19px 22px;
    margin-top: 52px;
}

#curso-detalhes .video,
#pos-detalhes .video {
    width: 100%;
    overflow: hidden;
    margin-top: 46px;
}

    #curso-detalhes .video iframe,
    #pos-detalhes .video iframe {
        border-radius: 19px;
        width: 100%;
        height: 500px;
    }

.instrutor {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* CURSOS */

#cursos .post small {
    background: #FF823B;
    color: #000;
}

/*CLUBE_BIOQUIMICA*/

#clube_bioquimica {
    color: white;
    padding: 90px 0;
}

#clube_bioquimica {
    position: relative;
}

    #clube_bioquimica img.logo {
        width: 100%;
        user-select: none;
        margin-bottom: -54px;
    }

    #clube_bioquimica img.professores {
        height: 85%;
        user-select: none;
    }

    #clube_bioquimica #faixa {
        /* position: absolute; */
        right: 0;
        top: 70%;
        width: 100%;
        /* background: #FF8000; */
        border-radius: 84px 0 0 84px;
        padding: 0 20px;
    }

        #clube_bioquimica #faixa p {
            margin-bottom: unset;
            font-size: 18px;
            text-align: center;
        }

        #clube_bioquimica #faixa a {
            color: white;
            cursor: default;
            text-transform: uppercase;
            background: #BCBCBC;
            border-radius: 16px;
            padding: 10px 16px;
            font-size: 30px;
            text-align: center;
            font-weight: bold;
            letter-spacing: 1px;
            width: 100%;
            margin-bottom: 15px;
            margin-top: -40px !important;
            transition: all .3s;
        }

    /*            #clube_bioquimica #faixa a:hover {
                background: #2fa13f;
            }*/

    #clube_bioquimica h4 {
        font-weight: 900;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    #clube_bioquimica h2 {
        color: white;
        font-weight: 900;
        font-size: 42px;
        line-height: 40px;
        text-align: center;
        text-transform: uppercase;
    }

    #clube_bioquimica h3 {
        font-weight: 700;
        font-size: 32px;
        line-height: 40px;
        text-align: center;
        color: #24F1FE;
    }

    #clube_bioquimica #membros {
        margin: 20px 0;
    }

        #clube_bioquimica #membros p {
            text-align: center;
        }

        #clube_bioquimica #membros .item {
            padding: 10px;
        }

            #clube_bioquimica #membros .item .imagem {
                width: 75px;
                height: 75px;
                left: 325px;
                top: 1178px;
                background: linear-gradient(263.76deg, #27F2FF -37.05%, #A841FA 87.34%);
                border-radius: 50px;
                margin-bottom: 20px;
            }

#banner-footer {
    background: linear-gradient(258.44deg, #9B53FB 14.7%, #000000 84.8%);
    border-radius: 19px;
    transform: rotate(-180deg);
    user-select: none;
}

    #banner-footer h2 {
        font-weight: 700;
        font-size: 34px;
        line-height: 40px;
        color: #24F1FE;
        max-width: 60%;
    }

    #banner-footer .cta {
        padding: 30px;
    }

    #banner-footer a {
        background: #000000;
        border-radius: 23px;
        color: white;
        padding: 8px 14px;
    }

    #banner-footer .conteudo {
        transform: rotate(180deg);
        background-image: url('../img/ecommerce_2022/Group_215.png');
        background-repeat: no-repeat;
        background-position: 400px -30px;
        background-size: contain;
    }

    #banner-footer img {
        max-width: 400px;
        border-radius: 19px;
        position: absolute;
        right: 0;
        bottom: 0;
    }



/*MINHA-CONTA*/
#minha-conta {
    padding: 90px 0;
}


    #minha-conta .nav-item {
        border-radius: 0;
        background: unset;
    }

        #minha-conta .nav-item button {
            background: unset;
            border: unset;
            color: black;
            font-weight: bold;
        }

        #minha-conta .nav-item .nav-link.active {
            background: unset;
            border-bottom: 2px solid black;
        }

    #minha-conta .row.border-bottom {
        border-bottom: 2px solid lightgray;
    }


    #minha-conta .secao:not(:last-of-type) {
        margin-bottom: 60px;
    }

    #minha-conta .curso img {
        max-width: 275px;
        border-radius: 19px;
    }

    #minha-conta .curso .titulo {
        font-weight: 700;
        font-size: 16px;
        line-height: 19px;
        padding: 1rem .5rem;
    }

    #minha-conta .curso {
        margin-right: 10px;
        margin-bottom: 5px;
    }

    #minha-conta .cursos-adquiridos {
        padding: 2rem 0;
    }

        #minha-conta .cursos-adquiridos .nome-secao {
            font-weight: 400;
            font-size: 15px;
            line-height: 22px;
        }

    #minha-conta #editar-perfil {
        padding-top: 50px;
    }

    #minha-conta .form-login {
        min-height: unset;
        padding-bottom: unset;
    }

    #minha-conta .minha-conta h2.text-center {
        border-bottom: unset;
    }

    #minha-conta .minha-conta {
        min-height: unset;
        padding-bottom: unset;
    }

    #minha-conta .nome-secao {
        font-weight: 900;
        font-size: 18px;
        line-height: 22px;
        text-transform: uppercase;
        padding: 0 16px;
    }

    #minha-conta input::placeholder .placeholder {
        color: lightgray;
    }


    #minha-conta #historico-compras #compras {
        border-collapse: collapse;
        width: 100%;
    }

        #minha-conta #historico-compras #compras td, #customers th {
            padding: 15px;
            border-top: unset;
        }

            #minha-conta #historico-compras #compras td:nth-child(1) {
                padding: 15px;
                border-radius: 10px 0 0 10px;
            }

            #minha-conta #historico-compras #compras td:nth-child(3) {
                padding: 15px;
                border-radius: 0 10px 10px 0;
            }

        #minha-conta #historico-compras #compras tr {
            padding: 15px;
            padding: 15px;
            font-size: 16px;
            border: none;
            border-bottom: none;
            line-height: 19px;
            border-top: none;
        }

            #minha-conta #historico-compras #compras tr td:nth-child(1) {
                font-weight: 700;
            }

            #minha-conta #historico-compras #compras tr:nth-child(even) {
                background-color: #f2f2f2;
            }

            #minha-conta #historico-compras #compras tr:hover {
                background-color: #ddd;
            }

    #minha-conta #historico-compras {
        margin-top: 57px;
    }

        #minha-conta #historico-compras #compras th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #fff;
            color: black;
            border: none;
            font-weight: 700;
            font-size: 15px;
            line-height: 18px;
        }

    #minha-conta #historico-compras {
        overflow-y: auto;
        height: 50vh;
        padding-top: 520px;
    }

        #minha-conta #historico-compras table {
            border-collapse: collapse;
            width: 100%;
        }

        #minha-conta #historico-compras th {
            position: sticky;
            top: -520px;
            padding: 5px 12px;
            padding-bottom: 10px;
        }

hr.profile-divider {
    margin: 40px 0 !important;
}

section.carrinho {
    padding-bottom: 90px;
}

    section.carrinho h2,
    section.carrinho h5,
    section.carrinho small {
        color: #F7941D !important;
    }

    section.carrinho .box-carrinho {
        background: #ffffff00;
        border-radius: 8px;
        margin-bottom: 16px;
    }

    section.carrinho .box-item-carrinho .limpar-item {
        padding: unset;
        background: unset;
        color: #818181 !important;
        max-width: fit-content;
        font-size: 18px;
        align-self: end;
    }

.carrinho .limpar-item {
    text-align: unset !important;
    margin-top: unset !important;
    margin-left: unset !important;
}

section.carrinho img {
    height: fit-content;
    border-radius: 4px;
}

section.carrinho .preco p {
    white-space: nowrap;
    margin-bottom: 0;
}

section.carrinho .box-compra {
    border-radius: 8px;
    border: 1px solid var(--Dark---70, #BDBDBD);
    width: 100%;
    padding: 24px;
}

    section.carrinho .box-compra .cupom-desconto {
        padding: 15px 0px;
        border-top: 1px solid var(--Dark, #0A0A0A);
    }

a.link-editar-endereco {
    text-decoration: underline !important;
}

section.checkout i.fas.fa-pen {
    margin-right: 10px;
}

section.checkout .side-border {
    border-left: 2px solid lightgray;
    border-right: 2px solid lightgray;
}

section.checkout .card {
    margin-bottom: unset;
    background: unset;
    border: unset;
}

    section.checkout .card .card-header {
        padding: 15px;
        margin-bottom: 0;
        background-color: unset;
        border-bottom: 0;
    }

/*ASSISTIR*/

.relative {
    position: relative;
}

.aula-ativa a {
    font-weight: bold !important;
}

#assistir #menu-aulas.hide {
    /* display: none; */
    /* z-index: -1; */
    opacity: 0;
    transition: 1s opacity ease-in-out;
}

#assistir #principal.show {
    display: block;
}

#aside-assistir.show {
    right: 0;
    overflow: auto;
    /* transform: translateX(278%); */
    transition: all 1s ease-in-out;
}

#aside-assistir.hide {
}

#aside-assistir {
    background: white;
    color: black;
    width: 21vw;
    overflow: scroll;
    height: calc(100vh - 96px);
    position: absolute;
    z-index: 9999;
    /* transform: translateX(1500%); */
    transition: all 1s ease-in-out;
    right: -1000px;
}

    #aside-assistir .card .card-header {
        border: 1px solid black;
        border-right: unset;
        border-left: unset;
        border-radius: unset;
        background: white;
    }

        #aside-assistir .card .card-header button {
            width: 100%;
            padding: 1rem 0;
            font-weight: 700;
            font-size: 14px;
            line-height: 22px;
            color: black;
            text-decoration: none;
        }

            #aside-assistir .card .card-header button:focus {
                outline: none;
                box-shadow: none;
            }

    #aside-assistir .header-menu button {
        background: transparent;
        border: none;
    }

        #aside-assistir .header-menu button:focus {
            outline: none;
            box-shadow: none;
        }

    #aside-assistir .header-menu {
        padding: 1rem 1.2rem;
        display: flex;
    }

        #aside-assistir .header-menu strong {
            flex: 1;
        }

    #aside-assistir .accordion .card-body {
        padding: 0;
    }

        #aside-assistir .accordion .card-body li {
            font-weight: 400;
            font-size: 14px;
            line-height: 22px;
        }

            #aside-assistir .accordion .card-body li:hover {
                background: #E7E7E7;
            }

#assistir .principal {
    position: relative;
    flex: 1;
    display: block;
    width: 100%;
}

#assistir {
    background: black;
    color: white;
}

    #assistir #menu-aulas {
        z-index: 20;
        position: fixed;
        right: 0px;
        top: 60%;
        height: 100px;
        width: 56px;
        border-radius: 50px 0 0 50px;
        background-image: linear-gradient(25deg, #0534e3, #4772d9, #4aabcc, #0ae4bd);
        border: none !important;
        color: white;
        opacity: 1;
        transition: 1s opacity ease-in-out;
    }


    #assistir h1 {
        min-width: 300px !important;
    }

    #assistir p,
    #assistir h1 {
        font-weight: 400;
        font-size: 15px;
        line-height: 22px;
        color: white;
    }

    #assistir .mais {
        min-height: 300px;
    }

    #assistir .sobre-aula strong {
        font-weight: 700;
    }

    #assistir .sobre-aula button.download {
        background: transparent;
        border: 1px solid white;
        color: white;
        padding: 8px 16px;
        border-radius: 18px;
    }

    #assistir .sobre-aula p {
        width: fit-content;
        margin: unset;
        display: block;
        position: relative;
    }

    #assistir .border-bottom {
        border-bottom: 1px solid black;
    }

    #assistir .controle-aulas .col-lg-6 {
        padding: unset;
    }

    #assistir .controle-aulas {
        margin: 0 5px;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 30px;
    }

.box-carrinho img {
    max-width: 32%;
    border-radius: 0px;
}

.box-carrinho .wraper-text {
    margin-left: 25px;
    width: 100%;
    color: black;
}

    .box-carrinho .wraper-text h3 {
        margin-bottom: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 49px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: "Space Grotesk";
        font-size: 19px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 126.316% */
        margin-bottom: 8px;
    }

    .box-carrinho .wraper-text .qtd {
        display: block;
        color: var(--Dark, #0A0A0A);
        text-overflow: ellipsis;
        font-family: "Space Grotesk";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 150% */
    }

    .box-carrinho .wraper-text h4 {
        color: var(--Primary, #F7941D) !important;
        font-family: "Space Grotesk";
        font-size: 21px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 114.286% */
    }

        .box-carrinho .wraper-text h4:before {
            content: "R$";
        }

.side-conta {
    margin-right: 30px;
}


    .side-conta h2 {
        font-size: 16px;
        position: relative;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        padding: 16px;
        border-bottom: 1px solid var(--primary);
        color: var(--primary);
        text-align: left;
        margin: 0;
    }

    .side-conta ul li {
        padding: 16px;
        border-bottom: 1px solid var(--dark---70);
        transition: ease-in-out .3s all;
    }

        .side-conta ul li:hover {
            border-bottom: 1px solid var(--primary);
        }

            .side-conta ul li:hover a {
                color: var(--primary);
            }


    .side-conta ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

.minha-conta a.card {
    background: transparent;
    width: 100%;
    height: 140px;
    border-radius: 15px;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 0px 63px;
    flex-direction: row;
}

    .minha-conta a.card:not(:last-of-type) {
        margin-bottom: 56px;
    }


.wraper-card a {
    background: var(--main-purple) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    height: 139px;
    font: normal normal bold 18px/42px Poppins;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .wraper-card a.card.grey {
        color: #fff;
    }

    .wraper-card a:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        transition: 0.3s ease-in-out;
    }

    .wraper-card a.card.grey {
        pointer-events: none;
        background-color: gray;
    }

.wraper-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.minha-conta a.card:after {
    flex-shrink: 0;
    content: "";
    transform: rotate(360deg);
    position: absolute;
    color: black;
    right: 40px;
    font-size: 33px;
    width: 26px;
    background-image: url(../img/arrow-blue.svg);
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}

.minha-conta a.card:nth-child(even):after {
    background-image: url(../img/arrow-blue.svg);
}
/* CHECKOUT CONFIRMAÇÃO LIVE CLASS */


.info-liveclass {
    text-align: left;
    color: var(--Dark, #0A0A0A);
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 1px solid #3D3D3D;
    border-radius: 6px;
}

.strong {
    font-weight: bold;
}

.btn-tutor img, .btn-pos img {
    width: 20px;
    height: 20px;
}

.btn-tutor {
    outline: 1px solid #f5ad40;
}

.botoes-liveclass {
    border-bottom: 1px solid #3D3D3D;
    border-radius: 6px;
}

.card-acesso {
    border: 1px solid #f5ad40;
    border-radius: 24px;
    padding: 56px;
    margin: 72px 0px;
}

    .card-acesso p img {
        width: 20px;
        height: 20px;
    }

.card-acesso-texto .small-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    color: var(--Dark, #0A0A0A);
}

.card-acesso-texto .medium-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    color: var(--Dark, #0A0A0A);
}

.card-acesso-texto .text-right {
    display: block;
    text-align: right;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: var(--Dark, #0A0A0A) !important;
}
/* the slides */
.slickhome {
    display: block !important;
    position: relative;
}

.slick-destaques {
    display: block !important;
}

.slick-course .slick-slide {
    margin: 0 11px;
}

.slick-track .item {
    border-radius: 10px;
}

.slickhome .item .slick-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

    .slickhome .item .slick-img img {
        transition: transform 0.3s;
    }

.slickhome .fa-chevron-right.slick-arrow {
    position: absolute;
    top: 49%;
    left: calc(100% + 5px);
    color: #fd7e14;
}

.slickhome .fa-chevron-left.slick-arrow {
    position: absolute;
    top: 49%;
    left: -20px;
    color: #fd7e14;
}

.slick-destaques .fa-chevron-right.slick-arrow {
    position: absolute;
    top: 49%;
    left: calc(100% + 5px);
}

.slick-destaques .fa-chevron-left.slick-arrow {
    position: absolute;
    top: 49%;
    left: -20px;
}

.slickhome .item .p-4 {
    transition: background-color 0.3s ease-in-out;
    border-radius: 0 0 10px 10px;
    background-color: white;
    height: 236px;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    align-self: stretch;
}

.slick-track .item {
    border: 1px solid transparent;
}

    .slick-track .item:hover img {
        transform: scale(1.05);
    }

    .slick-track .item:hover {
        border: 1px solid var(--Dark--80, #D6D6D6);
    }

.destaques-menores .item:hover img, .destaques-menores-cursos .item:hover img {
    transform: scale(1);
    transition: none;
}

.slickhome .item:hover .p-4 {
    background: var(--White, #FFF);
    border: 1px solid #8A8A8A;
}

.saiba-mais {
    border-top: 1px solid var(--Dark--80, #D6D6D6);
    width: 100%;
}

.produtos-relacionados {
    margin-bottom: 40px;
}

    .produtos-relacionados h3 {
        font-size: 22px;
        font-weight: 600;
    }

.slick-track h3 {
    overflow: hidden;
    color: var(--Dark, #0A0A0A);
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}

.subtitulo-limitado {
    overflow: hidden;
    color: var(--Dark---50, #8A8A8A);
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
}

.slick-slide img {
    border-radius: 10px;
}

.wrapper-produto .slick-img img {
    border-radius: 10px 10px 0px 0px;
}


.btn-saiba-mais {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    text-align: center;
    background-color: #8C5EE2;
    color: #ffff;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
/* the parent */
.slick-course .slick-list {
    margin: 0 -20px;
}


#aside-assistir #accordionExample li {
    padding: 0;
}

    #aside-assistir #accordionExample li a {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
    }

div#banner-pos-blog img {
    margin-bottom: 70px;
    border-radius: 19px;
}


.owl-meus-cursos .slick-slide {
    margin-right: 5px;
}

.owl-meus-cursos i {
    color: black;
}

.estrutura-blog .post .wrapper-image-post img:hover {
    transform: scale(1.02);
    transition: 0.3s all ease-in-out;
}

a.ver-todos:hover {
    transition: 0.4s all ease-in-out;
    color: #0A0A0A;
}


.owl-meus-cursos span.col-md-12.text-center {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 48px;
    word-break: break-word;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.wraper-course .wraper-text span {
    color: white;
    font-size: 28px;
    text-align: center;
    display: block;
    font-weight: 800;
}

#minha-conta .side-cursos .owl-carousel img {
    border-radius: 6px 6px 0 0;
}

#minha-conta .side-cursos .item .btn-primary {
    border-radius: 0 0 6px 6px !important;
}

.wraper-course .wraper-text {
    min-height: 108px;
    background-color: var(--White);
    padding: 26px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wraper-course {
    min-height: 400px;
    display: flex;
    flex-direction: column;
}

    .wraper-course .wraper-text h3 {
        max-height: 70px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 16px;
        line-height: 24px;
        display: -webkit-box;
        color: var(--dark);
        text-align: left;
        font-weight: 700;
    }

i.fa-arrow-blue {
    position: absolute;
    color: black;
    right: -59px;
    font-size: 33px;
    width: 26px;
    background-image: url('../img/arrow-blue.svg');
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
}


section#sidebar {
    border: 1px solid var(--Dark---70, #BDBDBD);
    background: var(--Matte-Green, #EEF3E7);
    padding: 25px;
    max-height: 630px;
    overflow: auto;
    height: 100%;
}

#sidebar h2 button {
    color: var(--Primary, #F7941D);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 !important;
    margin-bottom: 22px;
    text-decoration: none;
    white-space: normal;
    position: relative;
}

    #sidebar h2 button .toggle-icon {
        /* position: absolute; */
        bottom: 10px;
        left: 95%;
        display: contents;
    }

.black-watch {
    padding-top: 40px;
    padding-bottom: 90px;
}

#watch .btn-control-class {
    margin-top: 10px;
    color: var(--main-purple) !important;
}

.watch {
}


#sidebar ul li a {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}

#sidebar ul li:not(:last-of-type) {
    margin-bottom: 28px;
}

.accordion > div:not(:last-of-type) {
    margin-bottom: 32px;
}

#watch .wraper-text h1,
#watch .wraper-text .sub {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 127.273% */
}

#watch .wraper-text .sub {
    margin-left: 10px;
}

#watch .title {
    display: flex;
    justify-content: space-between;
    margin-top: 29px;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
#sidebar {
    scrollbar-width: thin;
    scrollbar-color: #f7941d #000000;
}

    /* Chrome, Edge, and Safari */
    #sidebar::-webkit-scrollbar {
        width: 5px;
    }

    #sidebar::-webkit-scrollbar-track {
        background: #000000;
    }

    #sidebar::-webkit-scrollbar-thumb {
        background-color: #f7941d;
        border-radius: 2px;
        border: 0px solid #121111;
    }

.sobre-aula {
    display: flex;
    align-items: center;
    overflow: auto;
}

.carrinho h1 {
    color: var(--Dark, #0A0A0A) !important;
    text-align: center;
    font-family: "Space Grotesk" !important;
    font-size: 44px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 54px !important;
    margin-bottom: 0px;
}

    .carrinho h1 span {
        color: var(--Primary, #F7941D);
    }

.wraper-visualizar {
    background: var(--Primary, #F7941D) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
}



    .wraper-visualizar a {
        color: white;
        font: normal normal bold 28px/42px Poppins;
    }

.cont-watch {
    overflow: hidden;
    position: relative;
}

.form-control:focus {
    border-color: #3ed2fe;
    box-shadow: none;
}

.col-md-4.col-12.boleto {
    display: none;
}

#confirmcao .card:not(:last-of-type) {
    margin-bottom: 20px;
}


.boleto-list-infos li {
    font-size: 14px;
}


.titulo-pagina {
}

.payment-select a {
    margin-bottom: 14px;
}

.side-conta button.btn.btn-link {
    width: 100%;
}

.side-conta .btn-link:hover {
    text-decoration: none;
}

.side-conta .btn.focus, .btn:focus {
    box-shadow: unset !important;
}

.side-conta .collapsed h2 {
    margin: 0 !important;
}

.side-conta .collapsed {
    text-decoration: none;
}

.minha-conta a.card:nth-child(even) {
    /* color: black; */
}

.side-conta h2.hide {
    margin: 0;
}

.side-conta ul.collapse {
    transition: all 1s ease;
}

.side-conta ul {
    transition: all 1s ease;
}

.button-ver a {
    color: red;
}

.component-card-noticia {
    width: 360px;
    min-height: 275px;
    overflow: hidden;
}

    .component-card-noticia:not(:last-of-type) {
        margin-right: 30px;
    }

    .component-card-noticia .imagem {
        overflow: hidden !important;
        margin-bottom: 18px;
        height: 155px;
        transition: ease-in-out all .3s;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .component-card-noticia .imagem:hover {
            transform: scale(1.1);
            transition: ease-in-out all .3s;
            max-width: 100%;
            max-height: 100%;
        }

    .component-card-noticia .title {
        overflow: hidden;
        color: var(--Dark, #0A0A0A);
        text-overflow: ellipsis;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        min-height: 64px;
    }

        .component-card-noticia .title:hover {
            color: var(--primary);
        }

    .component-card-noticia .info {
        color: var(--Dark, #0A0A0A);
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px; /* 157.143% */
    }

    .component-card-noticia .tag-category {
        border-radius: 32px;
        border: 1px solid var(--primary);
        background: var(--primary);
        padding: 2px 8px;
        color: #FEF1E1;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px; /* 150% */

        margin: 18px 0 16px;
    }

        .component-card-noticia .tag-category:hover {
            border: 1px solid var(--Primary---20, #F9AB4E);
            background: var(--Primary---20, #F9AB4E);
        }

    .component-card-noticia a {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

/* PAGINA BLOG */

#blog-page {
    padding-top: 39px;
}

.span-tag {
    color: #FFFFFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    border-radius: 32px;
    border: 1px solid #F7941D;
    background: #F7941D;
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: fit-content;
}

.blog-postagem {
    padding-bottom: 120px;
    border-bottom: 1px solid var(--Dark---70, #BDBDBD);
}

    .blog-postagem .postagem-header h1 {
        text-align: center;
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 46px;
        max-width: 748px;
        margin: 0 auto;
    }

    .blog-postagem .postagem-detalhes h3 {
        color: var(--Dark, #0A0A0A);
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px; /* 128.571% */
        margin: 40px 0px;
    }

    #blog-page .postagem-detalhes p span, .blog-postagem .postagem-detalhes p {
        color: var(--Dark, #0A0A0A);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

    .blog-postagem .postagem-header .blog-data {
        margin: 32px 0px;
        color: #707070;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
    }

        .blog-postagem .postagem-header .blog-data p {
            margin-bottom: 0;
        }

    .blog-postagem .blog-banner-img {
        max-width: 750px;
    }

    .blog-postagem .blog-banner {
        margin-bottom: 80px;
    }

.dropdown-toggle::after {
    display: none;
}

.blog-postagem .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

    .blog-postagem .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.blog-postagem .outras-noticias {
    margin-top: 40px;
}

.blog-postagem .anuncios .banner {
    margin-bottom: 20px;
}

.blog-postagem .newsletter-signup, .blog-postagem .anuncios {
    max-width: 262px;
}

.blog-postagem .newsletter-signup {
    margin-top: 40px;
}

    .blog-postagem .newsletter-signup h5 {
        color: var(--Dark, #0A0A0A);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

.mais-noticias {
    padding-bottom: 140px;
}

    .mais-noticias h4 {
        margin: 24px 0px;
        overflow: hidden;
        color: var(--Primary, #F7941D);
        text-overflow: ellipsis;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

.lista {
    padding: 0;
    margin: 0;
    gap: 30px;
}

    .lista li a {
        overflow: hidden;
        color: var(--Dark, #0A0A0A);
        text-overflow: ellipsis;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        align-self: stretch;
    }

        .lista li a:hover {
            transition: ease-in 0.3s;
            text-decoration: underline !important;
        }

    .lista li {
        max-width: 360px;
        min-height: 114px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px;
        border-bottom: 1px solid var(--Dark---70, #BDBDBD);
        padding: 0;
    }

        .lista li p {
            color: var(--Dark---40, #707070);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
        }

.btn-blog-cadastrar {
    color: white;
}

    .btn-blog-cadastrar:hover {
        color: white !important;
    }

.container-noticias {
    padding: 0px;
}



/* MEDIA QUERY*/
.dropdown-item:focus, .dropdown-item:hover {
    background-color: var(--primary);
}

.dropdown-menu.cascade-dropdown.show {
    position: relative;
}

a.dropdown-item {
    padding: 8px 10px;
    width: 100%;
}

.dropdown-menu.cascade-dropdown.show {
    width: 100%;
}

header .navbar-nav a[aria-expanded="true"] .icon-rotate {
    transition: 0.2s linear;
    rotate: 180deg;
    top: -3px;
}

header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.contato-infos {
    order: 0;
}

.contato-form {
    order: 1;
}

#contato h1 {
    text-align: center;
    font-size: 22px;
    line-height: 28px;
}



#ModalSegundaViaBoletoForm h5,
#ModalSegundaViaBoletoFormLabel {
    // styleName: Heading/Heading 6;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}

#ModalSegundaViaBoletoForm .modal-header, .modal-footer, .modal-body {
    border: 1px solid var(--dark---80);
}

#ModalSegundaViaBoletoForm .modal-content {
    background-color: var(--theme-color);
}

#ModalSegundaViaBoletoForm button.btn {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: white !important;
    width: 100%;
    text-align: center;
    padding: 8px 0px !important;
}

#ModalSegundaViaBoletoForm .alert.alert-primary {
    border-bottom: 1px solid #3D3D3D;
}

#ModalSegundaViaBoletoForm .info {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: left;
    color: var(--dark);
    padding: 12px 0;
    display: flex;
    align-items: center;
    position: relative;
}

    #ModalSegundaViaBoletoForm .info svg {
        margin-right: 8px;
    }

    #ModalSegundaViaBoletoForm .info:not(:first-of-type) {
        padding-top: 12px;
    }

#ModalSegundaViaBoletoForm .modal-body {
    padding: 24px;
    padding-bottom: 0px;
}

#ModalSegundaViaBoletoForm input.form-control {
    width: 100%;
    margin-bottom: 24px;
}

#ModalSegundaViaBoletoForm img.icon {
    width: 24px;
    height: 24px;
    padding: 2.44px;
    position: absolute;
    left: 0px;
}

#ModalSegundaViaBoletoForm .info:last-of-type {
    margin-bottom: 24px;
}

#ModalSegundaViaBoletoForm .info {
    border-bottom: 1px solid var(--dark---80);
}

section.descricao-produto-detalhes .box-descri p {
    margin-bottom: 0px;
}

.descricao-produto-detalhes .box-descri ul li, .descricao-produto-detalhes .box-descri ul {
    padding: revert;
    list-style: revert !important;
}

.close-modal-ico {
    color: var(--dark---40);
}

.detalhes-produto h1 {
    color: var(--Dark, #0A0A0A);
    /* Heading/Heading 4 */
    font-family: "Space Grotesk";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 116.667% */
}

#respostas-rapidas .text span.orange {
    color: var(--Primary---30, #F7941D) !important;
    font-weight: 700;
}

.box-descri p font {
    color: #f7941d !important;
}

button.btn.btn-comprar:hover {
    border: 1px solid var(--Primary---20, #F9AB4E);
    background: var(--Primary---20, #f3af5d);
}

section.descricao-produto-detalhes {
    padding-bottom: 120px;
}

@media(min-width:998px) {
    .side-conta .collapse {
        display: block !important;
    }

    .side-conta h2.hide {
        margin-bottom: 56px;
    }
}

@media(max-width:998px) {
    .side-conta {
        margin-right: 0px;
    }

    section.descricao-produto-detalhes {
        padding-bottom: 80px;
    }

    #bom-dia .carrosel-noticias {
        flex-direction: column !important;
        width: 100%;
    }

    .component-card-noticia .imagem {
        height: 230px;
    }

    .component-card-noticia {
        width: 100%;
        height: unset !important;
        margin-right: 0 !important;
        margin-bottom: 80px;
    }

        .component-card-noticia:last-of-type {
            margin-bottom: 0;
        }

    button.download {
        margin-left: 0px !important;
    }

    #watch .title {
        margin: 0;
        flex-direction: column;
        gap: 20px;
    }

        #watch .title .wraper-text {
            margin-bottom: 2rem;
        }


    .side-conta .action-head-click:after {
        content: "";
        position: absolute;
        right: 0px;
        font-size: 33px;
        width: 17px;
        background-image: url(../img/arrow-orange.svg);
        height: 14px;
        background-size: contain;
        background-repeat: no-repeat;
        transition: all 0.2s ease;
        transform: translateY(55%) rotate(90deg); /* Estado inicial */
    }

    .side-conta .action-head-click.action-open:after {
        transform: translateY(5%) rotate(270deg); /* Gira a seta cima */
    }

    section.carrinho .box-item-carrinho .limpar-item {
        align-self: end;
    }

    .box-carrinho .wraper-text {
    }

    #assistir #menu-aulas.hide {
        opacity: 1;
        transition: 1s opacity ease-in-out;
    }


    #assistir #menu-aulas, #assistir #principal.show {
        position: relative;
        background-color: white;
        top: 0;
        width: 100%;
        height: 44px;
        border-radius: 0px;
        margin: 0px 0px 20px 0px;
        align-items: center;
        z-index: 1;
    }

    #contato.bg {
        background-position: bottom center;
        padding-bottom: 260px;
    }

    .page-produtos .banner-pos .owl-carousel,
    .page-produtos .banner-pos .owl-carousel .owl-stage-outer {
        height: unset;
    }

    .page-produtos .banner-pos {
        margin: 20px auto;
        height: unset;
    }

    .page-produtos .col-sidebar {
        /* padding-left: unset; */
        /* padding-right: unset; */
    }
}

@media (max-width: 1400px) {

    header .header-redes {
        margin-left: 250px;
    }
}

@media (max-width: 1300px) {

    header .header-redes {
        margin-left: 250px;
    }
}

@media (max-width: 1200px) {
    .banner-alunos-img {
        display: none;
    }

    #banner-footer h2 {
        font-weight: 700;
        font-size: 30px;
        line-height: 33px;
        color: #24F1FE;
        max-width: unset;
    }

    #banner-footer .conteudo {
        transform: rotate(180deg);
        background-image: url('../img/ecommerce_2022/Group_215.png');
        background-repeat: no-repeat;
        background-position: center 180px;
        background-size: contain;
    }

    #banner-footer img {
        max-width: 50%;
        position: relative;
        right: 0;
        bottom: 0;
    }

    #aside-assistir {
        width: 35vw;
    }


    #home #banner h1 {
        font-size: 90px;
    }

    header .header-redes {
        margin-left: 70px;
    }

    #bom-dia .bomdia-destaques ul li {
        flex-direction: row !important;
    }
}

@media (max-width: 1000px) {

    header .list-links-login li a {
        text-align: end;
        font: normal normal bold 18px/20px !important;
        border: 1px solid white;
    }

    header .input-home {
        width: 100%;
    }

    .list-links-login a.dropdown-item {
        font-weight: 700;
        font-size: 15px;
        white-space: nowrap;
        line-height: 19px;
        text-align: right;
        text-transform: unset;
        padding: 1rem 0;
    }

    header #btn-entrar li {
        /* width: 100%; */
        /* padding: 0 18px; */
    }

    header #btn-entrar {
        /* max-width: 300px; */
        width: auto;
        display: flex;
        /* justify-content: end; */
        border: none;
    }

        header #btn-entrar a.name-user {
            /* padding-left: unset; */
            /* padding-right: unset; */
        }


    .dropdown-menu-right {
        /* right: unset !important; */
        left: auto;
        /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
    }

    .navbar {
        padding: unset;
        justify-content: unset;
    }

    #aside-assistir.show {
        position: absolute;
        z-index: 3;
    }

    #cursos-gratuitos.cursos-gratuitos .link-post {
        width: 35%;
    }


    #banner-footer img {
        max-width: 100%;
    }

    #minha-conta #historico-compras {
        padding-top: 700px;
    }

        #minha-conta #historico-compras th {
            top: -700px;
        }

    .line-right {
        border-right: unset;
    }

    header li.nav-item .tag-free {
        margin-right: unset;
    }

    header .links-menus > li:first-child ul li:first-child {
        margin-top: 30px;
    }


    #home #banner .container {
        padding-left: 25px;
    }


    header #items-menu {
        min-width: 100%;
        padding-top: 40px;
    }

    a.link.link-clube-bioquimica {
    }

    #home #banner #apresentacao {
        padding-top: 40px;
    }

    #home #banner h1 {
        font-size: 70px;
        line-height: 60px;
    }

    header li {
        /* width: 100%; */
        /* text-align: right; */
        padding: 1rem 0;
    }

    header button,
    header .navbar-brand {
        /* z-index: 3; */
        /* position: absolute; */
    }

    header button {
        right: 0;
    }

        header button[aria-expanded="true"] {
            right: 20px;
        }

    /*header .collapse {
         position: fixed; 
         width: 100vw; 
         right: 0; 
         bottom: 0; 
         left: 0; 
         top: 0; 
         background: #121212; 
         height: 100%; 
         padding: 50px 0; 
         z-index: 2; 
         animation: downOut 200ms ease-in-out forwards; 
    }*/

    header .collapse ul {
        width: 100% !important;
        list-style: none;
        padding-right: 15px !important;
    }

    header .input-home li {
        /* animation: fadein 500ms ease-in-out forwards; */
    }

    header .header-redes {
        margin-left: 0;
    }

    header .links-menus .link {
        margin-right: 0px;
    }

    .carrinho {
        padding-bottom: 30px;
    }

    .fa-bars {
        color: #007BFF;
    }
}

@media(max-width:998px) {
    .content-watch {
        flex-direction: column-reverse;
        padding: 32px 0 0 0;
    }

    .wrapper-apostila {
        margin-top: 32px;
    }

    .black-watch {
        padding-top: 0;
    }

    section#sidebar {
        padding: 42px;
        max-height: unset;
        overflow: auto;
        height: 100%;
    }

    #clube_bioquimica #faixa {
        /* width: 95%; */
        height: unset;
        padding: 10px 20px;
        top: 79%;
    }

        #clube_bioquimica #faixa p {
            font-size: 15px;
        }

        #clube_bioquimica #faixa a {
            font-size: 15px;
            border-radius: 10px;
            padding: 6px 8px;
            text-align: center;
        }

    .artigo-detalhes .texto p {
        border-bottom: 1px solid black;
        padding-bottom: 40px;
        margin-bottom: 27px;
    }

    .estrutura-blog .post #tag-autor p {
        font-size: 12px;
    }


    .estrutura-blog .post img {
        min-width: unset;
        max-height: 357px;
        width: 100%;
    }

    .estrutura-blog .post #tag-autor img {
        width: unset;
    }

    .artigo-detalhes .principal {
        padding-right: 12px;
    }

    .artigo-detalhes .conteudo {
        padding-bottom: 20px;
    }

    .artigo-detalhes .rede-social {
        height: 35px;
    }

    .artigo-detalhes .artigo h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .artigo-detalhes .artigo .texto p {
        font-size: 16px;
        line-height: 24px;
    }

    #container-outros-artigos .row {
        padding-left: 0px;
    }

    #faq .box {
        max-width: 100%;
        width: 100%;
    }

    #topo-home {
        background-image: url('../img/bg.svg');
        background-position: right 10px bottom, center;
        background-size: cover;
    }

    #pilares {
        text-align: center;
    }

        #pilares img {
            margin: auto;
            display: block;
            margin-bottom: 2rem;
        }

    #oq .modulo {
        max-width: 304px;
    }

    .bottom-bg {
        bottom: -65px;
    }

    .top-bg {
        top: -65px;
    }

    .minha-conta a.card:first-of-type {
        margin-top: 2rem;
    }

    .minha-conta a.card {
        font-size: 18px;
        height: 98px;
        padding: 0px 25px;
    }
}

@media(max-width: 900px) {
    /*#assistir .principal{
        display:none;
    }*/
    .wrapper.width-100 {
        width: 100% !important;
    }

    #aside-assistir {
        width: 100vw;
    }

    #home #banner {
        padding: 40px 0;
    }
}


@media (max-width: 800px) {
    .wraper-visualizar, .wraper-card a {
        height: 160px;
        margin-bottom: 20px;
    }

        .wraper-visualizar a {
            font-size: 18px;
        }

    .carrinho h1 {
        font-size: 32px;
        line-height: 40px;
    }

    i.fa-arrow-blue {
        right: -40px;
    }

        i.fa-arrow-blue.prev {
            left: -40px;
            right: unset;
            font-size: 33px;
            transform: rotate(180deg);
        }

    #cursos-gratuitos.cursos-gratuitos .link-post {
        width: 100%;
    }

    .slick-course.slick-initialized.slick-slider {
        max-width: 90%;
        margin: auto;
        /* margin-top: 4rem; */
    }

    .minha-conta .box-conta {
        margin-top: 2rem;
    }

    .slick-course .slick-list {
        margin: 0;
    }

    .slick-course .slick-slide {
        margin: 0;
    }

    section.section {
        padding-bottom: 40px;
    }

    #blog .post {
        padding: 1rem 0;
    }

        #blog .post div {
            padding: 0;
        }

        #blog .post img {
            min-width: unset;
        }

    .estrutura-blog .post p {
        font-weight: 700;
        font-size: 24px;
        line-height: 28px;
        margin: 8px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }
}

@media(max-width:768px) {
    .produto-back-to-top a {
        text-align: center;
    }

    .produtos-area-filter {
        flex-wrap: wrap;
    }

    .btn-saibaMais {
        /* margin-top: 0px !important; */
    }

    .img-produto-detalhes {
        margin-top: 10px;
    }

    #banner {
        height: auto;
        padding: 20px;
    }

    .wraper-text {
        flex-direction: column;
    }

    #watch .wraper-text .sub {
        margin: 0;
    }

    #home #banner h1 {
        text-align: center;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 40px; /* 95.238% */
    }

    #home #banner #apresentacao {
        padding-top: 0px;
    }

    #home #apresentacao img {
        width: 37px;
        left: 75px;
        top: -7px;
    }

    #banner .banner-buttons {
        margin: 40px auto;
    }

    #destaques {
    }

    .instituto-content-right {
        margin-top: 71px;
    }

    .instituto-parceiros {
        width: 100%;
    }

    #apresentacao h1 {
        font-size: 2rem;
    }

    .btn-hiNutrition {
        margin-bottom: 10px;
    }

    .desktop #btn-entrar {
        display: none !important;
    }

    .desktop #icone-pesquisar {
        display: none !important;
    }

    .botoes-liveclass .btn-pos {
        margin-top: 0px;
        width: 100%;
    }

    .card-acesso {
        margin: 72px 10px;
    }

    .logo-mob {
        height: 40px;
    }

    header .collapse ul {
        padding-right: 0 !important;
    }

    .search-mob {
        width: 25px !important;
        transition: 0.8s all;
    }

    #newnav .carrinho-pesquisar {
        order: 1;
        margin-left: auto;
        margin-right: 30px;
    }

    #newnav .d-flex.logo-ic {
        order: 1;
        justify-self: flex-start !important;
    }

    #newnav li.nav-item {
        margin-right: 0 !important;
    }

    .btn-startcourse {
        font-size: 18px !important;
    }

    .dropdown-menu-right.item-carrinho {
        right: -100px;
    }

    #minha-conta {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .minha-conta .meus-pedidos {
        margin-top: 42px;
    }

    .minha-conta .side-cursos {
        margin-top: 40px;
    }

    /*.minha-conta .side-conta ul li{
        display:hidden;
    }*/

    /* Estado inicial: os <li> não ocupam espaço e estão invisíveis */
    .side-conta ul li {
        opacity: 0; /* Invisível */
        transform: translateY(-20px); /* Levemente acima da posição original */
        height: 0; /* Sem altura */
        margin: 0; /* Remover margem se houver */
        padding: 0; /* Remover padding se houver */
        overflow: hidden; /* Oculta o conteúdo */
        transition: opacity 0.3s ease, transform 0.3s ease, height 0.3s ease; /* Transição suave */
    }

    /* Quando a classe .open está presente no h2, o conteúdo <li> é exibido */
    .side-conta .action-head-click.action-open + ul.action-open li {
        opacity: 1; /* Totalmente visível */
        transform: translateY(0); /* Volta à posição original */
        height: auto; /* Deixa a altura do <li> conforme o conteúdo */
        padding: 16px; /* Ajuste do padding, se necessário */
    }

    .minha-conta a.card:after {
        right: 7px;
        width: 20px;
        height: 20px;
    }

    .box-conta .col-md-4.p-lg-0.p-0 {
        margin-bottom: 75px;
    }


    .slick-arrow {
        display: none !important;
    }

    .slick-course .slick-arrow {
        display: block !important;
        z-index: 999999;
        color: black;
    }

    .page-produtos .banner-pos img {
        height: 400px;
    }

    #home #banner .container {
        padding-right: 25px;
    }

    header #btn-entrar li {
        padding: 0;
    }

    .ellipsis-2 {
        position: relative;
        overflow: unset;
        display: unset;
    }

    .ellipsis-3 {
        position: relative;
        overflow: unset;
        display: unset;
    }

    #container-outros-artigos .sugestao-artigo {
        max-width: unset;
        max-height: unset;
    }

    #ministrantes .col-lg-10 {
        flex-direction: column;
        text-align: center;
    }

    #ministrantes .wraper-text {
        margin-left: 0px;
    }

    #ministrantes h3 {
        margin-top: 20px;
    }

    .slick-course.slick-initialized.slick-slider {
        margin-top: 4rem;
    }

    .content-right {
        margin-top: 20px;
    }

    .card-mba-pequeno-tittle {
        display: none !important;
    }

    .card-mba-pequeno-tittle-desk {
        display: flex !important;
    }

        .card-mba-pequeno-tittle-desk img {
            display: flex;
            width: 29px;
        }

        .card-mba-pequeno-tittle-desk img {
            display: none;
        }

    #dados-pessoais {
        margin-top: 2rem;
    }

    #banner {
        max-height: fit-content;
    }

    .component-card-noticia .imagem {
        min-height: unset !important;
    }

    .documentos-matricula-lista {
        flex-wrap: wrap;
    }

    .documentos-matricula-lista-ul {
        margin: 0;
        padding: 0;
    }
}

@keyframes downOut {
    0% {
        transform: translateZ(200px) translateY(40px);
        background: #000;
    }

    80% {
        transform: translateZ(-10px) translateY(10px);
    }

    100% {
        transform: translateZ(0px) translateY(0px);
        background: #000;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }

    30% {
        opacity: .2;
    }

    80% {
        opacity: .6;
    }

    100% {
        opacity: 1;
    }
}




/*.wrapper ul {
    width: 90%;
}*/

input {
    font-weight: 400;
}

#pesquisa-header-form input {
    border-radius: 5px;
    border: 2px solid gray;
    /* height: 100%; */
    font-weight: 400;
}

#pesquisa-header-form.show {
    display: flex;
    flex: 1;
    transition: all 1s ease;
    opacity: 1;
    /* transform: translateX(0%); */
    width: 100%;
    /* margin-top: 17px; */
}

@keyframes fadein {
    0% {
        opacity: .0;
        transform: translateX(115%);
    }

    50% {
        transform: translateX(105%);
        opacity: .3;
    }

    100% {
        opacity: 1;
        transform: translateX(100%);
    }
}


#pesquisa-header-form.hide {
    display: flex;
    transition: all 1s ease-in-out;
    transform: translateX(-115%);
    width: 1px;
    opacity: 0;
    flex: 1;
}

#pesquisa-header-form .wrapper-search {
    position: relative;
    width: 100%;
}

    #pesquisa-header-form .wrapper-search i {
        position: absolute;
        right: 2px;
        top: 3px;
        cursor: pointer;
        display: block;
        padding: 10px;
        color: gray;
    }


#bannerpos .item img, #bannerposmob .item img {
    border-radius: 28px;
}

#bannerpos .owl-dots {
    position: absolute;
    bottom: 14px;
    left: 0;
    right: 0;
}

a.ver-todos {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--primary);
    text-decoration: underline !important;
}

    a.ver-todos:hover {
        color: var(--Dark, #0A0A0A);
        text-decoration: underline !important;
    }


#cursos .owl-carousel .owl-nav button::before, #cursos .owl-carousel .owl-nav button::after {
    color: white;
    font-size: 23px !important;
}


#cursos .owl-nav {
    width: 106%;
    margin-left: -3%;
}

    #cursos .owl-nav span {
        display: none;
    }

.page-produtos h2 {
    margin-bottom: 29px;
}


.mobile {
    display: none;
    max-width: 100%;
}

.desk {
    display: block;
    max-width: 100vw;
}

@media(max-width:998px) {

    .mobile {
        display: block;
    }

    .desk {
        display: none;
    }
}


.navcart li a:hover img {
    transition: 0.3s all ease-in-out;
    transform: scale(1.05);
}



#newnav li.nav-item:hover > a {
    color: var(--Primary---20, #F9AB4E);
}


#newnav li.nav-item:hover svg path {
    fill: var(--Primary---20, #F9AB4E); /* Cor do SVG */
}

#newnav li.nav-item.dropdown:hover > #dropdownInstitucional a {
    color: inherit; /* Mantém a cor original */
}

.icon-rotate path {
    fill: var(--Dark, #0A0A0A);
    transition: fill 0.3s ease;
}

.icon-rotate:hover path {
    fill: orange;
}

#dropdowninstitucional:hover {
    color: #0A0A0A;
}

#newnav li.nav-item .dropdown-menu a:hover {
    color: #0A0A0A;
}

#newnav li.nav-item {
    margin-right: 20px;
    display: flex;
}

#newnav ul.navbar-nav.mr-auto {
    width: 100%;
    height: 100%;
    align-items: center;
}

#newnav button.navbar-toggler {
    color: white;
    font-size: 27px;
}

.navcart {
    flex-direction: row !important;
    padding-left: 0;
    justify-content: space-between !important;
    margin-bottom: 0;
}

#pesquisa-header-form.show input {
    display: block;
    margin: auto !important;
    min-width: 280px;
    padding: 12px 24px !important;
}

#pesquisa-header-form.hide input {
    display: none;
}

#pesquisa-header-form.hide .wrapper-search i {
    display: none;
}

.navcalc {
    width: calc(100% - 50px);
    max-width: 500px;
}

div#conteudo {
    padding-top: 27px;
}

.slick-initialized.slick-slider {
    display: flex;
    align-items: center;
}

.slick-arrow {
    color: white;
    font-size: 20px;
    display: block;
    position: relative;
    cursor: pointer;
}

.fa-chevron-left.slick-arrow {
    right: 15px;
}

.fa-chevron-right.slick-arrow {
    left: 15px;
}

/* the slides */
.slickhome .slick-slide {
    margin: 0 5px 0px 5px;
}

/* the parent */
.slickhome .slick-list {
    /* margin: 0 0px 0px 0px; */
}

.col-lg-3.lateral > div:last-of-type {
    border-bottom: unset;
    margin-bottom: 0;
}

button.download a {
    display: flex;
    align-items: center;
    width: intrinsic; /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content; /* Firefox/Gecko */
    width: -webkit-max-content; /* Chrome */
    color: var(--Primary, #F7941D);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}


button.download {
    width: 180px;
    background: transparent;
    border-radius: 6px;
    border: 1px solid var(--Primary, #F7941D);
    padding: 4px 15px;
    display: flex;
    white-space: pre;
}

    button.download i {
        color: #ededed;
    }

    button.download:hover a {
        color: var(--White, #FFF) !important;
    }

    button.download:hover {
        background: var(--Primary, #F7941D);
        color: var(--White, #FFF) !important;
    }

.apostila {
    border-radius: 6px;
    border: 1px solid var(--Primary, #F7941D);
    background: var(--Primary, #F7941D);
    color: var(--White, #FFF);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    display: flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .apostila:hover {
        opacity: 0.6;
    }

.descricao-aula {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.wrapper-certificate {
    max-width: 270px;
    overflow: auto;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.wraper-material {
    max-width: 270px;
    overflow: auto;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

button.download img {
    width: 20px;
    height: 20px;
    display: inline-block;
}

.black-watch .row {
    display: flex;
    flex-direction: column-reverse;
}

.fa-chevron-down,
.fa-chevron-up {
    color: #EEEEEE;
}

.small-icon {
    font-size: 20px;
}

@media(min-width:500px) {
    header .dropdown i.fa-solid.fa-chevron-down {
        margin-left: 8px;
        position: relative;
        top: 3px;
        transition: 0.2s linear;
        color: var(--Dark, #0A0A0A);
    }
}

@media (min-width: 600px) and (max-width: 998px) {
    section#sidebar {
        margin-top: 165px;
    }
}

@media (max-width: 600px) {
    header {
        display: block;
        min-height: fit-content;
        padding: 10px 20px;
    }

    .container-noticias {
        padding: 10px;
    }

    .icone-desk {
        display: none !important;
    }

    .carousel-home-banner {
        padding: 20px;
    }

    #newnav .navbar-collapse {
        order: 3;
    }

    header .navbar-brand {
        width: 50%;
    }

    header .list-links-login li a {
        font-size: 14px !important;
    }

    .logo-ic {
        order: 0 !important;
    }

    .content-watch .col-lg-3 {
        margin-top: 30px;
    }

    .navbar-toggler {
        order: 2;
    }

    .carrinho-pesquisar {
        order: 2;
    }

    .descricao ul li {
        font-size: 14px;
    }

    .banner-alunos-img {
        display: flex;
        width: 100%;
    }

    #banner .banner-buttons {
        flex-direction: column;
    }

    .btn-cursos {
        width: 145px;
    }

    .btn-pos {
        margin-top: 20px;
        width: 229px;
        margin-left: 0px !important;
    }

    #home #banner #apresentacao h2 {
        font-size: 28px;
        line-height: 36px;
    }

    #home #banner #apresentacao .cosmetologia,
    #home #banner #apresentacao .estética,
    #home #banner #apresentacao .farmácia {
        left: 15px;
        font-size: 28px;
        line-height: 28px;
    }

    #home #banner #apresentacao .text-wrapper {
        display: block;
    }

    #cursos h2 {
        font-size: 22px;
    }

    #pos h2 {
        font-size: 29px;
        line-height: 36px;
        text-align: center;
    }

    .card-mba-pequeno-tittle-desk p {
        font-weight: 100;
    }

    a.ver-todos {
        display: flex;
        justify-content: center;
        color: var(--primary);
    }

        a.ver-todos:hover {
            color: var(--Dark, #0A0A0A);
        }

    #depoimentos .depo-wrapper-text {
        padding: 25px 0px;
    }

    #depoimentos h2 {
        font-size: 28px;
        line-height: 36px;
    }

    #depoimentos .depoimento-aluna p {
        font-size: 20px;
    }

    #bom-dia .wrapper-lucas-text p {
        font-size: 18px;
    }

    #bom-dia .wrapper-lucas-text h4 {
        font-size: 21px;
        line-height: 28px;
    }

    #bom-dia .wrapper-lucas .lucas img {
        width: 340px;
        position: absolute;
        top: -35px;
        left: 20px;
    }

    #bom-dia .wrapper-lucas .lucas {
        width: 330px;
    }

    #bom-dia .wrapper-lucas-text {
        padding: 30px;
    }

    #bom-dia .wrapper-lucas {
        justify-content: flex-end !important;
        flex-direction: column-reverse;
        padding: 0;
        height: fit-content;
    }

    .lucas {
        display: none;
    }

    #bom-dia .bomdia-destaques p {
        font-size: 16px;
    }

    .wrapper-footer, .footer-redes {
        margin: 0 auto;
    }

    footer .wrapper-redes, .wrapper-politicas, .wrapper-logo {
        margin: 10px auto;
        font-size: 14px;
    }

    #bom-dia .bomdia-destaques ul li div {
        width: 50%;
    }

    footer .container a {
        font-size: 14px;
        line-height: 21px;
    }

    .page-produtos .row .tittle-produtos {
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
    }

    .page-produtos ul {
        margin: 0 auto;
        padding: 0;
    }

        .page-produtos ul li {
            font-size: 14px;
        }
    /* CURSOS/ASSISTIR */

    .botoes {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    #banners-promocionais {
        height: 500px;
    }
}
/* PAGINA PRODUTOS - CURSOS */

.page-produtos .item {
    padding: 15px;
}

.page-produtos .wrapper-produto {
    border-radius: 10px;
    border: 1px solid transparent;
}

    .page-produtos .wrapper-produto img {
        border-radius: 10px 10px 0 0;
    }

    .page-produtos .wrapper-produto h3 {
        overflow: hidden;
        color: var(--Dark, #0A0A0A);
        text-overflow: ellipsis;
        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
        margin-bottom: 10px;
    }

.wraper-price {
    gap: 10px;
    display: flex;
}

.page-produtos p {
    overflow: hidden;
    color: var(--Dark---50, #8A8A8A);
    text-overflow: ellipsis;
    font-family: "Space Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 150% */
    margin-bottom: 16px;
    max-width: 310px;
    min-height: 54px;
}

.page-produtos .wraper-price a {
    color: var(--Primary, #F7941D);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.wraper-infos .preco-antigo {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    text-decoration: line-through;
}

.page-produtos .tittle-produtos {
    margin: 0px 0px 60px 0px;
    align-items: center;
    border-bottom: 1px solid var(--Dark---70, #BDBDBD);
}

.wraper-infos.d-flex.flex-column {
    padding: 24px;
    height: 236px;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
    justify-content: space-between;
}

.border-top-dark-80 {
    border-top: 1px solid var(--Dark--80, #D6D6D6);
    padding-top: 12px;
}

a.btn-saiba, .wraper-price {
    color: var(--Primary, #F7941D);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    /* margin-top: auto; */
}

    a.btn-saiba:hover {
        color: black;
    }

.page-produtos .tittle-produtos h2 {
    color: black;
    font-size: 40px;
    font-weight: 600;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: left;
}

.page-produtos ul li:hover {
    color: white;
    transition: 0.3s all ease-in-out;
}

.page-produtos .item .slick-img {
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

.page-produtos .wrapper-produto:hover img {
    transform: scale(1.05);
    transition: 0.3s all ease-in-out;
}

.page-produtos .wrapper-produto:hover {
    border: 1px solid var(--Dark--80, #D6D6D6);
}
/* PAGINA CONTATOS */


#contato .form-group {
    margin: 0 0 24px 0;
}

#contato label {
    margin: 0;
}

.container-wrapper {
    padding: 25px;
}

    .container-wrapper p {
        font-weight: 300;
    }


#contato .box-login {
    padding: 0px;
    max-width: none;
}

#contato h2 {
    text-transform: uppercase;
    font-size: 34px;
    color: #564C47;
}


#contato #nao {
    margin-left: 20px;
}

#box_wrapper {
    color: white;
}

#contato .contato-list-infos img {
    width: 20px;
}

#contato .contato-list-infos p {
    margin: 10px;
}

#contato textarea,
#contato input[type=text], #contato input[type=email] {
    width: 100%;
    height: 40px;
}


#contato input::placeholder {
    font-weight: 200 !important;
    color: black;
}

#contato textarea {
    height: unset;
}

#contato .clube label {
    margin-top: 15px;
    margin-bottom: 0;
}

#contato form {
    margin: auto;
}

#contato label {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
}

    #contato label.error {
        font-weight: 200;
        color: #ed2121;
        margin: -10px 0 0 0;
    }


#contato.bg {
    background-image: url('../img/contato.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 400px;
    background-color: #ADDD76;
}

.contato-explicativo {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin-top: 38px;
    margin-left: 15px;
}

#form-contato input {
    margin-bottom: 18px;
}

#form-contato textarea {
    margin-bottom: 18px;
    background-color: #fff;
}

    #form-contato input::placeholder, #form-contato textarea::placeholder {
        color: black;
        font-weight: 200;
    }

#contato *:not(button) {
    color: #0a0a0a;
}

#contato .contato-explicativo {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

#contato ul {
    padding: unset;
}

#contato h1 {
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
    padding: 32px 0px;
    margin: 0px 15px;
    border-bottom: 1px solid var(--Dark-80, #d6d6d6);
    text-align: start;
}

#contato h3 {
    text-align: left;
    color: var(--Primary, #F7941D);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin: 32px 0px;
}

#contato li {
    list-style: none;
}

#contato .media {
    padding: 20px;
    background: #EFEFEF;
    margin: 10px 0;
    border-radius: 19px;
}

    #contato .media .link-rede-social {
        padding: .3rem .5rem;
        border-radius: 50%;
        background: #FFF;
        margin: 0 2px;
    }

        #contato .media .link-rede-social svg {
            background: #FFF;
            width: 100%;
        }

#contato .campo {
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    margin-bottom: 16px;
}

#contato .valor {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

#contato .contato-infos .linha-infos {
    min-height: 68px;
    border-bottom: 1px solid var(--Dark-80, #d6d6d6);
    padding: 32px 0px;
}

    #contato .contato-infos .linha-infos div:first-of-type {
        width: 32px;
        margin-right: 32px;
    }

    #contato .contato-infos .linha-infos span {
        color: var(--Primary, #F7941D) !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
    }

    #contato .contato-infos .linha-infos p {
        font-style: normal;
        margin-top: 12px;
        margin-bottom: 0px;
        /* font-weight: 400; */
    }

        #contato .contato-infos .linha-infos p.telefone {
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
        }

        #contato .contato-infos .linha-infos p.whatsapp {
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            border: 1px solid #0a0a0a;
            border-radius: 6px;
            padding: 6px 12px;
        }

        #contato .contato-infos .linha-infos p.email {
            font-size: 14px;
            font-weight: 300;
            line-height: 22px;
        }

        #contato .contato-infos .linha-infos p.sede {
            font-size: 14px;
            font-weight: 300;
            line-height: 22px;
        }


#contato .localizacao h3 {
    margin-bottom: 32px;
}

a.form-text.text-muted.text-login.text-right {
    color: var(--Primary, #F7941D) !important;
    !im;
    !i;
    !;
    text-align: right;
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


#minha-conta button[type=submit],
#formRegister-form button,
#formLogin-form button {
    border: unset;
    background: var(--Primary, #F7941D);
    box-shadow: 0px 1px 3px rgba(17, 17, 17, 0.15);
    transition: ease-in-out .3s all;
    color: var(--White, #FFF);
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    width: 100%;
}

    #minha-conta button[type=submit]:hover,
    #formRegister-form button:hover,
    #formLogin-form button:hover {
        color: #fff;
        border-radius: 6px;
        background: var(--Primary, #F7941D);
        border-color: var(--Primary, #F7941D);
        !Poppins;
    }

.btn-login-external {
    background: transparent;
    margin: 0 0 10px 0;
    width: 100%;
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--Dark, #0A0A0A);
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

#minha-conta input,
#formRegister-form input,
#formLogin-form input {
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    border-radius: 4px;
    border: 1px solid var(--Dark--80, #D6D6D6);
    background: var(--White, #FFF);
}

    #minha-conta input::placeholder,
    #formRegister-form input::placeholder,
    #formLogin-form input::placeholder {
        color: #737272 !important;
    }

    #formRegister-form input::placeholder,
    #formLogin-form input::placeholder {
        color: #737272;
        font-weight: 300;
    }

#login {
}

    #login h2.text-center {
        color: var(--Dark, #0A0A0A);
        /* Heading/Heading 6 */
        font-family: "Space Grotesk";
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
        margin-bottom: 42px;
        padding-bottom: 0px;
    }

    #login .box-login h2 {
        border-bottom: unset;
    }

    #login .titulo-pagina {
        opacity: 1;
        color: var(--Dark, #0A0A0A);
        text-align: center;
        /* Heading/Heading 3 */
        font-family: "Space Grotesk";
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 54px; /* 122.727% */
    }

/* Area do estudante */

#banner-estudante {
    height: 50vh;
    background-image: url("../assets/hi-nutrition-2025/area-do-estudante/banner-estudante.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

#area-estudante-topicos {
}

#banner-estudante ul {
    margin: 0;
}

    #banner-estudante ul li:hover {
        border: 1px solid var(--Dark---50, #8A8A8A);
        background: var(--Primary---40, #FCDAB0);
    }

#banner-estudante h2 {
    color: var(--White, #FFF);
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 66px;
}

.estudante-topicos img {
    width: 24px;
}

.estudante-topicos li p {
    color: var(--Dark, #0A0A0A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0px;
    text-align: left;
}

.estudante-topicos {
    padding: 32px 0px 52px 0px;
    border-bottom: 1px solid var(--Secondary---20, #3D3D3D);
}

#banner-estudante ul li {
    display: flex;
    height: 80px;
    padding: 16px 16px;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border: 1px solid var(--Dark---50, #8A8A8A);
    background: var(--White, #FFF);
}

    #banner-estudante ul li a {
        display: flex;
        gap: 8px;
    }

#cursosContainer {
    margin-top: 80px;
    margin-bottom: 120px;
}

    #cursosContainer .card-curso .card:hover {
        background: white;
    }

#area-estudante-topicos h3 {
    color: var(--primary);
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
}

#searchCursos {
    border: 1px solid var(--White, #FFF);
    background: var(--White, #FFF);
    height: fit-content;
    width: 100%;
}

.input-pesquisarAulas {
    padding-right: 0px;
}

#area-estudante-topicos .card-curso .card-body ul li:hover {
    background-color: var(--Dark, #0A0A0A);
    cursor: pointer;
}

    #area-estudante-topicos .card-curso .card-body ul li:hover a {
        color: white;
    }

#area-estudante-topicos .card-curso .card {
    background-color: transparent;
    border-radius: 6px;
    display: flex;
    width: 359px;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--Dark--80, #D6D6D6);
}

    #area-estudante-topicos .card-curso .card .card-body {
        width: 100%;
    }

#area-estudante-topicos .card .card-header {
    border-bottom: 1px solid var(--Dark--80, #D6D6D6);
    width: 100%;
    background-color: transparent;
}

#cursosContainer .card-body {
}

    #cursosContainer .card-body::-webkit-scrollbar {
        width: 0px;
    }

    #cursosContainer .card-body ul {
        padding-left: 0;
        list-style: none;
    }

    #cursosContainer .card-body li {
        margin-bottom: 5px;
    }

#area-estudante-topicos .card-curso .card .card-header img {
    width: 24px;
    margin-right: 16px;
}

#area-estudante-topicos .card-header h4 {
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#area-estudante-topicos .card .card-body ul {
    margin: 0;
    padding: 0;
    gap: 16px;
}

    #area-estudante-topicos .card .card-body ul li {
        display: flex;
        padding: 4px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 32px;
        border: 1px solid var(--Dark---50, #8A8A8A);
        max-width: calc(50% - 20px);
    }

        #area-estudante-topicos .card .card-body ul li a {
            color: var(--Dark---50, #8A8A8A);
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 16px;
            text-align: center;
        }


.card-curso .card {
    height: 240px;
    overflow: hidden;
    position: relative;
}

.card-curso .card-body {
    overflow-y: auto;
    max-height: calc(240px - 50px);
}

.card-curso .curso-titulo {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}


#documentos-matricula {
    border-bottom: 1px solid var(--Dark---70, #BDBDBD);
    border-top: 1px solid var(--Dark---70, #BDBDBD);
    padding: 120px 0px;
}

.documentos-left {
    max-width: 455px;
}

.documentos-right {
    max-width: 525px;
}

    .documentos-right ul li {
        height: 80px;
        padding: 0px 16px;
        align-items: center;
        gap: 16px;
        align-self: stretch;
        border-bottom: 1px dashed var(--Dark---70, #BDBDBD);
    }

        .documentos-right ul li p {
            margin-bottom: 0;
            color: var(--Dark, #0A0A0A);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
        }

.documentos-img {
    display: flex;
    width: 68px;
    height: 68px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

    .documentos-img img {
        width: fit-content;
    }

.documentos-atencao img {
    width: 24px;
}

.documentos-atencao {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 6px;
    background: #FCDAB0;
}

#documentos-matricula .documentos-left .documentos-atencao p {
    color: var(--Dark---30, #575757);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

#documentos-matricula h3 {
    color: var(--primary);
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 24px;
}

#documentos-matricula .documentos-left p {
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    margin-bottom: 0px;
}

#duvidas-frequentes {
    padding: 120px 0px;
}

    #duvidas-frequentes h4 {
        color: var(--primary);
        font-size: 36px;
        font-weight: 600;
        line-height: 46px;
        margin-bottom: 40px;
    }

#accordionPerguntas .accordion-header .accordion-button,
#manual-aluno .accordion-header .accordion-button,
#programa-oportunidades .accordion-header .accordion-button {
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}

    #accordionPerguntas .accordion-header .accordion-button img,
    #manual-aluno .accordion-header .accordion-button img,
    #programa-oportunidades .accordion-header .accordion-button img {
        width: 24px;
    }

#accordionPerguntas .accordion-collapse p, #manual-aluno .accordion-collapse p {
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

#accordionPerguntas button:focus, #manual-aluno button:focus {
    outline: none;
}

#accordionPerguntas .accordion-item, #manual-aluno .accordion-item {
    border-top: 1px solid var(--Dark---70, #BDBDBD);
    margin-bottom: 0;
    padding: 24px 0px;
}

#carregarMais {
    margin: 0 auto;
    background-color: transparent;
    color: var(--primary);
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration-line: underline;
}

/* CALENDARIO ESTUDANTE */

#calendario-turma {
    padding-bottom: 120px;
}

    #calendario-turma h3 {
        color: var(--Dark, #0A0A0A);
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 54px;
        margin-bottom: 16px;
        margin-top: 30px;
    }

    #calendario-turma .turma {
        width: fit-content;
        display: flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 50px;
        border: 1px solid var(--Primary---20, #F9AB4E);
        background: var(--Primary---20, #F9AB4E);
    }

        #calendario-turma .turma p {
            color: var(--White, #FFF);
            font-size: 18px;
            font-style: normal;
            font-weight: 600;
            line-height: 26px;
            margin-bottom: 0;
        }

    #calendario-turma .link-areaEstudante a {
        color: var(--Primary, #F7941D);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

        #calendario-turma .link-areaEstudante a:hover {
            color: var(--Dark, #0A0A0A);
        }

.card-mes-wrapper {
    gap: 32px;
}

.outline-dashed {
    border-bottom: 1px solid var(--Dark---70, #BDBDBD);
}

.card-mes {
    border: 1px solid var(--Dark---70, #BDBDBD);
}

    .card-mes h6 {
        color: var(--Dark, #0A0A0A);
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
    }

    .card-mes .aula-info {
        border-top: 1px dashed grey;
        padding: 16px;
        margin: 0;
    }

        .card-mes .aula-info:first-of-type {
            border-top: 1px solid var(--Dark---70, #BDBDBD);
        }

.aula-info p {
    color: var(--Dark, #0A0A0A);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
}

.data-calendario {
    color: var(--primary);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}

.icone-padrao {
    width: 17px;
}

/* MANUAL DO ALUNO */

#manual-aluno, #programa-oportunidades {
}

.manual-nav, .oportunidades-nav {
    padding: 32px 0px;
    border-bottom: 1px solid var(--Dark---70, #BDBDBD);
}

    .manual-nav h1, .oportunidades-nav h1 {
        color: var(--Dark, #0A0A0A);
        /* Heading/Heading 3 */

        font-family: "Space Grotesk";
        font-size: 44px;
        font-style: normal;
        font-weight: 700;
        line-height: 54px; /* 122.727% */

        margin-bottom: 0px;
    }

    .manual-nav a, .oportunidades-nav a {
        color: var(--Primary, #F7941D);
        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

.agrupamento-key {
    margin: 56px 0px;
}

    .agrupamento-key h2 {
        color: var(--primary);
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 46px;
        margin: 0;
    }

    .agrupamento-key .accordion-body {
        padding-top: 32px;
    }

#manual-aluno .agrupamento-key .accordion-item {
    border-top: 1px solid var(--Dark---70, #BDBDBD);
    margin: 0;
}


/* PROGRAMA DE OPORTUNIDADES */

.vagas {
    margin-top: 56px;
}

#programa-oportunidades .accordion-item {
    border: 1px solid var(--Secondary---20, #3D3D3D);
    padding: 24px;
}

#programa-oportunidades .accordion-header .accordion-button h6 {
    color: var(--Primary, #F7941D);
    /* Heading/Heading 6 */
    font-family: "Space Grotesk";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 127.273% */
    margin-bottom: 0;
}

#programa-oportunidades .accordion-header .accordion-button p {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    max-width: 825px;
    margin: 16px auto auto 0px;
}

#programa-oportunidades .accordion-button {
    background: none;
    border: none;
}

    #programa-oportunidades .accordion-button:focus {
        outline: none;
    }

#programa-oportunidades .accordion-body .descritivo-vaga {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

#programa-oportunidades .accordion-body a {
    display: flex;
    width: fit-content;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--White, #FFF);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 6px;
    border: 1px solid var(--Primary, #F7941D);
    background: var(--Primary, #F7941D);
}

.pager-wrapper {
    padding: 32px 0px;
}

/* MODAL LEITURA BLOG */

#modalLeituraBloqueada .modal-content {
    border-radius: 10px 10px 0px 0px;
    background: #FFFFFF;
}

#modalLeituraBloqueada .modal-header h5 {
    color: #F7941D;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
}

#modalLeituraBloqueada .modal-header a {
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}

#modalLeituraBloqueada .modal-header img {
    width: 17px;
}

.btn-blogVoltar {
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}

#modalLeituraBloqueada .modal-body {
    padding: 26px;
}

    #modalLeituraBloqueada .modal-body h6 {
        color: var(--Dark, #0A0A0A);
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
    }

#modalLeituraBloqueada .form-control {
    width: 100%;
}

.politicas-privacidade p {
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px; /* 150% */
}

.politicas-privacidade a {
    color: #FAC27F;
}

.politicas-privacidade span {
    color: var(--Dark---20, #3D3D3D);
    font-family: Poppins;
    font-size: 10px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px; /* 160% */
}

#modalLeituraBloqueada .modal-content .modal-footer {
    border: none !important;
    padding: 0;
}

    #modalLeituraBloqueada .modal-content .modal-footer button {
        width: 100%;
        color: white;
    }


/* SECTION PERGUNTAS FREQUENTES */

.box-descri h4 {
    color: var(--Primary, #F7941D);
    font-family: "Space Grotesk";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
}

#duvidasAccordion .accordion-button {
    background-color: transparent;
    border: none;
    width: 100%;
    display: flex;
}

#duvidasAccordion .duvida-pergunta {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
}

#duvidasAccordion :not(:first-of-type) .duvida-pergunta {
    margin-top: 20px;
}

#duvidasAccordion button:focus {
    outline: none;
}

#duvidasAccordion .accordion-item {
    margin-bottom: 0px;
}

#duvidasAccordion .accordion-button .accordion-icon {
    transition: transform 0.3s ease;
    font-size: 14px;
}

#duvidasAccordion .accordion-button:not(.collapsed) .accordion-icon {
    transform: rotate(180deg);
}

#duvidasAccordion .accordion-body {
    margin: 16px 0px 20px 0px;
}

#duvidasAccordion .accordion-body {
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.descricao-produto-detalhes .box-descri {
    margin-top: 40px;
    border-bottom: 1px solid var(--Dark---70, #BDBDBD);
}

/* FIXAGEM DA LISTA NO TOPO */
@media (min-width: 1024px) {
    .fixed {
        position: fixed;
        top: 0;
        left: 10%;
        right: 10%;
        background-color: white;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 0;
    }

    .estudante-topicos {
        margin: 0;
        list-style: none;
        display: flex;
        justify-content: space-around;
    }

        .estudante-topicos li {
            display: flex;
            align-items: center;
            text-align: center;
        }

            .estudante-topicos li img {
                margin-right: 10px;
            }
}

@media (max-width: 1024px) and (min-width: 501px) {
    #banner-estudante ul {
        flex-wrap: wrap;
    }

        #banner-estudante ul li {
            min-width: 300px;
        }

    .fixed {
        position: fixed;
        top: 0;
        left: 0%;
        right: 0%;
        background-color: white;
        z-index: 1000;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        padding: 0;
    }

    .carousel-home-banner {
        left: 0;
    }
}

@media (max-width: 768px) {

    #banner-estudante {
        height: fit-content;
        background-image: url(../assets/hi-nutrition-2025/area-do-estudante/banner-estudante-mobile.webp);
        background-size: contain;
        padding: 80px 0 0 0;
    }

    .estudante-topicos {
        flex-direction: column;
    }

    #cursosContainer > div {
        flex-direction: column;
    }

    #accordionPerguntas .accordion-header .accordion-button {
        width: 100%;
        font-size: 14px;
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .documentos-right {
        margin-top: 32px;
    }

    #area-estudante-topicos .card-curso .card {
        width: 100%;
    }

    #searchCursos {
        width: 100%;
    }

    .input-pesquisarAulas {
        padding: 0;
    }



    header .botoes-liveclass .btn-pos {
        margin-bottom: 10px;
    }

    header .botoes-liveclass > div {
        flex-direction: column;
    }

    .card-acesso {
        margin: 72px 10px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: flex;
    }

    header li.mobile {
        display: flex !important;
        width: 100% !important;
    }

    .mobile #btn-entrar a {
        background-color: var(--Dark, #0A0A0A) !important;
        color: white !important;
        padding: 6px 12px !important;
        justify-content: center;
        gap: 10px;
    }

    .desktop #btn-entrar {
        display: none !important;
    }

    header li.mobile.btn-liveclass {
        width: 100vw !important;
        position: relative !important;
        left: 0px;
        padding: 0;
        border: 1px solid #3D3D3D;
    }

        header li.mobile.btn-liveclass a {
            border-right: 1px solid var(--Secondary---20, #3D3D3D);
            width: 100%;
            padding: 12px 14px;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px; /* 171.429% */
            text-align: center;
        }

            header li.mobile.btn-liveclass a img {
                max-width: 24px;
                margin-right: 8px;
            }

    header .dropdown-menu.cascade-dropdown.show {
        position: relative;
        margin-top: 0;
    }

    header a#navbarDropdown {
        /* border-bottom: 1px solid var(--Secondary---20, #3D3D3D); */
    }

    header .dropdown-menu.show {
        width: 100%;
    }

    header li.nav-item.dropdown {
        flex-direction: column;
        margin-top: 0px;
        padding-top: 0px;
    }

    header ul.navbar-nav.mr-auto {
        width: 100vw !important;
        position: relative;
        left: calc(-1*(100vw - 100%) / 2);
    }

    #navbarSupportedContent ul li:hover .input-home {
        background-color: transparent;
        color: var(--Dark, #0A0A0A);
    }

    #navbarSupportedContent ul li:not(.btn-liveclass):not(.input-home):hover {
        background-color: var(--Primary---20, #F9AB4E);
        color: var(--Dark, #0A0A0A);
    }

    #newnav li.nav-item:hover a {
        color: var(--Dark, #0A0A0A);
    }

    #dropdownInstitucional {
        border-radius: 0px !important;
        border: 0px !important;
    }

        #dropdownInstitucional .dropdown-item:last-child {
            border-bottom: 1px solid var(--Dark---70, #BDBDBD);
        }

    #navbarSupportedContent ul li div .dropdown-item {
        border-top: 1px solid var(--Dark---70, #BDBDBD);
    }

    header .navbar-nav li:not(.btn-liveclass) a, li.nav-item.input-home.d-block.d-lg-none.mobile {
        padding: 12px 24px !important;
    }

    header .navbar-nav li:not(.btn-liveclass) {
        padding: 0;
    }

    header .nav-link.dropdown-toggle {
        padding: 0 !important;
    }


    header a#icone-pesquisar {
        padding: 0 !important;
    }

    header a i.fa-solid.fa-chevron-down {
        margin-left: auto;
        top: 5px;
        position: relative;
    }

    header a#icone-pesquisar {
        position: absolute;
        top: 17px;
        right: 24px;
    }


    header i.fa-solid.fa-chevron-down {
        margin-left: 8px;
        top: 2px;
        position: relative;
    }

    .blog-postagem .newsletter-signup, .blog-postagem .anuncios {
        width: 100%;
        max-width: none;
    }

    .newsletter-signup .form-newsletter .form-group {
        padding: 0 !important;
    }

    /* CALENDARIO ESTUDANTE */

    #calendario-turma h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .nav-calendario {
        flex-direction: column;
        justify-content: center !important;
        gap: 32px;
    }

    .data-calendario {
        margin-bottom: 16px;
    }

    .aula-info {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .pipe {
        display: none;
    }

    /* MANUAL DO ALUNO */

    .manual-nav h1, .oportunidades-nav h1 {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
    }

    .agrupamento-key {
        flex-direction: column;
    }

        .agrupamento-key h2 {
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: 28px;
            padding: 0;
        }

    /* PROGRAMA DE OPORTUNIDADES */
    .oportunidades-nav a {
        display: none;
    }

    .oportunidades-nav h1 {
        margin: 0 auto;
    }
}

@media (max-width: 500px) {

    .descricao-produto-detalhes .box-descri h4 {
        font-size: 28px;
    }
}

@media (max-width: 350px) {

    #newnav .carrinho-pesquisar {
        order: 1;
        margin-right: 10px;
    }
}

#programa-oportunidades h2#heading-item-0 {
    margin-bottom: 0;
}

.pagination li.active {
    color: var(--White, #FFF);
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 171.429% */
}

.form-login hr.dropdown-divider {
    margin: 24px 0px !important;
}

.form-login .line-right {
    border-right: 1px solid var(--Dark--80, #D6D6D6);
}

#cta a.btn {
    border-radius: 6px;
    border: 1px solid var(--Dark, #0A0A0A);
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

    #cta a.btn:hover {
        background-color: black;
        color: white;
    }

.btn-login-external:hover {
    background: black;
    color: white;
}