:root {
    --font-family: "Space Grotesk";
    --hot: linear-gradient(180deg, rgba(249,115,22,1) 10%, rgba(250,204,21,1) 43%);
    --green-success: #22C55E;
    --purple: #8C5EE2;
    --primary: #f7941d;
    --primary---10: #d97a08;
    --primary---20: #F9AB4E;
    --primary---30: #fac27f;
    --primary---40: #fcdab0;
    --primary---50: #fef1e1;
    --dark: #0a0a0a;
    --dark---10: #232323;
    --dark---20: #3d3d3d;
    --dark---30: #575757;
    --dark---40: #707070;
    --dark---50: #8a8a8a;
    --dark---60: #a3a3a3;
    --dark---70: #bdbdbd;
    --dark---80: #d6d6d6;
    --white: #ffffff;
    --flame-orange: #e65e17;
    --matte-green: #f1f5eb;
    --font-size-body: 16px;
    --font-size-heading2: 56px;
    --font-size-heading4: 36px;
    --hot: #F97316;
    --theme-color: #FFFFFF;
}

* {
    font-family: var(--font-family);
}

html, body {
    height: 100%;
    margin: 0;
}

a {
    color: inherit;
}

    a.decorated {
        text-decoration: underline !important;
    }

.primary-orange {
    color: var(--primary);
}

.btn.disabled:hover {
    background: unset !important;
}

.btn {
    padding: 6px 12px !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    transition: ease-in-out .3s all;
}

    .btn.icon-left .icon {
        margin-right: 10px;
        margin-top: -5px;
    }

.btn-primary {
    border: 1px solid var(--primary) !important;
    background-color: var(--primary) !important;
    border-radius: 6px !important;
    color: var(--White, #FFF) !important;
    font-family: "Space Grotesk" !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important; /* 150% */
}

    .btn-primary:hover {
        border-color: var(--primary---20, #F9AB4E) !important;
        background: var(--primary---20, #F9AB4E) !important;
    }

.btn-outline-primary {
    color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    background-color: transparent !important;
}

    .btn-outline-primary:hover {
        background: var(--primary) !important;
        border: 1px solid var(--primary) !important;
        color: transparent !important;
    }

.btn-outline-dark {
    border: 1px solid var(--Dark, #0A0A0A);
    color: var(--Dark, #0A0A0A);
    background: transparent !important;
}

    .btn-outline-dark:hover {
        background: var(--Dark, #0A0A0A) !important;
        color: var(--white, #FFF) !important;
    }

.btn-outline-light {
    border-radius: 6px;
}

    .btn-outline-light:hover {
        background: var(--Dark, #0A0A0A);
        color: white;
    }

.heading-1 {
    font-family: "Space Grotesk";
    font-size: 64px;
    font-weight: 700;
    line-height: 74px;
}

.heading-2 {
    font-family: "Space Grotesk";
    font-size: 56px;
    font-weight: 700;
    line-height: 66px;
}

.heading-3 {
    font-family: "Space Grotesk";
    font-size: 44px;
    font-weight: 700;
    line-height: 54px;
}

.heading-4 {
    font-family: "Space Grotesk";
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
}

.heading-5 {
    font-family: "Space Grotesk";
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
}

.heading-6 {
    font-family: "Space Grotesk";
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
}


body {
    font-family: "Space Grotesk", sans-serif;
}

.btn-area-mentorado {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
    border: 2px solid #000;
    padding: 8px 16px;
    border-radius: 10px;
}

:root {
    --plyr-color-main: #ffb425;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 700;
}

a {
    text-decoration: none !important;
    font-weight: 500;
}

    a:hover {
        color: inherit;
    }

img {
    width: 100%;
}

ul li {
    list-style: none !important;
}

.component-whatsapp-fixed {
    padding: 12px 20px;
    background: #06d755;
    color: #fff;
    font-size: 32px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 100px;
    z-index: 9;
    box-shadow: 3px 2px 18px #0000008a;
}

    .component-whatsapp-fixed:hover {
        padding: 12px 20px;
        background: #06d755;
        color: #fff;
        font-size: 32px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        border-radius: 100px;
        z-index: 9;
        box-shadow: 3px 2px 18px #0000008a;
    }

.content {
    padding-top: 63px;
}

.nav-top {
    padding: 0px 12px;
    height: 59px;
    background: #000000;
}

.editar a i {
    margin-right: 7px;
}

.nav-top a {
    color: #fff;
}

.menu-principal {
    position: relative
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #23272b;
    background-color: #ff89c1;
    border-color: #ff89c1;
}

.gap-10 {
    gap: 10px;
}

.btn-tipo1 {
    padding: 12px 24px;
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: var(--Black-Txt);
    background: var(--White);
}

.btn-tipo2 {
    text-decoration: underline !important;
    background: transparent;
    border: none;
    color: white;
}

.btn-tipo3 {
    color: white;
    padding: 8px 16px !important;
    background-color: transparent;
    border: 1px solid #FFF !important;
}

.btn-tipo1::after {
    content: url(../img/lancamentos/manipulacaoCosmetica/icons/icon-arrow.svg);
    margin-left: 16px;
}




.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 110, 110, 0.16);
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(255, 156, 203);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255, 156, 203);
}

.btn-dark {
    color: #fff;
    background-color: #F7941D;
    border-color: #F7941D;
}

.notfount-content {
    text-align: left;
    font-size: 16px;
    font-weight: 200;
    line-height: 25px;
    padding: 30px 30px 30px 10px;
}

    .notfount-content a {
        color: #8C5EE2;
    }

.btn-secondary {
    color: #fff;
    background-color: #7d7d7d;
    border-color: #7d7d7d;
}

.logo-header {
    width: 200px;
}

.menu-principal a i {
    font-size: 19px;
    margin-right: 7px;
    color: #ffb425;
    position: relative;
    top: 5px;
}

.dropdown-menu.show {
    border-radius: 4px !important;
    margin-top: 0px;
    border-radius: 0px;
    box-shadow: rgba(0, 0, 0, 0.35) 15px -15px 35px;
    width: fit-content;
    color: var(--Dark, #0A0A0A);
}

.list-links-top, .list-links-login {
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}

    .list-links-top li {
        list-style: none;
        margin-left: 22px;
        font-size: 14px;
        font-weight: 600;
    }

.name-user a {
    width: 130px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
}

.name-user a {
    display: none;
}

.list-links-login i {
    margin-right: 4px;
}

.list-links-login a.dropdown-item {
    color: var(--Dark, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.list-links-login a.logout {
    /* border: solid 2px #686868; */
    /* width: fit-content; */
    /* margin-left: 12px !important; */
    /* padding: 3px 14px; */
    /* margin: 8px; */
    /* font-size: 13px; */
    text-align: center;
}

.bg-dropdown-conta a {
    font-size: 14px;
    color: #000;
}

.bg-dropdown-conta .dropdown-item:focus, .bg-dropdown-conta .dropdown-item:hover {
    color: #82cafe !important;
    background: none;
}

.navbar-light .navbar-toggler {
    color: #000;
    border: none;
    font-size: 28px;
}

.navbar-collapse {
    flex-grow: 0;
}

.navbar-header {
    background: #fff;
    padding: .7rem 1rem;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 63px;
}

    .navbar-header .form-control::-webkit-input-placeholder { /* Edge */
        color: #000;
        font-weight: 800;
    }

    .navbar-header .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #000;
        font-weight: 800;
    }

    .navbar-header .form-control::placeholder {
        color: #000;
        font-weight: 800;
    }

.menu-right {
    display: flex;
    align-content: center;
    margin-left: auto;
}

.logo {
    margin-right: 30px;
}

    .logo img {
        width: 110px;
    }

.loader {
    background: rgb(19 19 19 / 88%);
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    top: 0px;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    opacity: 0.98;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

    .loader img {
        width: 48px;
    }

.navbar-header .navbar-nav li a {
    font-size: 18px;
    font-weight: 800;
    text-transform: initial;
    align-items: center;
}

    .navbar-header .navbar-nav li a.btn {
        padding: 4px 7px;
        height: auto;
        font-size: 16px;
        line-height: 19px;
        color: #fff;
    }

.navbar-right {
    display: flex;
    align-items: center;
    margin: 0px;
}

.navbar-header a {
    color: #000;
    font-size: 18px;
    font-weight: 800;
}

.navbar-header .nav-link {
    font-size: 14px;
    font-weight: 600;
}

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

.list-links-login i {
    display: none;
}

.form-control {
    background: #fff;
    border-radius: 1px;
    height: 41px;
    font-size: 0.875rem;
    margin: 12px 0;
}

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

.form-navbar .form-control:focus {
    box-shadow: inset 0 0 0px 1px #ffeaea;
}

.btn-search {
    width: 41px;
    border-radius: 0px;
    margin-left: -41px;
}

.icon-search-mobile {
    margin-right: 0px !important;
    font-size: 20px;
}

.form-header {
    display: flex;
    position: relative;
    width: 100%;
    margin-left: 30px;
}

.info-course-access {
    background: #f1f1f1;
    padding: 10px;
}

    .info-course-access .infodatecurso {
        font-size: 12px;
        text-align: center;
    }

.modulos-navigation {
    margin: 10px 0 0 0;
}




.minha-conta.minha-conta-watch {
    padding-bottom: 20px;
}

.download-material-apoio {
    text-align: right;
    margin: 0 0 15px 0;
}

    .download-material-apoio a {
        background: url('../img/video-next.png') center center;
        padding: 7px 16px;
        font-size: 14px;
    }

.aulas-navigation {
    margin: 10px 0 0 0;
}

    .aulas-navigation .aula-navigation-item {
        height: 0px;
        padding-bottom: 60%;
        background: url('../img/video-next.png') center center;
        border-top: 4px solid transparent;
    }

        .aulas-navigation .aula-navigation-item .aula-navigation-item-link {
            width: 100%;
            height: 100%;
            position: absolute;
            text-align: center;
            vertical-align: middle;
            align-items: center;
            justify-content: center;
            justify-items: center;
            display: flex;
            padding: 30px;
        }

        .aulas-navigation .aula-navigation-item.aula-navigation-item-active {
            border-top: 4px solid #282828;
        }

            .aulas-navigation .aula-navigation-item.aula-navigation-item-active .aula-navigation-item-link-active {
                color: #fff;
            }

.contador-area-contando {
    text-align: center;
    min-height: 200px;
}

.contador-area-liberado.dispNone {
    display: none;
}

.contador-area-contando p {
    text-align: center;
    width: 100% !important;
    max-width: 400px;
    margin: 10px auto;
}

#aula-countdown {
    color: #ffb425;
}

.contador-area-liberado, .contador-area-finalizado {
    text-align: center;
    min-height: 200px;
}

    .contador-area-liberado p, .contador-area-finalizado p {
        text-align: center;
        width: 100% !important;
        max-width: 400px;
        margin: 10px auto;
    }

    .contador-area-liberado .link-aula {
        padding: 10px 30px;
        background: #000;
        margin: 10px 0;
        display: inline-block;
    }

.cart {
    position: relative;
}

.owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.owl-carousel .owl-nav .owl-prev:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    padding: 8px;
}

.owl-carousel .owl-nav .owl-next:after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    padding: 0px;
}


.owl-nav {
    /* display: block !important; */
    position: absolute;
    top: 40%;
    width: 100%;
    z-index: 99999999999;
}

#meus-cursos-comprados .owl-nav span {
    visibility: hidden;
}

.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -25px;
}

.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -30px;
}

.navcart li .link img, .navcart li a img {
    width: 35px;
}

#icone-pesquisar {
    padding-bottom: 5px;
}

.cart-icon {
    padding: 2px;
    width: 36px;
    height: 36px;
    align-items: center;
    text-align: center;
    display: flex;
}

    .cart-icon i {
        font-size: 32px;
        line-height: 33px;
    }

    .cart-icon span {
        width: 22px;
        height: 22px;
        padding: 0px;
        font-weight: 800;
        border-radius: 50%;
        position: absolute;
    }

.titulo-pagina {
    font-size: 30px;
    font-weight: 900;
}



.black-style .top-banner, .black-style .top-banner2, .black-style .banner--depoimentos .element-banner, .black-style .produtos-detaque {
    background: #000 !important;
}

    .black-style .produtos-detaque .title-sections, .black-style .produtos-detaque .titulo-produto, .black-style .produtos-detaque h4, .black-style .produtos-detaque .preco-produto {
        color: #fff !important;
    }

    .black-style .produtos-detaque .box-produto .img {
        border: solid 1px #fff;
    }


    .black-style .produtos-detaque .preco-produto.preco-novo, .black-style .produtos-detaque .preco-produto.preco-novo span {
        color: #ffb425 !important;
    }




.top-banner {
    background: #FBE2E2;
    padding: 28px;
    padding-bottom: 0px;
}

.top-banner2 {
    background: #FBE2E2;
    padding: 28px;
    height: 300px;
    margin-bottom: 100px;
}

.banner-2 {
    width: 100%;
    height: 258px;
    border-radius: 6px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-y: 20px !important;
}

.produto-slide1 {
    background: url(../img/banne2-home.jpg);
}

.produto-slide2 {
    background: url(../img/banne2-1-home.jpg);
}

.img-objeto img {
    width: 290px;
    position: absolute;
    bottom: 0px;
    left: 20px;
}

.text-banner-2 {
    width: 30%;
    margin-right: 30px;
}

    .text-banner-2 h3 {
        font-size: 25px;
        font-weight: 800;
        line-height: 27px;
        color: #fff;
    }

    .text-banner-2 p {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 0px;
        color: #fff;
    }

.banner-3 {
    width: 100%;
    height: 238px;
    padding: 23px;
    background: url(../img/banne3-home.jpg);
    background-size: cover;
    border-radius: 6px;
    margin-top: 20px;
}

    .banner-3:hover {
        opacity: 0.9;
    }

.form-news {
    background: #000;
    padding: 12px;
    position: relative;
}

.form-row h3 {
    font-weight: 800;
    color: #fff;
    font-size: 18px;
    margin-bottom: 0px;
    padding: 10px 0px;
}

.banner-footer {
    padding-bottom: 100px;
    padding-top: 30px;
}

    .banner-footer .banner-4 img:first-child {
        display: block
    }

    .banner-footer .banner-4 img:last-child {
        display: none;
    }


.text-banner-3 {
    width: 55%;
    padding-left: 5%;
}

    .text-banner-3 h3 {
        font-size: 27px;
        font-weight: 800;
        line-height: 31px;
        color: #fff;
    }

    .text-banner-3 p {
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }

#carouselBanner2 img, #carouselBanner3 img {
    max-height: 361px;
}

#carouselBanner3, #carouselBanner2 {
    box-shadow: 3px 3px 6px 0px rgba(222, 195, 195, 0.3);
}

    #carouselBanner3:hover, #carouselBanner2:hover {
        box-shadow: 5px 5px 6px 0px rgba(222, 195, 195, 0.5);
    }

#carouselHome:hover {
    box-shadow: 2px 2px 7px rgba(224, 201, 201, 0.6);
}

.carousel-control-prev-icon {
    position: absolute;
    top: 46%;
    left: 10px;
}

.carousel-control-next-icon {
    position: absolute;
    top: 46%;
    right: 10px;
}

#carouselHome .carousel-control-next-icon, #carouselHome .carousel-control-prev-icon {
    top: 45%;
}

.paginacao-produtos .page-item.active .page-link {
    background-color: #343a40;
    border-color: #343a40;
}

.paginacao-produtos .page-link {
    color: #343a40;
    font-weight: 700;
    font-size: 13px;
}

    .paginacao-produtos .page-link:hover {
        background-color: #ebebf9;
    }

.paginacao-produtos .page-item.disabled .page-link {
    color: #ced1d4;
}


.box-produto {
    margin-bottom: 50px;
    overflow: hidden;
}

.tag {
    position: absolute;
    left: 0;
    width: 126px;
    top: 0;
}

.compre-agora {
    text-align: center;
    background: #101010;
    padding-bottom: 100px;
    padding-top: 100px;
}

    .compre-agora .btn {
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 900 !important;
        padding: 9px 37px;
    }

    .compre-agora h3 {
        color: #fff;
        margin-top: 20px;
        margin-bottom: 0px;
    }

        .compre-agora h3 span {
            color: #fff;
        }

    .compre-agora img {
        width: 400px;
        display: block;
        margin: 0 auto;
        margin-top: 35px;
        border-radius: 2px;
    }

.box-produto h4 {
    font-size: 15px;
    font-weight: 500;
    /* height: 36px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.box-produto img {
    transition: 0.2s;
}

    .box-produto img:hover {
        transform: scale(1.3);
        transition: 0.2s;
    }

.box-produto .img {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    min-height: 48px;
}

    .box-produto .img:hover .hover-comprar {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
        background: #000;
        color: #fff;
        font-weight: 700;
        text-align: center;
        padding: 10px 15px;
        font-size: 19px;
        text-transform: uppercase;
    }

.hover-comprar {
    display: none;
}

    .hover-comprar:hover {
        background: #23272b !important;
        color: #fbe2e2 !important;
    }


.titulo-produto {
    max-width: 336px;
    font-size: 16px;
    margin: 11px 0px;
    font-weight: 600;
    margin-bottom: 25px;
}

.preco-produto {
    font-size: 20px;
    font-weight: 900;
    color: #000;
    display: inline-block;
}

    .preco-produto span {
        font-size: 14px;
        font-weight: 900;
        color: #000;
        position: relative;
        top: -9px;
    }


.preco-antigo {
    text-decoration: line-through;
    display: inline-block;
    color: #afafaf;
}

.preco-novo {
    display: inline-block;
}

.preco-produto.preco-novo, .preco-produto.preco-novo span {
    margin-left: 5px;
}

.title-sections {
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
}

.padding-section {
    padding: 100px 0px;
}

.box-dropdown-menu {
    min-width: 230px;
}

.dropdown-menu {
    /* min-width: 11rem; */
    padding: 10px 0;
    width: 100%;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.navbar-expand-lg .navbar-nav .nav-link {
    /* padding-right: 1rem; */
    /* padding-left: 1rem; */
}

.space-itens-menu {
    padding: 19px;
    display: block;
}

    .space-itens-menu a {
        font-size: 16px;
        line-height: 32px;
        font-weight: 700 !important;
        text-transform: uppercase;
        padding: 5px 8px;
        text-align: left;
        color: #000;
        display: block;
        margin-bottom: 15px;
    }

        .space-itens-menu a:hover {
            background: #fbe2e2;
        }

    .space-itens-menu ul {
        padding: 0;
    }

    .space-itens-menu .line {
        border-right: dotted 3px #d8d8d8;
        height: 100%;
        padding: 12px 0px;
    }


.menu-principal .dropdown-menu {
    margin-top: 0px;
}

.nav-item.cart .nav-link:hover, .nav-item.cart .nav-link:focus {
    outline: 0;
    color: #424242;
}

.title-menu-list {
    font-size: 18px;
    font-weight: 800;
    color: #000000;
    padding: 1px 8px;
    line-height: 24px;
    margin-bottom: 10px;
    border-bottom: solid 4px #fbe2e2;
    padding-bottom: 8px;
}

.btn-menu {
    width: fit-content;
    text-transform: inherit !important;
    margin-top: 12px;
}

.testado {
    background: #bf9d5c;
    position: absolute;
    right: 36px;
    font-size: 19px;
    bottom: -100px;
    padding: 4px 12px;
    font-weight: 700;
}

.footer-links {
    background: #FBE2E2;
    padding: 60px 0px 25px 0px;
    position: relative;
}

    .footer-links li, footer-links li a {
        font-size: 17px;
        line-height: 30px;
        font-weight: 600;
        color: #fff;
    }

.selos-footer-shared {
    justify-content: center;
    margin-top: 40px;
}

    .selos-footer-shared img {
        height: 35px;
        width: auto;
        margin: 0px 8px;
    }

.contato-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}

    .contato-info i {
    }

.list-link-footer, .contato-info, .social-icon {
    padding-left: 0px;
    margin-bottom: 0;
}


    .contato-info li, .contato-info li a {
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
    }

    .list-link-footer li, .contato-info li, .social-icon li, .footer-categorias li {
        list-style: none;
        margin-bottom: 12px;
    }

        .list-link-footer li a {
            font-size: 16px;
            color: #000;
            line-height: 32px;
            font-weight: 800;
        }

            .list-link-footer li a:hover, .social-icon li a i:hover {
                color: rgba(0,0,0,.7);
            }

.img-card {
    border-radius: 5px;
    margin-left: 20px;
}

ul.list-links-login {
    padding: 0;
    /* margin-left: 16px; */
    position: relative;
}


.social-icon {
    display: flex;
}

    .social-icon li a i {
        font-size: 23px;
        color: #000;
        margin-right: 22px;
        font-weight: 100;
    }

.titulo-footer {
    font-size: 17px;
    font-weight: 800;
    color: #000;
    margin-bottom: 12px;
}

.footer-contact {
    width: 100%;
    background: #efefef;
    padding: 10px 0px;
}

.footer-categorias {
    background: #000;
    display: flex;
    height: 50px;
}

    .footer-categorias ul {
        padding-left: 0px;
        margin-bottom: 0px;
    }

.area-logo-footer {
    text-align: center;
    width: fit-content;
    margin-bottom: 35px;
}

.logo-footer {
    margin-top: 14px;
}

    .logo-footer a img {
        width: 160px;
    }

.footer-categorias ul li a {
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px;
}

.item-carrinho {
    min-width: 17rem;
    padding: 9px;
    background: #fff;
}

.box-valores {
    /* background: #fff; */
}

.limpar-item {
    font-size: 12px;
    width: 100%;
    text-align: right;
}

    .limpar-item a:hover {
        color: #424242;
    }

    .limpar-item i.fas.fa-trash-alt {
        color: var(--main-text-color-light);
    }

    .limpar-item a i {
        font-size: 12px;
        line-height: 12px;
    }

.img-produto-cart {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .img-produto-cart img {
        width: 70px;
    }

.box-item-carrinho .titulo-produto {
    font-size: 15px;
    line-height: 17px;
    font-weight: 800;
    height: auto;
    text-transform: uppercase;
    margin: 0px 0px;
    justify-content: left !important;
}

.box-item-carrinho .quantidade-produto {
    font-size: 12px;
}

.box-item-carrinho .preco-produto {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
}

.valor-total {
    list-style: none;
    padding-left: 0px;
    margin-top: 12px;
    display: flex;
}

.box-item-carrinho .valor-total h3 {
    font-size: 17px;
    margin-bottom: 0px;
    line-height: 26px;
}

.box-item-carrinho .valor-total .descri {
    font-size: 13px;
    width: 50%;
    display: block;
}

.box-item-carrinho .valor-total .valor {
    font-size: 15px;
    font-weight: 700;
    width: 50%;
    text-align: right;
    display: block;
}

.box-item-carrinho .valor-total li {
    display: flex;
    width: 100%;
}

.item-carrinho .btn-carrinho-comprar {
    padding: .875rem .75rem !important;
    font-weight: 200 !important;
    color: #fff;
    border-radius: 5px;
    text-align: center !important;
}

.background-valor {
    padding: 2px 5px;
    border-top: solid 2px #ccc;
}

.container-large {
    padding-right: 16%;
    padding-left: 16%;
}

.breadcrumbs {
    height: 64px;
    background: #efefef;
}

    .breadcrumbs ul {
        display: flex;
        margin-bottom: 0px;
        padding-left: 0px;
    }


        .breadcrumbs ul li {
            font-size: 16px;
            font-weight: 800;
            margin-right: 14px;
        }

            .breadcrumbs ul li a {
                font-weight: 800;
                color: #000;
                border-bottom: solid;
                padding-bottom: 2px;
                white-space: nowrap;
            }

            .breadcrumbs ul li.product-breadcrumb {
                width: 100%;
                display: inline-block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                direction: ltr;
            }

.banner-produto {
    width: 100%;
    height: 168px;
    background-image: url(../img/bg-produtos.jpg);
    background-size: cover;
    border-radius: 6px;
}

    .banner-produto h1 {
        font-size: 54px;
        font-weight: 900;
        margin-bottom: 0px;
        color: #fff;
        line-height: 48px;
    }

    .banner-produto p {
        font-size: 31px;
        line-height: 27px;
        font-weight: 900;
        margin-bottom: 0px;
        color: #fff;
    }

.box-sidebar {
    width: 100%;
    padding-right: 20px;
}

    .box-sidebar h4 {
        font-size: 18px;
        padding-bottom: 13px;
        color: black;
        width: 100%;
    }

.titulo-filtros {
    font-size: 16px;
    font-weight: 800;
    color: #ffb425;
    margin-bottom: 9px;
    display: block;
    padding: 5px 7px;
    border-bottom: dotted 2px #e0e0e0;
}


.link-filter {
    display: flex
}

    .link-filter div {
        color: #191919;
        height: 35px;
        width: 35px;
        font-size: 14px;
        border: solid;
        border-radius: 50%;
        display: none;
        justify-content: center;
        align-items: center;
    }

.a-filter {
    width: auto;
    text-align: left;
    color: black;
    display: table;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 8px !important;
}

    .a-filter:hover {
        color: var(--Primary, #F7941D);
        box-shadow: 0 2px 0px;
    }

    .a-filter.filter-selected {
        color: var(--Primary, #F7941D);
    }

.area-tamanhos {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 23px;
}

.btn-tamanhos {
    font-size: 15px;
    font-weight: 500;
    background: #515151;
    border-radius: 50%;
    padding: 5px;
    color: #fff;
    width: 34px;
    height: 34px;
    text-align: center;
    margin: 5px 10px;
    letter-spacing: -1px;
}

    .btn-tamanhos:hover {
        background: #393939;
        color: #ddd;
    }

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

.lista-estilos .btn-filter {
    color: #000;
    margin-bottom: 12px;
}

#CarouselProdutos img {
    max-width: 750px;
    margin: 0 auto;
}

.produto-miniatura {
    width: 80px;
    margin-right: 11px;
    background: #fff;
    padding: 3px;
    transition: 0.2s;
}

    .produto-miniatura:hover, .produto-miniatura:focus, .produto-miniatura:active {
        padding: 2px;
    }

.img-produto-detalhes {
    position: relative;
}

    .img-produto-detalhes .owl-dots {
        display: none;
    }

.nav-links-produto {
    position: absolute;
    width: 100%;
    margin-top: -20px;
    z-index: 3;
}

.detalhes-produto {
    padding: 60px 0px;
}

    .detalhes-produto .preco-produto {
        font-size: 22px;
    }

        .detalhes-produto .preco-produto span {
            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% */
        }

            .detalhes-produto .preco-produto span.codigo {
                /* font-size: 14px; */
                /* position: relative; */
                /* top: -14px; */
                /* color: var(--main-purple) !important; */
            }

        .detalhes-produto .preco-produto .preco-antigo {
            height: 28px;
            display: block;
        }

            .detalhes-produto .preco-produto .preco-antigo span {
                text-decoration: line-through;
                color: #F7941D;
                margin-left: 3px;
                font-size: 18px;
            }

                .detalhes-produto .preco-produto .preco-antigo span:first-child {
                    font-size: 12px;
                    position: relative;
                    top: -9px;
                }

.btn-comprar {
    width: 100%;
    margin-top: 24px;
    padding: 8px 16px 8px 16px;
    border-radius: 6px;
    border: 1px solid var(--Primary, #F7941D);
    background: var(--Primary, #F7941D);
    color: var(--White, #FFF);
    font-family: "Space Grotesk";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    text-transform: uppercase;
}

.detalhes-produto .btn-comprar:hover {
    opacity: 1;
    background-color: #8C5EE2;
}

.detalhes-produto .preco-parcelado {
    color: var(--Dark, #0A0A0A);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.box-frete {
    padding-top: 5px;
    border-radius: 6px;
    display: flex;
}

.box-carrinho .box-frete .form-control {
    width: 100%;
    border: solid #000;
}

.box-carrinho .preco-novo {
    margin-left: 5px;
}

.box-frete .form-control {
    border: none;
    width: 200px;
    font-size: 16px;
}

.box-frete .form-control {
    width: 200px;
}

.text-quantidade {
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
    margin-top: 20px;
    font-weight: 700;
}

.tabela-frete {
    padding-top: 22px;
    padding-bottom: 12px;
}

.title-frete-table th {
    font-weight: 700;
    min-width: 70px;
    font-size: 14px;
}

.tabela-frete table td, .title-frete-table th {
    padding-right: 18px;
}

.tabela-frete table td {
    font-weight: 500;
}

.title-item-frete {
    font-weight: 600;
}

.tabela-frete table tr {
    border-bottom: solid 1px #f5e8e8;
    line-height: 30px;
    font-size: 15px;
}

.fixo-info {
    position: fixed;
    background-color: white;
    opacity: 1;
    color: white;
    padding: 20px;
    right: 0;
    width: 700px !important;
    z-index: 1;
    border-radius: 8px 0 0 8px;
}

    .fixo-info:before< .fixo-info::after {
        content: '';
        display: block;
        position: absolute;
        left: -600px;
        right: -600px;
        top: -600px;
        bottom: -600px;
        border-radius: 10px;
        border: 2px solid #007bff;
    }

    .fixo-info span {
        /* color: #fff; */
    }

    .fixo-info h2 {
        color: white;
        font-size: 21px !important;
    }

    .fixo-info #form-consulta-cep-produto, .fixo-info .quantidade-item, .fixo-info .tabela-frete {
        display: none;
        color: white;
    }

    .fixo-info .btn-comprar {
        margin-bottom: 0 !important;
    }

    .fixo-info h1.titulo-produto {
        font-size: 35px !important;
        line-height: 37px !important;
    }


.descricao-produto {
    width: 100%;
    transition: 0.2s;
}

    .descricao-produto h2 {
        font-size: 22px;
        margin-top: 5px;
        font-weight: 500;
        margin-bottom: 15px;
    }

.quantidade-item {
    width: 100px;
}

.descricao-produto-detalhes {
    /* padding-bottom: 100px; */
    /* background: #131313; */
    /* background-image: url("../assets/bg-gradient.svg"); */
}

    .descricao-produto-detalhes .btn-primary {
        color: #FFF;
        text-transform: uppercase;
    }

    .descricao-produto-detalhes .detalhes-box-pos .date {
        /* Heading/Heading 4 */
        /* 127.778% */

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        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% */
    }

    .descricao-produto-detalhes .detalhes-box-pos .text-html-box-pos {
        /* Body/Body */
        /* 150% */

        color: var(--Dark, #0A0A0A);
        /* Body/Body */

        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

.elipsis1 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.elipsis4 {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.descricao-produto-detalhes .detalhes-box-pos {
    padding: 24px;
    border-radius: 8px;
    border: 1px solid var(--Dark, #0A0A0A);
}

    .descricao-produto-detalhes .detalhes-box-pos .light-text {
        /* Body/Body */
        /* 150% */

        margin-bottom: 0;
        margin-right: 8px;
        color: var(--Dark, #0A0A0A);
        /* Body/Body */

        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

    .descricao-produto-detalhes .detalhes-box-pos .bold-text {
        color: var(--color-white, #FFF);
        /* Body/Body */
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
        color: var(--Primary, #F7941D);
        /* Body/Body */
        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px; /* 150% */
    }

    .descricao-produto-detalhes .detalhes-box-pos .box {
        padding: 10px 0;
        margin: 8px 0px;
        border-bottom: 1px solid #3d3d3d;
    }

        .descricao-produto-detalhes .detalhes-box-pos .box:first-of-type {
            margin-top: 0px;
        }

        .descricao-produto-detalhes .detalhes-box-pos .box:last-of-type {
            margin-bottom: 0px;
            border-bottom: unset;
        }

    .descricao-produto-detalhes .detalhes-box-pos .mt-8 {
        margin-top: 8px !important;
    }

.produtos-detaque {
    padding-bottom: 100px;
    background: none;
    position: relative;
    padding-top: 60px;
}

    .produtos-detaque .titulo-produto {
        color: var(--main-purple);
    }

.descricao-instrutor {
    margin-top: 20px;
}

.videoyoutubeproduto {
    width: 100%;
    height: 400px;
}

.produto-video-intro {
    width: 100% !important;
    max-width: 400px;
    height: 210px;
    margin-bottom: 16px;
}

.bloco-info-detalhes {
    display: flex;
}

.box-descri {
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #3D3D3D;
    color: var(--Dark, #0A0A0A);
    font-weight: 400;
    font-size: 16px;
}

    .box-descri ul {
        padding-left: 20px !important;
    }

        .box-descri ul li {
            padding-left: 0;
        }

            .box-descri ul li b, .box-descri ul li strong {
                font-weight: 700 !important;
            }

    .box-descri h3 {
        color: var(--Primary, #F7941D);
        /* Heading/Heading 6 */
        font-family: "Space Grotesk";
        c font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
        margin-bottom: 24px;
    }

    .box-descri, .box-descri p, .box-descri span {
        /* Body/Body */
        font-family: "Space Grotesk";
        font-style: normal;
        line-height: 24px; /* 150% */
    }

        .box-descri strong, .box-descri b, .box-descri .bolder {
            color: inherit;
            font-weight: 700 !important;
        }


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

.box-video {
    /* background: #000; */
    /* padding: 25px; */
    /* box-shadow: 3px 3px 15px rgba(173, 173, 222, 0.1); */
    /* border-radius: 6px; */
    /* font-size: 16px; */
}

    .box-video iframe {
        width: 100%;
        min-height: 349px;
    }

    .box-video h3 {
        color: #fff;
        margin-bottom: 19px;
    }

.form-login {
    min-height: 60vh;
    display: flex;
    padding-bottom: 200px;
}

    .form-login:after, .checkout:after {
        content: '';
        width: 100%;
        height: 50%;
        /* background: #efefef; */
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .form-login label {
        margin-bottom: 0px;
        font-weight: 600;
        font-size: 15px;
    }

.box-login {
    padding: 25px;
    border-radius: 6px;
    margin-bottom: 15px;
    margin: 0 auto;
    max-width: 410px;
}

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

.box-login h2 {
    font-size: 22px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 17px;
    margin-bottom: 19px;
    font-weight: bold;
}

.btn-facebook {
    background: #4267b2;
    color: #fff;
    font-weight: 400;
    padding: .375rem 1.35rem !important;
    float: right;
}

    .btn-facebook:hover {
        background: #37589c;
    }

.area-login-facebook {
    background: #ebebf9;
    padding: 8px 13px;
    border-radius: 6px;
    width: 100%;
    line-height: 40px;
    margin-bottom: 16px;
}


.provider-Google {
    font-size: 13px;
    font-weight: 600 !important;
    padding: 14px 10px;
    width: 100%;
    justify-content: center;
    display: flex;
    margin-right: 6px;
}

    .provider-Google .fa-facebook {
        display: none;
    }

.provider-Facebook .fa-facebook {
    margin-right: 10px;
}

.provider-Facebook .fa-google {
    display: none;
}

.provider-Google .fa-google {
    margin-right: 10px;
}

.provider-Google:hover {
    background: #f5f5f5;
    color: #626262;
}

.provider-Google::before {
    display: none;
    content: " ";
    background: none;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-right: 7px;
}

.provider-Facebook {
    font-size: 13px;
    font-weight: 600 !important;
    padding: 14px 10px;
    width: 100%;
    justify-content: center;
    display: flex;
    margin-right: 12px;
}

    .provider-Facebook::before {
        display: none;
        content: " ";
        background: none;
        background-size: 100%;
        background-repeat: no-repeat;
        width: 17px;
        height: 20px;
        margin-right: 9px;
    }

    .provider-Facebook:hover {
        background: #4868ad;
        color: #fff;
    }

.login-social {
    display: flex;
    margin: 23px 0px;
}

.frete-option {
    padding: 10px 19px;
    width: 100%;
    margin-bottom: 12px;
    font-size: 13px;
    border: solid 4px;
}

    .frete-option .form-check-input {
        margin-left: 0px;
    }

    .frete-option span {
        margin-left: 34px;
        padding: 0px;
        display: block;
        min-width: 30%;
        font-weight: 800;
    }

    .frete-option .form-check-label {
        display: flex;
    }

.name-frete {
    font-weight: 900;
    color: #2e3d4c;
}


.box-carrinho {
    padding: 25px;
    /* margin-bottom: 15px; */
}

.carrinho h1 {
    font-size: 30px;
    font-weight: 900;
}

.carrinho img {
    width: 125px;
}

.carrinho .limpar-item {
    text-align: left;
    margin-top: 26px;
    margin-left: 9px;
}

    .carrinho .limpar-item a {
        font-size: 16px;
        line-height: 12px;
        color: #191919;
        background: #fff;
        padding: 10px 9px;
        border-radius: 50%;
        text-align: center;
        width: 35px;
        height: 35px;
    }

.carrinho .box-item-carrinho {
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 100%;
}

.box-compra {
    margin: 0px 8px;
    border: solid 8px;
    /* margin-top: 65px; */
}

    .box-compra h3 {
        margin-bottom: 17px;
        color: var(--Dark, #0A0A0A);
        font-family: "Space Grotesk";
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
        text-transform: uppercase;
    }

    .box-compra .box-frete {
        background: none;
        padding: initial;
        width: 100%;
    }

    .box-compra #form-consulta-cep-carrinho {
        width: 100%;
    }

    .box-compra table {
        width: 100%
    }

    .box-compra .tabela-frete table tr {
        line-height: 28px;
        font-size: 14px;
        border-bottom: solid 1px #525961;
        color: #000;
    }

.cupom-desconto {
    padding: 15px 0px;
    border-top: solid 4px #000;
}

    .cupom-desconto a {
        font-size: 14px;
        line-height: 17px;
        font-weight: 900;
        text-transform: uppercase;
        color: black;
    }

.box-preco {
    padding-top: 12px;
}

    .box-preco .valor {
        font-weight: 400;
    }

    .box-preco ul {
        padding-left: 0px;
        display: flex;
        width: 100%;
        margin-bottom: 2px;
    }

        .box-preco ul li {
            width: 50%;
            font-family: "Space Grotesk";
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px; /* 157.143% */
            text-transform: uppercase;
        }

            .box-preco ul li.valor {
                width: 50%;
                text-align: right;
                font-size: 17px;
            }

    .box-preco .total {
        margin-top: 30px;
    }

.box-compra .valor-total li {
    font-size: 22px !important;
    color: #000;
    font-weight: 900;
}

    .box-compra .valor-total li.valor {
        font-weight: 800;
        color: #000;
    }

.box-compra .btn-carrinho-comprar {
    padding: .875rem .75rem !important;
    font-weight: 900 !important;
    color: #ffffff;
    margin-top: 16px;
    border-color: #000;
    font-size: 21px;
}

    .box-compra .btn-carrinho-comprar:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }


.menu-conta {
    padding: 15px;
}

.minhas-vendas .box-conta {
    padding: 60px 10px 0px 0px;
    margin-bottom: 15px;
    position: relative;
}

.minhas-vendas {
    padding-bottom: 160px;
}

    .minhas-vendas .box-conta.bg {
        padding: 10px;
        background-repeat: no-repeat;
        background-size: 100% 80%;
        padding: 50px;
    }

    .minhas-vendas .navbar-light .navbar-nav .nav-link {
        color: #000;
        font-size: 16px;
        font-weight: 700;
        padding-right: 20px;
        padding-left: 20px;
    }

    .minhas-vendas h2 {
        font-size: 62px;
        font-weight: 900;
        line-height: 63px;
    }

    .minhas-vendas p.name {
        font-size: 23px;
        font-weight: 700;
        color: #fff;
    }

    .minhas-vendas .box-saldo {
        background: #fff;
        border-radius: 10px;
        box-shadow: 4px 4px 8px rgba(41, 41, 41, 0.3);
        padding: 20px;
        margin: 10px 0;
    }

        .minhas-vendas .box-saldo h4 {
            font-size: 58px;
            font-weight: 500;
            margin: 0;
            color: #131313;
        }

        .minhas-vendas .box-saldo > span {
            font-size: 15px;
            color: #ffffff;
            background: #1b196f;
            padding: 1px 10px;
            border-radius: 23px;
            font-weight: 600;
        }

        .minhas-vendas .box-saldo h4 span {
            font-size: 16px;
            font-weight: 800;
            position: relative;
            top: -18px;
        }

        .minhas-vendas .box-saldo a.btn {
            display: block;
            font-size: 18px;
            width: 100%;
        }

.page-retiradas h2 {
    font-size: 37px;
    margin-bottom: 44px;
    text-align: center;
}

.page-retiradas .tag-retirada {
    display: block;
    margin: 40px 0px;
    font-size: 20px;
    width: 100%;
    text-align: center;
}

.minhas-vendas .box-link {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgba(41, 41, 41, 0.3);
    padding: 20px;
    margin-top: 10px;
    height: 175px;
}

.minhas-vendas .navbar-nav {
    flex-direction: inherit !important;
}

.minhas-vendas .box-link h3 {
    font-size: 25px;
    font-weight: 800;
    margin-bottom: 0;
    margin-top: 10px;
    color: #131313;
}

.minhas-vendas .box-link span {
    color: #a2a2a2;
    font-size: 16px;
    margin-bottom: 15px;
    display: block;
}

.minhas-vendas .box-link form {
    position: relative;
}

.minhas-vendas .box-link span.confirm {
    position: absolute;
    right: -3px;
    top: -32px;
    background: #fff;
    padding: 1px 8px;
    padding: 1px 8px;
    border-radius: 23px;
    font-size: 12px;
    color: #000;
    font-weight: 600;
    display: none;
}

    .minhas-vendas .box-link span.confirm:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #ffffff;
        right: 37px;
        top: 19px;
    }

.minhas-vendas .box-link input {
    color: #000;
    border: 0;
    font-size: 13px;
    background: #e8e8e8;
    padding: 0 10px;
    margin: 0;
}

.box-tabela.box-tabela-afiliado thead {
    background: transparent;
}

.box-link-area {
    align-content: space-between;
}


.img-conta {
    width: 100%;
    height: 190px;
    background: #ccc;
    background-image: url(../img/img-conta.svg);
    background-size: cover;
    display: none;
}

.nome-cliente {
    color: #191919;
    font-weight: 400;
    line-height: 23px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    margin-bottom: 17px;
}

    .nome-cliente span {
        font-weight: 900;
        font-size: 32px;
        color: #000;
        text-transform: uppercase;
    }

.content-conta {
    display: flex;
}

    .content-conta p {
        background: #000000;
        padding: 44px 40px;
        color: #fff;
        font-weight: 300;
        font-size: 18px;
        height: initial;
        width: 51%;
        margin-bottom: 0px;
    }

    .content-conta img {
        position: absolute;
        width: 400px;
        right: 2%;
        top: 11%;
    }

.minha-conta .preco-produto span {
    font-size: 12px;
    color: #989898;
    font-weight: 400;
}

.minha-conta .titulo-produto {
    text-align: left;
    margin-top: 0px;
    justify-content: left !important;
    height: auto;
    margin-bottom: 3px;
}

.minha-conta .meus-pedidos {
    width: 100%;
    background: #fff;
    padding: 0px;
    border: none;
}

.header-pedido {
    background: var(--Primary---40, #FCDAB0);
    padding: 16px;
    line-height: 21px;
    color: #b1acac;
}

    .header-pedido .numero-pedido, .header-pedido .data-pedido {
        width: 35%;
        display: grid;
        color: var(--Dark, #0A0A0A);
        font-family: "Space Grotesk";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .header-pedido .status-pedido {
        font-size: 14px;
        width: 40%;
        color: #aeaeb5;
        display: grid;
        font-weight: 700;
    }

    .header-pedido .data-pedido span {
        color: var(--Dark, #0A0A0A);
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
    }

    .header-pedido .numero-pedido span {
        color: var(--Dark, #0A0A0A);
        font-family: "Space Grotesk";
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */
    }


.aguardando {
    height: 26px;
    padding: 4px 12px;
    align-items: center;
    gap: 10px;
    background: #FDE68A;
    color: #422006;
    text-align: center;
    font-family: Poppins;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

.aprovado {
    width: 84px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #86EFAC;
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

.devolvido, .cancelado {
    width: 67px;
    flex-direction: column;
    justify-content: center;
    align-self: stretch;
    height: 26px;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #FECACA;
    color: var(--red-800, #991B1B);
    text-align: center;
    font-family: "Space Grotesk";
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

.analise, .disputa {
    background: #ffaf30;
    padding: 5px 12px;
    line-height: 22px;
    border-radius: 22px;
    color: #000;
    font-weight: 800;
    text-align: center;
    font-size: 15px;
}

.itens-lista-pedidos {
    border-bottom: dashed 1px #c1c1c1;
    padding: 20px 16px;
    color: var(--Dark, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.status-pedido {
    justify-content: space-between;
}

.ver-boleto {
    width: fit-content
}

.lista-number {
    font-size: 15px;
    font-weight: 700;
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 25px;
}

.lista-preco {
    font-size: 17px;
    color: #8C5EE2;
    font-weight: 600;
}

.menu-conta ul li a {
    width: 100%;
    margin-bottom: 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: solid 2px #000;
    font-size: 16px;
    font-weight: 700 !important;
}

    .menu-conta ul li a i {
        font-size: 25px;
        margin-right: 21px;
    }

.breadcrumbs-section {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--Dark--80, #D6D6D6);
    margin-bottom: 32px;
}

    .breadcrumbs-section:after {
        content: '';
        width: 100%;
        height: 90px;
        /* background: #efefef; */
        position: absolute;
        left: 0;
        top: 200px;
        z-index: -1;
    }

.minha-conta {
    padding-bottom: 150px;
    padding-top: 60px;
}

    .minha-conta .meus-pedidos .btn {
        display: flex;
        padding: 4px 10px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        border: 1px solid var(--Primary, #F7941D);
        background: var(--Primary, #F7941D);
        color: var(--White, #FFF);
        font-family: "Space Grotesk";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 171.429% */
    }

        .minha-conta .meus-pedidos .btn:hover {
            opacity: 0.6;
        }

    .minha-conta .side-cursos h1 {
        margin-bottom: 38px;
    }


.mais-detalhes button {
    color: var(--Primary, #F7941D);
    text-align: right;
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    border: none;
    background-color: transparent;
}

    .mais-detalhes button:focus {
        border: none;
        outline: none;
    }

.valores-pedido {
    display: flex;
    justify-content: space-between;
}

.itens-lista-pedidos p {
    margin: 0;
}

.itens-lista-warning {
    padding: 16px;
    background: var(--Primary---50, #FEF1E1);
}

    .itens-lista-warning p {
        color: var(--Dark, #0A0A0A);
        font-family: "Space Grotesk";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 157.143% */
    }

    .itens-lista-warning svg {
        min-width: 24px;
        margin-right: 10px;
    }

.gap-22 {
    gap: 22px;
}

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

.meus-pedidos-detalhes {
    background: #fff;
    padding: 18px;
    margin-bottom: 20px;
    font-size: 14px;
    height: 100%;
    color: #131313;
}

    .meus-pedidos-detalhes h3 {
        font-size: 17px;
        font-weight: 900;
        border-bottom: solid 2px #ffe0e0;
        padding-bottom: 13px;
        margin: 6px 0px 13px 0px;
        text-transform: uppercase;
        color: #131313;
    }

    .meus-pedidos-detalhes p {
        line-height: 22px;
        margin-bottom: 8px;
    }

        .meus-pedidos-detalhes p span {
            font-weight: 800;
            color: #000;
        }

    .meus-pedidos-detalhes ul {
        display: flex;
        background: #ffffff;
        margin-bottom: 10px;
        padding: 3px 6px;
        color: #000;
    }

        .meus-pedidos-detalhes ul li {
            width: 50%;
            font-weight: 500;
        }

            .meus-pedidos-detalhes ul li.valor {
                text-align: right;
                font-weight: 500;
                color: #000;
            }

    .meus-pedidos-detalhes .pagamento {
        font-weight: 800;
        background: #ffdb72;
        padding: 3px 8px;
        margin-bottom: 5px;
        width: fit-content;
        border-radius: 5px;
        color: #2e3d4c;
    }

.meu-cadastro h3 {
    font-size: 20px;
    font-weight: 800;
    padding-bottom: 13px;
    margin: 6px 0px 12px 0px;
}

.meu-cadastro button {
    background-color: var(--main-purple);
    border-color: var(--main-purple-100);
    transition: ease-in-out .3s all;
}

.meu-cadastro .btn-dark:hover {
    background-color: var(--main-purple-100) !important;
    border-color: var(--main-purple-100);
}


.btn-group-checkout {
    margin-top: 17px;
    margin-bottom: 50px;
}

    .btn-group-checkout .btn {
        padding: 20px 55px;
        display: flex;
        align-items: center;
    }

    .btn-group-checkout i {
        margin: 0px 8px;
        font-size: 12px;
    }



#PassosCheckoutCarrinho {
    margin: 15px auto 2px auto;
    display: inline-block;
    display: table;
}

.steps {
    background: #efefef;
    padding: 10px 0px;
}

#PassosCheckoutCarrinho li {
    float: left;
    padding: 10px 0;
    font-size: 11px;
    list-style: none;
    font-weight: bold;
    text-transform: uppercase;
    padding-right: 60px;
    opacity: 0.4;
    text-align: center;
}

    #PassosCheckoutCarrinho li span {
        border: 6px solid #000;
        padding: 4px 20px;
        border-radius: 100%;
        background: #ff7dbb;
        color: #000000;
        font-size: 30px;
        display: block;
        height: 70px;
        width: 70px;
        margin: 0 auto;
        margin-bottom: 12px;
    }

#PassosCheckoutCarrinho .active {
    opacity: 1;
}

#pagamento .titulo-produto {
    height: auto !important;
    margin: 0px;
    font-weight: 700;
    color: #fff;
    font-size: 15px;
    border-bottom: solid 2px #404040;
    padding-bottom: 3px;
    margin-bottom: 7px;
}

#pagamento .quantidade-produto {
    font-size: 13px;
}

#pagamento .img-produto-cart {
    justify-content: normal;
    align-items: baseline;
}

    #pagamento .img-produto-cart img {
        width: 56px;
    }

#pagamento .meus-pedidos {
    background: #191919;
    padding: 21px;
    color: #fff;
    margin-bottom: 45px;
}

input[type='radio']:after {
    width: 21px;
    height: 21px;
    border-radius: 15px;
    top: -3px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 21px;
    height: 21px;
    border-radius: 15px;
    top: -3px;
    left: -1px;
    position: relative;
    background-color: #ff7dbb;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.confirmacao-endereco span.titulo {
    font-weight: 700;
    color: #1f1f1f;
    font-size: 15px;
    border-bottom: solid 2px lightgray;
    padding-bottom: 7px;
    margin: 20px 0 0 0;
    width: 100%;
    display: flex;
}

.confirmacao-endereco span {
    font-size: 14px;
    line-height: 18px;
}

.item-revisao {
    display: flex;
    margin-bottom: 12px;
}

.edit-item a {
    font-size: 14px;
    font-weight: 700;
}

.btn-pagamento {
    font-weight: 700;
    font-size: 20px;
}

.info-autorais {
    display: block;
    font-size: 12px;
    margin: 40px 0 0 0;
    background: #f6f6f6;
    padding: 20px;
}

.pedido-sucesso {
    background: #ebebf9;
    border-radius: 7px;
    padding: 40px 26px;
    font-size: 38px;
    color: #5f5f5f;
    font-weight: 900;
    text-align: center;
}

    .pedido-sucesso i {
        margin-right: 14px;
        color: #ffffff;
        background: #5de092;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        text-align: center;
        padding: 22px;
    }

.text-confirmacao {
    padding: 26px;
    margin-top: 15px;
    border-radius: 7px;
    text-align: center;
}

.box-white {
    background: #fff;
    padding: 25px;
    box-shadow: 3px 3px 15px rgba(173, 173, 222, 0.1);
    border-radius: 6px;
    margin-bottom: 15px;
}

.pagination li {
    background: #ffffff;
    color: #000;
    padding: 3px 12px;
    margin-right: 9px;
}

    .pagination li a:hover {
        /* background: #000; */
        /* color: #fff; */
    }


    .pagination li.active a {
        background: #F7941D;
        color: white;
    }

.box-tabela {
    width: 100%;
    margin-top: 80px;
    font-size: 15px;
}

    .box-tabela h3 {
        font-size: 20px;
        font-weight: 900;
        padding-bottom: 11px;
        padding: 11px;
        text-align: center;
    }


    .box-tabela thead {
        background: #ccc;
    }

    .box-tabela tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,.05);
    }

    .box-tabela .badge {
        color: #fff !important;
        font-weight: 500;
        padding: 7px 12px;
        border-radius: 29px;
    }

    .box-tabela .overflow-tabela {
        max-height: 500px;
        overflow: auto;
    }

    .box-tabela ::-webkit-scrollbar {
        width: 10px;
    }

    .box-tabela ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .box-tabela ::-webkit-scrollbar-thumb {
        background: #d8d8d8;
    }

        .box-tabela ::-webkit-scrollbar-thumb:hover {
            background: #dee2e6
        }

.banner--depoimentos .element-banner {
    background: #2A1A3B;
    border-radius: 12px;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin-top: 240px;
    margin-bottom: 110px;
    height: 394px;
}

.element-banner img.brilhance {
    width: 242px;
    position: relative;
    bottom: -33px;
}

.element-banner .img-depoimento {
    width: 100%;
    background: #ffd1ee;
    border-radius: 8px;
}

.element-banner video {
    max-height: 496px;
    height: 496px;
    width: 100%;
    background-color: #000;
    border-radius: 8px;
}

.element-banner #carousel-depoimentos-home {
    width: 522px;
    position: absolute;
    right: 45px;
}

.element-banner h4 {
    color: #FF4EA3;
    font-size: 40px;
    line-height: 39px;
    width: 290px;
    font-weight: 900;
}

.owl-carousel#carousel-depoimentos-home .owl-nav button.owl-next {
    position: absolute;
    right: -32px;
    color: #fff !important;
}

.owl-carousel#carousel-depoimentos-home .owl-nav button.owl-prev {
    position: absolute;
    left: -37px;
    color: #fff !important;
}


.blog-list {
}

    .blog-list article {
        margin-bottom: 80px;
        background: #efefef;
        padding: 30px;
    }

    .blog-list img {
        transition: 0.2s all;
        margin-left: -30px;
        width: calc(100% + 60px);
        margin-top: -36px;
    }

        .blog-list img:hover {
            opacity: 0.8;
        }

    .blog-list h3 {
        margin-top: 20px;
        font-size: 44px;
        margin-bottom: 20px;
        font-weight: 900;
        transition: 0.2s all;
        margin-top: 15px;
    }

        .blog-list h3:hover {
            text-decoration: underline;
        }

    .blog-list span, .detalhes-blog .data {
        display: block;
        margin-bottom: 10px;
        color: #b1b1b1;
        font-weight: 500;
    }



    .blog-list p, .blog-list p span {
        line-height: 25px !important;
        font-size: 16px !important;
        color: #000 !important;
    }

.detalhes-blog .blog-content {
    width: 700px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

.detalhes-blog h3 {
    margin-top: 20px;
    font-size: 44px;
    margin-bottom: 20px;
    font-weight: 900;
    transition: 0.2s all;
}

.blog-content p, .blog-content p span {
    line-height: 25px !important;
    font-size: 16px !important;
    color: #000 !important;
}

.blog-content p {
    margin-bottom: 50px !important;
}

.btn-back {
    color: #000;
    font-weight: 800;
    font-size: 18px;
    padding: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.carrinho .card-header {
    font-weight: 900;
}

.carrinho.checkout button.btn {
    padding: 15px;
    margin-top: 15px;
}

.checkout label {
    font-size: 14px;
}

.login-checkout {
    padding: 35px;
    /* box-shadow: 3px 3px 15px rgba(173, 173, 222, 0.1); */
    border-radius: 6px;
    margin-bottom: 80px;
    margin-top: 50px;
}

    .login-checkout h3 {
        margin-bottom: 34px;
        font-size: 26px;
    }

    .login-checkout h4 {
        font-size: 16px;
        text-align: center;
        margin-top: 40px;
        font-weight: 600;
    }

.login-checkout-formcompleto {
    display: none;
}

.instrutor-img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.professor-image {
    background-position: center top;
    background-size: cover;
    height: 100%;
    border-radius: 50%;
}

.toggle p {
    margin: 0px 10px 0px 0px;
}

#toggle-instrutor {
    color: #9747FF;
}

.posinicioimediato-termos.ativo {
    display: block !important;
}

.posinicioimediato-termos.inativo {
    display: none !important;
}

.posinicioimediato-termos div {
    margin: 15px 0;
}

.posinicioimediato-termos p {
    text-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
}

.posinicioimediato-termos input {
    height: 16px;
    width: 16px !important;
    margin-right: 15px !important;
}

.modal-contrato-pos .modal-content {
    background: #232323 !important;
}

.modal-contrato-pos button.close {
    background: unset;
    position: absolute;
    right: 20px !important;
}

.modal-contrato-pos .modal-header {
    border-bottom: 1px solid #495057;
}

.modal-contrato-pos .modal-body {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

    .modal-contrato-pos .modal-body p {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: left;
    }

.modal-contrato-pos .modal-header h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.modal-contrato-pos .modal-footer {
    border-top: 1px solid #495057;
}

    .modal-contrato-pos .modal-footer button {
        border: 1px solid #8C5EE2;
        background: transparent;
        color: #8C5EE2;
    }

.uppercase {
    text-transform: uppercase;
}

#cursos-comissionados #em-alta {
    background-repeat: no-repeat;
    background-position: 100% 120%;
}

#cursos-comissionados .section {
    padding-bottom: 120px;
}

#cursos-comissionados .row.title {
    border-bottom: 1px solid #8A8A8A;
    margin-bottom: 60px;
    padding-bottom: 32px;
}

#cursos-comissionados h1 {
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 54px; /* 122.727% */
}

#cursos-comissionados .item .wrapper {
    /* height: 458px; */
    border-radius: 6px;
    background: linear-gradient(#232323, #232323) padding-box,var(--hot) border-box;
    position: relative;
}

#cursos-comissionados .item {
    padding: 4px;
    width: 350px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 6px;
    background: linear-gradient(180deg, rgba(249,115,22,1) 31%, rgba(250,204,21,1) 66%);
}

#cursos-comissionados .header img {
    min-width: 110%;
    margin-top: -5px !important;
}

#cursos-comissionados .header .img-wrapper {
    height: 228px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

#cursos-comissionados .header .percentual-comissao {
    background-color: var(--green-success);
    color: #000;
    padding: 8px;
}

#cursos-comissionados .percentual-comissao h3 {
    text-align: center;
    font-size: 44px;
    font-style: normal;
    font-weight: 800;
    line-height: 54px; /* 122.727% */
    margin: 0;
    font-family: 'Poppins';
}

#cursos-comissionados .percentual-comissao p {
    color: var(--Secondary---20, #3D3D3D);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
}

#cursos-comissionados .item .description {
    cursor: pointer;
    padding: 24px;
    background: var(--White);
    color: var(--dark);
    min-height: 220px;
}

#cursos-comissionados #nao-comissionados .item .description {
    min-height: unset;
}

#cursos-comissionados .item .wrapper-text-descricao {
    color: var(--Dark---50, #8A8A8A) !important;
    font-family: "Space Grotesk";
    font-size: 12px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 18px !important;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#cursos-comissionados .item p.titulo {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Limita o texto a 2 linhas */
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

#cursos-comissionados #nao-comissionados .item p.titulo {
    margin-bottom: 0;
}

#cursos-comissionados .item .link-afiliado b {
    flex: 1 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 150% */
    max-width: 82%;
}


#cursos-comissionados .item .link-afiliado .icone {
    color: var(--green-success);
    margin-right: 8px;
}

#cursos-comissionados .item .link-material-pub b {
    flex: 1 0 0;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 150% */
    max-width: 82%;
}

#cursos-comissionados .item .link-material-pub .icone {
    flex: 1 0 0;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 150% */
    max-width: 82%;
}

#cursos-comissionados .item .description p.valor {
    color: var(--green-success);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#cursos-comissionados .item label {
    overflow: hidden;
    text-overflow: ellipsis;
    /* Body xs */
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px; /* 150% */
}

#cursos-comissionados #todos-produtos {
    background-position: -100px 300px;
    background-repeat: no-repeat;
}

    #cursos-comissionados #todos-produtos form {
        margin: 0 0 0 auto;
    }

    #cursos-comissionados #todos-produtos .pesquisa-todos-produtos {
        border: 1px solid #4F20A5;
        background: transparent;
        padding: 8px;
        padding-left: 15px;
        border-radius: 28px;
    }

        #cursos-comissionados #todos-produtos .pesquisa-todos-produtos input {
            background: transparent;
            border: none;
            margin: 0;
            width: 100%;
            margin-left: 10px;
            color: white;
        }

            #cursos-comissionados #todos-produtos .pesquisa-todos-produtos input::placeholder {
                color: #575757;
            }

#cursos-comissionados #nao-comissionados {
    background-position: 500px 300px;
    background-repeat: no-repeat;
}

#cursos-comissionados #todos-produtos .item {
    border: none;
    border-width: none;
    border-style: none;
    background: transparent;
    min-height: 570px;
    overflow: hidden;
}

    #nao-comissionados .item .description,
    #cursos-comissionados #todos-produtos .item .description {
        border-radius: 0 0 6px 6px;
    }

    #nao-comissionados .item .img-wrapper,
    #cursos-comissionados #todos-produtos .item .img-wrapper {
        border-radius: 6px 6px 0 0;
        background-color: lightgrey;
    }

#cursos-comissionados #nao-comissionados .item {
    background: transparent;
    min-height: 425.6px;
}

    #cursos-comissionados #nao-comissionados .item .percentual-comissao {
        background: #707070;
    }

        #cursos-comissionados #nao-comissionados .item .percentual-comissao p {
            color: var(--dark---70);
            text-align: center;
            max-width: 80%;
        }

    #cursos-comissionados #nao-comissionados .item .description p.texto {
        color: var(--Secondary---50, #8A8A8A);
        /* Body xs */
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 18px; /* 150% */

        display: block; /* Fallback for non-webkit */
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 300px;
        text-overflow: ellipsis;
    }

/* #dashboard-afiliados */
#dashboard-afiliados .tooltip-right-text {
    left: 46%;
    top: 136%;
}

#dashboard-afiliados .tooltip-right {
    top: 122%;
    transform: rotate(88deg);
    left: 49%;
}

#dashboard-afiliados {
    padding: 75px 0 60px;
}

    #dashboard-afiliados h1 {
        margin-bottom: 76px;
        width: 100%;
        text-align: center;
    }

    #dashboard-afiliados .link.row .col-lg-12 > p {
        width: 100%;
        text-align: center;
    }

    #dashboard-afiliados .fa-triangle-exclamation {
        color: #FACC15;
    }

    #dashboard-afiliados .fa-gear {
        color: var(--hot);
    }

    #dashboard-afiliados .border-link {
        padding: 3px 3px;
        border-radius: 6px;
        background: linear-gradient(180deg, rgba(249,115,22,1) 31%, rgba(250,204,21,1) 66%);
        height: 88px;
        margin-bottom: 37px;
    }

    #dashboard-afiliados .wrapper-link {
        padding: 28px;
        background-color: var(--primary---40);
        border-radius: 5px;
        position: relative;
        color: var(--hot) !important;
    }

    #dashboard-afiliados .opcoes {
        margin-bottom: 81px;
    }

        #dashboard-afiliados .opcoes a {
            color: var(--dark);
            transition: ease-in-out .3s all;
        }

            #dashboard-afiliados .opcoes a:hover {
                color: var(--hot);
            }

    #dashboard-afiliados .wrapper-link p {
        cursor: pointer;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px; /* 144.444% */
        width: 100% !important;
        display: block;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 0;
    }

    #dashboard-afiliados .card {
        background: #fff;
        border-radius: 12px;
        padding: 24px 28px;
    }

        #dashboard-afiliados .card h5 {
            color: #232323;
            font-size: 20px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px;
        }

        #dashboard-afiliados .card p,
        #dashboard-afiliados .card h4::before {
            color: #707070;
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 22px; /* 157.143% */
        }

        #dashboard-afiliados .card h4 {
            font-size: 44px;
            font-style: normal;
            font-weight: 600;
            line-height: 54px; /* 122.727% */
            color: #F97316;
            margin-bottom: 16px;
            position: relative;
            padding-left: 20px;
        }

        #dashboard-afiliados .card.conversoes h4 {
            color: #3B82F6;
        }

        #dashboard-afiliados .card.liberado h4 {
            color: #22C55E;
        }

        #dashboard-afiliados .card.conversoes h4 {
            padding-left: 0;
        }

        #dashboard-afiliados .card:not(.conversoes) h4::before {
            content: "R$";
            top: 30%;
            left: 0;
            position: absolute;
        }

    #dashboard-afiliados .pix {
        padding: 8px 12px;
        background: var(--primary);
        width: 100%;
        border-radius: 8px;
        color: var(--White);
    }

        #dashboard-afiliados .pix a {
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 22px; /* 157.143% */
        }

    #dashboard-afiliados .fa-pix {
        color: #00B7AA;
    }

#historico-vendas {
    background-position: 1300px -120px;
    background-repeat: no-repeat;
}

#retiradas {
    background-position: -350px -120px;
    background-repeat: no-repeat;
}


/* #historico-vendas e #retiradas */
.section-table {
    padding: 60px 0;
}

    .section-table h5 {
        margin-bottom: 30px;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 128.571% */
    }

.wrapper-my-table::-webkit-scrollbar {
    height: 8px !important; /* Largura do scrollbar */
}

.wrapper-my-table::-webkit-scrollbar-thumb {
    height: unset !important;
    background: lightgray;
}

.my-custom-table.table th,
.my-custom-table.table td {
    background: transparent;
}

.my-custom-table.table thead th,
.my-custom-table.table tbody th,
.my-custom-table.table tbody td {
    border: none !important;
    border-color: var(--dark---60);
    vertical-align: bottom;
    border-bottom: 2px solid var(--dark---60) !important;
    padding: 29px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
}

table.dataTable th, table.dataTable td.dt-empty {
    color: var(--dark---40)
}

.my-custom-table.table thead th {
    color: var(--dark---50);
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px; /* 150% */
}

.my-custom-table.table .cancelado {
    border-radius: 0;
}

.my-custom-table.table .status p {
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 8px;
    border-radius: 6px !important;
    margin-bottom: 0;
}

.my-custom-table.table .status.RetiradaCancelada p,
.my-custom-table.table .status.cancelado p,
.my-custom-table.table .status.Cancelado p {
    background: #FECACA !important;
    color: red;
}

.my-custom-table.table .status.saldo-liberado p,
.my-custom-table.table .status.RetiradaHabilitada p,
.my-custom-table.table .status.RetiradaPaga p,
.my-custom-table.table .status.Pago p {
    background: #22C55E !important;
    color: #14532D;
}

.my-custom-table.table .status.retencao p,
.my-custom-table.table .status.AguardandoPeriodoRetencao p,
.my-custom-table.table .status.EmProcessamento p {
    background: #F97316 !important;
    color: #FFEDD5;
}

.my-custom-table.table .status.RetiradaSolicitada p,
.my-custom-table.table .status.RetiradaEmAnalise p,
.my-custom-table.table .status.aguardando-pagamento p,
.my-custom-table.table .status.EmAnalise p {
    background: #BBF7D0 !important;
    color: #14532D;
}

.my-custom-table.pagination .btn {
    color: var(--purple);
    transition: ease-in-out .3s all;
}

    .my-custom-table.pagination .btn:hover {
        color: #AC8AEA;
    }

.my-custom-table span.atual {
    color: #AC8AEA;
    margin: 0 32px;
}

div.dt-container .dt-paging .dt-paging-button.current {
    background: transparent !important;
    border: none !important;
    color: #AC8AEA !important;
}

    div.dt-container .dt-paging .dt-paging-button.current:hover,
    div.dt-container .dt-paging .dt-paging-button:hover {
        color: #AC8AEA !important;
    }

div.dt-container .dt-paging .dt-paging-button {
    color: var(--purple) !important;
}

button.dt-paging-button.previous, button.dt-paging-button.next {
    background: transparent !important;
    color: var(--purple) !important;
    transition: ease-in-out .3s all !important;
}

.tooltip-right-text {
    background: var(--primary);
    padding: 7px 12px;
    border-radius: 6px;
    position: absolute;
    left: 105%;
    z-index: 10;
    color: var(--White);
}


    .tooltip-right-text img {
        width: 20px;
        margin-left: 10px;
    }

.tooltip-right {
    content: "";
    width: 0px;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid var(--primary);
    position: absolute;
    right: -18px;
    bottom: 27%;
    z-index: 10;
}

#cursos-comissionados .tooltip-right {
    content: "";
    width: 0px;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #575757;
    position: absolute;
    right: -18px;
    bottom: 30%;
    z-index: 10;
}

#component-professores .modal-content {
    background: #131313;
}

#component-professores .modal .modal-body {
    border: 1px solid #3d3d3d;
    border-top: none;
}

#component-professores .owl-carousel .owl-nav .owl-next:after,
#component-professores .owl-carousel .owl-nav .owl-prev:before {
    padding: 0px !important;
}

#component-professores .carousel-professores,
#component-professores .container,
#component-professores .owl-carousel {
    position: relative !important;
}

    #component-professores .owl-carousel .owl-nav {
        position: absolute;
        left: -143%;
        top: 313px;
        width: 16%;
    }

        #component-professores .owl-carousel .owl-nav button {
            border: 1px solid var(--White);
            border-radius: 0;
            padding: 7px 13px !important;
        }

#component-professores .professor {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    /*width: 445px;*/
    height: 480px;
    overflow: hidden;
}

    #component-professores .professor .legenda {
        margin: 0 23px;
        width: 100%;
    }

        #component-professores .professor .legenda a.btn.btn-outline-white {
            padding: 2px 24px !important;
            border-radius: 50px;
            border: 1px solid var(--White, #FFF) !important;
            font-size: 22px;
            font-weight: 300 !important;
        }

@media (min-width: 992px) {
    #component-professores .modal-lg {
        max-width: 1000px;
    }
}

@media (min-width: 1440px) {
    .top-banner2 .container {
        max-width: 1440px !important;
    }

    .page-produtos {
        /* width: 1440px; */
        padding-top: 20px;
        padding-bottom: 150px;
    }

    /*estava interferindo o header*/
    /*.container {
        max-width: 1240px;
    }*/

    .produtos-detaque .container, .banner-footer .container {
        max-width: 1240px !important;
    }
}


@media (min-width: 1366px) {
    li .menu-principal:hover > .dropdown-menu {
        display: block;
    }
}

@media (min-width: 1200px) {
    .page-produtos .col-sidebar {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .page-produtos .col-xl-9 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (min-width: 768px) {
    .box-tabela .table-responsive {
        display: table;
    }
}

@media (max-width: 1680px) {
    .container-large {
        padding-right: 12%;
        padding-left: 12%;
    }

    .fixo-info {
        width: 620px !important;
    }

    .box-compra {
        margin: 0px 0px;
    }

    .btn-tamanhos {
        margin: 5px 9px;
    }
}

@media (max-width:1440px) {

    .nav-top {
        height: 52px;
    }

    .element-banner h4 {
        font-size: 35px;
        width: 270px;
        font-weight: 900;
    }

    .banner--depoimentos .element-banner {
        margin-top: 200px;
    }

    .fixo-info h1.titulo-produto {
        font-size: 28px !important;
        line-height: 31px !important;
    }

    .detalhes-produto h1 {
        font-size: 42px !important;
        line-height: 43px !important;
    }

    .fixo-info {
        width: 530px !important;
    }

    .produto-custom .img-produto .img {
        height: 531px !important;
        top: 1px !important;
    }

    .produto-custom .img-produto .embalagem {
        top: 157px !important;
    }

    .produto-custom h2 {
        font-size: 79px !important;
        line-height: 67px !important;
        padding-top: 16% !important;
    }


    #CarouselProdutos img {
        max-width: 750px;
    }

    .container-large {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (max-width: 1366px) {
    .container-large {
        padding-right: 3%;
        padding-left: 3%;
    }

    .blog-list h3 {
        font-size: 39px;
    }

    .produto-custom .img-produto .img {
        height: 450px !important;
        top: -26px !important;
    }

    .produto-custom .img-produto .embalagem {
        top: 60px !important;
        width: 191px !important;
        left: 54px !important;
    }

    .produto-custom .img-produto .esmalte {
        width: 540px !important;
        top: -1% !important;
    }

    .produto-custom {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

        .produto-custom h2 {
            font-size: 69px !important;
            line-height: 59px !important;
            padding-top: 7% !important;
        }

    .detalhes-produto h1 {
        font-size: 38px !important;
        line-height: 40px !important;
    }

    .fixo-info {
        width: 490px !important;
    }
}

@media (max-width: 1280px) {

    .detalhes-produto h1 {
        font-size: 38px;
        line-height: 39px;
    }

    .fixo-info {
        width: 449px !important;
    }
}


@media (max-width: 1024px) {
    .descricao-produto-detalhes .btn-saibaMais {
        margin-bottom: 35px;
    }

    #cursos-comissionados .section .row {
        padding: 0 20px;
    }

    #cursos-comissionados h1 {
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        padding: 0px 0px;
    }

    #cursos-comissionados .row.title {
        border-bottom: none;
        margin-bottom: 32px;
    }

    #cursos-comissionados #nao-comissionados h1 {
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 54px;
        padding: 0px 0px;
        max-width: 90% !important;
    }

    #cursos-comissionados .section {
        padding-bottom: 64px;
    }


    #cursos-comissionados .item {
        margin: 10px 0;
        width: 100%;
    }

    #cursos-comissionados #todos-produtos form {
        margin: unset;
        width: 100%;
        margin-top: 32px;
    }

    .detalhes-produto h1 {
        font-size: 33px;
        line-height: 36px;
    }

    .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 15px;
    }

    .element-banner video {
        max-height: 466px;
        height: 466px;
    }

    .banner--depoimentos .element-banner {
        margin-top: 240px;
        height: auto;
        padding: 12px;
        margin-top: 90px;
    }

    .element-banner img.brilhance {
        bottom: 0;
        margin-left: 29px;
        width: 186px;
    }

    .element-banner #carousel-depoimentos-home {
        top: -44px;
    }

    .element-banner h4 {
        font-size: 29px;
        width: 250px;
        font-weight: 900;
        text-align: center;
        line-height: 34px;
    }

    .box-login {
        width: 100%;
    }

    .banner-caracteristicas {
        margin-bottom: 100px !important;
    }

    .sobre-produto {
        padding-top: 0px !important;
    }

    .produto-custom {
        height: auto !important;
    }

        .produto-custom .img-produto .esmalte {
            width: 477px !important;
        }

    .meus-pedidos-detalhes {
        padding: 11px;
    }

    .minha-conta {
        padding-bottom: 50px;
    }

        .minha-conta p {
            width: 100%;
        }

    .preco-produto {
        font-size: 23px;
    }

    .meus-pedidos-detalhes p span {
        display: block;
    }

    .fixo-info {
        width: 365px !important;
    }

    .filter-box {
        padding: 1px 11px;
    }

    .lista-estilos a {
        width: 24.5%;
    }

    .space-itens-menu {
        padding: 20px 15px;
    }

    .title-menu-list {
        min-width: 170px;
    }

    .link-filter div {
        display: none;
    }

    .lista-estilos .btn-filter {
        margin-bottom: 12px;
        margin-right: 7px;
    }

    .menu-principal .dropdown-menu {
        margin-top: 0px;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }

    .menu-principal {
        position: inherit;
    }

    .produtos-detaque {
        padding-bottom: 20px;
    }

    .minha-conta .menu-conta {
        margin-top: 30px;
    }




    #component-professores .owl-carousel .owl-nav {
        position: absolute;
        left: -144%;
        top: 57%;
        width: 16%;
    }

    #component-professores .owl-carousel .owl-stage-outer {
        margin-top: 90px;
    }

    #component-professores .owl-carousel .owl-nav button {
        border: 1px solid var(--White);
        border-radius: 0;
        padding: 6px 12px 10px !important;
    }
}

@media (max-width: 768px) {

    .fixo-info .produto-video-intro {
        display: none !important;
    }

    .dropdown-menu.show {
        border-radius: 4px !important;
        margin-top: 0px;
        border-radius: 0px;
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
        width: fit-content;
        color: var(--Dark, #0A0A0A);
    }

    #newnav li.nav-item:hover svg path {
        fill: #0A0A0A !important;
    }

    #component-professores .owl-carousel .owl-nav {
        position: absolute;
        left: 3%;
        top: -19%;
        width: 11%;
    }

    .tooltip-right-text,
    .tooltip-right {
        display: none !important;
    }

    .box-sidebar {
        margin: 0px;
    }

    .notfount-content {
        text-align: center;
        font-size: 16px;
        font-weight: 200;
        line-height: 25px;
        padding: 30px 30px 30px 30px;
    }

    .checkout .card {
        margin-bottom: 10px !important;
    }

    .element-banner video {
        max-height: 373px;
        height: 373px;
    }

    .detalhes-blog .blog-content {
        width: 100%;
    }

    .blog-list h3 {
        font-size: 28px;
    }

    .element-banner img.brilhance {
        margin-left: 0px;
    }

    .element-banner #carousel-depoimentos-home {
        width: 236px;
    }

    .element-banner h4 {
        width: 200px;
    }

    .navbar-right {
        padding-left: 20px;
    }

    .navbar-header a {
        font-size: 20px;
    }

    .cart-icon i {
        font-size: 28px;
    }

    .menu-left .navbar-nav {
        flex-direction: row;
    }

    .navbar-header .navbar-nav li a {
        font-size: 20px;
    }

    .minhas-vendas .box-link input {
        font-size: 16px;
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        color: #fff !important;
    }

    .eficacia .item .tag {
        left: 0;
    }

    .tag {
        left: 19px;
        width: 98px;
        top: 0;
    }

    .produto-custom .img-produto .embalagem {
        top: 94px !important;
        width: 171px !important;
        left: -5px !important;
    }

    .produto-custom .img-produto .esmalte {
        width: 100% !important;
        left: 0 !important;
    }

    .meus-pedidos-detalhes {
        margin-bottom: 20px;
        height: auto;
    }

    .minha-conta {
        padding-bottom: 50px;
    }

    .devolvido, .cancelado, .aprovado, .aguardando {
        width: max-content;
    }

    .preco-produto {
        font-size: 23px;
    }

    .header-pedido .numero-pedido, .header-pedido .data-pedido {
        margin-bottom: 10px;
    }

    .minha-conta .meus-pedidos .btn {
        border: solid 3px;
        margin: 8px;
    }

    div#tags {
        overflow: auto;
    }

    .container {
        max-width: 100vw;
    }

    .box-conta ul li a {
        font-size: 15px;
    }

    .minha-conta .box-conta {
        padding: 10px;
    }

    .menu-conta {
        padding: 0px;
    }

    .carousel-control-next-icon {
        right: 13px;
        width: 15px;
    }

    .carousel-control-prev-icon {
        left: 13px;
        width: 15px;
    }

    .top-banner2 {
        height: auto;
        margin-bottom: 0px;
    }

    .box-produto {
        margin-bottom: 30px;
    }

    .footer-links {
        padding: 35px 0px 35px 0px;
    }

    .banner-footer {
        padding-bottom: 50px;
        padding-top: 0px;
    }

    #CarouselProdutos img {
        max-width: initial;
    }

    .menu-right .navbar-toggler:hover, .menu-right .navbar-toggler:focus, .list-links-login li a:hover, .list-links-login li a:focus {
        outline: 0;
        color: #424242;
    }

    .navbar-right {
        padding-left: 0px;
        margin: 0px 17px;
    }

    .contato-info {
        margin: 0 auto;
        padding: 15px 0px;
    }

    .form-row h3 {
        padding: 0px;
        text-align: left !important;
        font-size: 17px;
    }

    .form-navbar .form-control {
        width: 100%;
    }

    .menu-center {
        padding-top: 15px;
        padding-bottom: 15px;
        position: absolute;
        top: 95px;
        width: 100%;
        background: #fff;
        padding: 14px;
        left: 0;
        right: 0;
        transition: 0.1s;
    }

    .form-header {
        width: 100%;
        margin-left: 0px;
    }

    ul.list-links-login {
        margin-left: 14px;
    }

    .list-links-login li a {
        padding: 10px;
        display: block;
    }

    .navbar-light .navbar-toggler {
        color: #000;
        border: none;
        font-size: 25px;
        margin-left: 25px;
    }

    .name-user i {
        display: block;
    }

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

    .logo {
        margin-right: 0;
        width: 100%;
        text-align: center;
        user-select: none;
    }

    .navbar-header {
        height: 97px;
    }

    .content {
        padding-top: 97px;
    }

    .descricao-produto {
        width: 100%;
    }

    .titulo-filtros {
        margin-top: 12px;
    }

    .menu-principal a i {
        top: 8px;
    }

    .space-itens-menu {
        padding: 15px;
    }

    .body-filter {
        border-top: solid 1px #e2e2ec;
        margin-top: 8px;
    }

    .bloco-cat-footer {
        width: 90%;
        overflow: scroll;
        margin: 0px 5%;
        height: 30px;
        line-height: 21px;
    }


    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        font-size: 36px !important;
        line-height: 15px !important;
    }

    .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        right: -25px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: -25px;
    }

    .box-sidebar h4 {
        font-size: 18px;
        padding-bottom: 13px;
        color: black;
        width: 100%;
    }

    .link-filter {
        align-items: center;
        justify-content: space-between;
    }

        .link-filter div {
            display: flex;
        }

    .navcart li .link img, .navcart li a img {
        width: 35px;
    }

    .name-user span {
        font-weight: bold;
    }
}

@media (max-width: 580px) {

    #component-professores .owl-carousel .owl-nav {
        position: absolute;
        left: 4%;
        top: -19%;
        width: 10%;
    }

    .detalhes-produto .row {
        flex-direction: column-reverse;
    }

    .content {
        padding-top: 89px;
    }

    .login-checkout {
        padding: 20px;
    }

    .breadcrumbs ul li {
        font-size: 15px;
    }

    .cart-icon span {
        left: 21px;
    }

    .login-checkout h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .blog-list h3 {
        font-size: 23px;
    }

    .btn-back {
        font-size: 16px;
    }

    .detalhes-blog .blog-content {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .detalhes-blog h3 {
        font-size: 32px;
    }

    .blog-list span, .detalhes-blog .data {
        font-size: 14px;
    }

    .blog-list p, .blog-list p span {
        font-size: 15px !important;
    }

    .selos-footer-shared img {
        height: 27px;
        margin: 0px 3px;
    }

    .element-banner #carousel-depoimentos-home {
        width: 190px;
        right: 0;
    }

    .element-banner img.brilhance {
        width: 125px;
    }

    .element-banner h4 {
        width: 120px;
        text-align: center;
        font-size: 17px;
        line-height: 19px;
        margin-top: 2px;
    }

    .preco-produto.preco-novo, .preco-produto.preco-novo span {
        margin-left: 2px;
    }

    .top-banner2 .col-lg-7.col-md-7.col-6.pl-md-0.pr-md-3.pr-1 {
        padding-right: 5px !important;
    }

    .top-banner2 .col-lg-5.col-md-5.col-6.pr-md-0.pl-1.pl-md-3 {
        padding-left: 5px !important;
    }

    .banner-footer .banner-4 img:first-child {
        display: none;
    }

    .banner-footer .banner-4 img:last-child {
        display: block;
    }

    .logo-footer a img {
        width: 130px;
    }

    .logo img {
        width: 125px;
    }

    .navbar-header .navbar-nav li a, .navbar-header a {
        font-size: 17px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .navbar-header .navbar-nav .space-itens-menu li a {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .logo {
        margin-bottom: 6px;
    }


    .cart-icon {
        height: 35px;
    }

        .cart-icon span {
            top: 17px;
        }

    .descricao-produto h2 {
        font-size: 18px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8px;
        padding-left: 3px;
        /* margin-right: 15px; */
    }

    .fixo-info h1.titulo-produto, .fixo-info h2, .fixo-info .preco-produto span, .fixo-info .preco-parcelado, .fixo-info .quantidade-item, .fixo-info #form-consulta-cep-produto {
        display: none !important;
    }

    .fixo-info .btn-comprar {
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        display: block;
    }

    .fixo-info .preco-produto {
        display: none !important;
    }

    .minhas-vendas .box-saldo {
    }

    .minhas-vendas p.name {
        font-size: 18px;
    }

    .minhas-vendas .box-conta.bg {
        height: 300px;
        background-position-y: -26px;
        background-size: 128%;
    }

    .minhas-vendas .box-link {
        margin-top: 17px;
        height: auto;
    }

    .minhas-vendas .box-conta.bg {
        padding: 20px;
    }

    .minhas-vendas h2 {
        font-size: 39px;
        line-height: 41px;
    }

    .title-menu-list {
        font-size: 20px;
        font-weight: 800;
        padding-left: 0;
        padding-bottom: 0px;
        border-top: solid 4px #fbe2e2;
        border-bottom: 0;
        margin-bottom: 3px;
        padding-top: 10px;
    }

    .bg-3 {
        background-position-x: 17% !important;
    }

    .eficacia .item .tag span {
        top: 15px !important;
        font-size: 17px !important;
    }

    .eficacia .item h4 {
        font-size: 15px !important;
        width: 118px !important;
    }

    .eficacia .item .tag {
        width: 110px !important;
        height: 110px !important;
        font-size: 41px !important;
    }

    .produto-custom .img-produto .img {
        height: 300px !important;
        top: 0px !important;
    }

    .img-produto {
        margin-top: 40px;
    }

    .produto-custom .img-produto .esmalte {
        width: 77% !important;
        left: 53px !important;
    }

    .compre-agora img {
        width: 100%;
    }


    .testado {
        left: 0;
        right: 0;
        width: 80%;
        font-size: 18px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .compre-agora {
        padding-bottom: 70px;
        padding-top: 70px;
    }

    .produto-custom h2 {
        font-size: 52px !important;
        line-height: 44px !important;
        padding-top: 0px !important;
    }

    .sobre-produto {
        padding-bottom: 60px !important;
    }

    .banner-caracteristicas {
        height: auto !important;
    }

    .produto-custom {
        padding-bottom: 30px !important;
    }

    .produto-eficacia {
        padding-bottom: 175px;
        padding-top: 175px;
    }

    .produto-custom .img-produto .embalagem {
        top: 54px !important;
        width: 155px !important;
        left: 30px !important;
    }

    .produto-custom h1 {
        font-size: 40px;
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .form-login {
        padding-bottom: 50px;
    }

    .box-login {
        width: 100%;
    }

    .pedido-item {
        padding: 10px !important;
    }

    .quantidade-produto {
        font-size: 14px;
    }

    .breadcrumbs-section:after {
        top: 160px;
    }

    .titulo-pagina {
        font-size: 24px;
    }

    .breadcrumbs-section {
        padding-top: 5rem;
        padding-bottom: 2rem;
    }

    .minha-conta {
        padding-bottom: 20px;
    }

    .menu-conta ul li a {
        height: 60px;
    }

    input[type='radio']:after {
        top: -5px;
        left: -3px;
    }

    .quantidade-item {
        font-size: 12px;
    }

    .box-item-carrinho .titulo-produto {
        font-size: 13px;
        line-height: 17px;
        margin-bottom: 2px !important;
    }

    .dropdown-menu.show {
        max-height: 86.5vh;
    }

    .produto-miniatura {
        width: 70px;
    }

    .item-carrinho .btn-carrinho-comprar {
        padding: .475rem .75rem !important;
    }

    .carousel-control-prev-icon {
        left: 7px;
    }

    .carousel-control-next-icon {
        right: 7px;
    }

    .list-link-footer li a {
        font-size: 15px;
        line-height: 22px;
        display: inline-block;
    }

    .produtos-detaque .row {
        padding-left: 10px;
        padding-right: 10px;
    }

    .produtos-detaque .item {
        padding-right: 6px;
        padding-left: 6px;
    }

    .box-descri, .box-descri p, .box-descri span {
        font-size: 15px !important;
        line-height: 22px;
        margin-left: 12px;
    }

    .descricao-produto-detalhes {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    .detalhes-produto {
        padding-bottom: 0px;
        padding-top: 30px;
    }

    .fixo-info {
        padding: 10px;
        z-index: 99;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100% !important;
    }

    .produtos-detaque {
        padding-bottom: 20px;
        padding-top: 25px !important;
    }

    .preco-produto {
        font-size: 20px;
    }

    .detalhes-produto h1 {
        font-size: 28px !important;
        line-height: 31px !important;
    }

    .title-sections {
        font-size: 20px;
    }

    .box-descri h3 {
        font-size: 20px;
    }

    .contato-info {
        display: block;
    }

    .form-news {
        background: #000;
        padding: 30px 0;
    }

    .box-produto {
        margin-bottom: 15px;
    }

    .banner-footer {
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .titulo-produto {
        font-size: 14px;
        line-height: 19px;
    }

    .box-produto h4 {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .preco-produto span {
        font-size: 10px;
        top: -7px;
    }

    .contato-info li {
        margin-right: 0px !important;
        width: 100%;
        margin-bottom: 12px;
        text-align: center;
    }

    .img-card {
        margin-left: 0px;
    }

    h3 {
        font-size: 21px;
    }

    .navbar-header {
        height: auto;
    }

    .cart-icon i {
        font-size: 23px;
        line-height: 36px;
    }

    ul.list-links-login {
        margin-left: 3px;
    }

    .list-links-login li a i {
        font-size: 21px;
    }

    ul .list-links-login {
        margin-left: 0px;
    }

    .loader img {
        width: 60px;
    }

    .lista-produto:nth-child(odd) {
        padding-right: 8px;
    }

    .lista-produto:nth-child(even) {
        /* padding-left: 8px; */
    }

    .pagination {
        width: 100%;
        overflow: auto;
    }

    #carouselHome {
        margin-bottom: 11px;
    }

    .frete-option span {
        margin-left: 20px;
        min-width: auto;
        font-size: 14px !important;
    }

    .itens-lista-pedidos {
        padding-bottom: 12px;
    }

    .valores-pedido {
        flex-direction: column;
        gap: 10px;
    }

    .status-pedido .status {
        display: flex;
        flex-direction: row;
        gap: 10px;
    }

    .itens-lista-pedidos span {
        display: block;
        line-height: 25px;
    }

    .header-pedido .numero-pedido, .header-pedido .data-pedido {
        margin-bottom: 12px;
    }

    .minha-conta .meus-pedidos .btn {
        font-size: 14px;
    }

    .header-pedido {
        padding: 14px;
    }

        .header-pedido .numero-pedido, .header-pedido .data-pedido, .header-pedido .status-pedido {
            width: 100%;
        }

    .frete-option {
        padding: 14px 10px;
    }

    .area-logo-footer {
        text-align: center;
        width: 100%;
    }

    .logo-footer {
        margin-bottom: 15px !important;
        width: 200px;
        margin: 0 auto;
    }

    .footer-links li, footer-links li a {
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .footer-links {
        padding: 20px 0px;
    }

    .nav-principal {
        display: flex;
        justify-content: space-between !important;
    }

    .btn-search {
        padding: 4px 13px;
        width: fit-content !important;
        right: 0px;
        position: absolute;
        border-radius: 0px 4px 4px 0px;
        color: #191919;
        background-color: transparent;
        border-color: transparent;
        font-size: 20px;
    }

    .content-conta {
        display: block;
    }

        .content-conta p {
            width: 100%;
        }

        .content-conta img {
            position: inherit;
            width: 100%;
            margin-top: -17px;
            right: 0px;
        }

    .pedido-sucesso {
        font-size: 22px;
        line-height: 24px;
        text-align: center;
        width: 100%;
        display: grid;
        padding: 22px 26px;
    }

    .nav-top {
        padding: 0px 0px;
    }

    .pedido-sucesso i {
        margin-right: 0px;
        margin: 0 auto;
        margin-bottom: 12px;
        padding: 29px;
    }

    .text-confirmacao a {
        display: grid;
    }

    .carrinho img {
        width: 100%;
    }

    .carrinho h1 {
        font-size: 26px;
        font-weight: 900;
    }

    #PassosCheckoutCarrinho {
        display: table;
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .breadcrumbs ul {
        display: -webkit-inline-box;
        width: 100%;
        padding-left: 0px;
        overflow: scroll;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    #PassosCheckoutCarrinho li {
        padding-right: 0px;
        margin: 0px;
        width: 33.333%;
    }

    .btn-group-checkout {
        margin-bottom: 0px;
        margin-top: 10px !important;
    }

        .btn-group-checkout .btn {
            padding: 15px 19px;
            width: 100%;
        }

    .nome-cliente span {
        display: block;
        line-height: 25px;
    }

    #PassosCheckoutCarrinho li span {
        padding: 3px;
        font-size: 27px;
        height: 52px;
        width: 52px;
        border: 3px solid #000;
    }

    .carrinho {
        padding-bottom: 60px;
    }

    #PassosCheckoutCarrinho li p {
        margin-bottom: 0px;
    }

    .box-item-carrinho {
        margin-bottom: 6px;
        padding: 5px;
    }

    .box-carrinho {
        padding: 0;
    }

        .box-carrinho.box-compra {
            padding: 16px;
            border: solid 5px;
            width: 100%;
        }

    .box-compra h3 {
        font-size: 20px;
    }

    .img-produto-cart img {
        width: 100%;
    }

    .minha-conta .box-conta {
        padding: 18px 0;
        /* min-height: auto; */
    }

    .container-large {
        padding-right: 5%;
        padding-left: 5%;
    }

    .top-banner2 {
        padding-bottom: 25px;
    }

    .edit-item a {
        font-size: 14px;
        margin-right: 7px;
        font-weight: 600;
    }

    .edit-item {
        text-align: right;
        margin-top: 11px;
    }

    .space-itens-menu {
        padding: 8px 23px;
    }

    .navbar-light .navbar-toggler {
        margin-right: 10px;
        font-size: 20px;
        padding-bottom: 0px;
        margin-left: 0px;
    }

    .menu-principal a i {
        top: 5px;
    }

    .top-banner {
        padding: 10px;
        padding-bottom: 0px;
    }

    .top-banner2 {
        padding: 0px;
        padding-bottom: 15px;
    }

        .top-banner2 .col-6 {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

    .menu-center {
        background: #fff;
        padding: 10px;
        top: 87px;
    }

    .line {
        display: none;
    }

    .padding-section {
        padding: 45px 0px;
    }

    .fixo-info h1.titulo-produto {
        border-top: none;
        padding-top: 0px;
    }

    .box-frete {
        width: 100%;
        justify-content: center;
        margin-right: 0px;
        margin-left: 0px;
        display: block;
    }

        .box-frete button {
            margin-top: 7px;
        }

    .box-video {
        margin-bottom: 12px;
    }

        .box-video iframe {
            width: 100%;
            height: 200px;
        }

    .detalhes-produto .btn-comprar {
        font-size: 21px;
        margin-top: 12px;
        text-transform: capitalize;
        padding: 8px 30px;
        width: 100%;
    }

    #CarouselProdutos img {
        padding: 0;
        margin-bottom: 12px;
    }

    .nav-links-produto {
        position: relative;
        width: 100%;
        margin-bottom: 0px;
        margin-top: -38px;
    }

    .tabela-frete {
        padding-bottom: 10px;
    }

    .lista-estilos a {
        display: block;
        margin-right: 13px;
        margin-bottom: 12px !important;
        width: fit-content;
        float: left;
    }

    .filter-box {
        padding: 1px 19px;
    }

    .body-filter {
        border-top: solid 1px #e2e2ec;
        margin-top: 8px;
    }

    .banner-produto h1 {
        font-size: 43px;
    }

    .banner-produto {
        height: 122px;
        margin-bottom: 26px;
    }

    .img-objeto img {
        width: 188px;
        position: absolute;
        bottom: 0px;
        left: 4px;
    }

    .text-banner-2 {
        width: 42%;
        margin-right: 11px;
    }

        .text-banner-2 h3 {
            font-size: 23px;
            line-height: 23px;
        }

    .text-banner-3 h3 {
        font-size: 23px;
        line-height: 26px;
    }

    .banner-3 {
        width: 100%;
        height: 180px;
    }

    .text-banner-3 p {
        font-size: 14px;
    }

    .banner-2 {
        height: 180px;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 12px;
    }

    .navbar-right {
        margin-left: 0px;
    }

    .item-carrinho {
        min-width: 17rem;
    }

    .form-navbar .form-control {
        width: 100%;
        padding: 6px 39px 6px 12px;
    }

    .navbar-header {
        padding: .5rem 0.5rem;
    }

    .box-sidebar {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-right: 0px;
    }

    .link-filter div {
        height: 35px;
        width: 35px;
        min-width: 35px;
    }

    .box-sidebar h4 {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .titulo-filtros {
        margin-top: 11px;
    }

    .form-control {
        font-size: 15px;
        padding: .275rem .55rem;
        height: 37px;
    }

    .confirmacao-endereco p {
        margin-bottom: 11px;
    }

    .confirmacao-endereco span {
        font-size: 15px;
        line-height: 18px;
    }

    .box-login {
        padding: 16px;
    }

        .box-login h2 {
            display: flex;
            justify-content: center;
            padding-bottom: 10px;
            font-size: 20px;
            margin-bottom: 4px;
        }

            .box-login h2 i {
                margin-left: 13px;
                margin-top: 4px;
            }

    .list-links-login {
        padding-left: 0px;
    }

    .box-produto .img:hover .hover-comprar {
        font-size: 13px;
        line-height: 16px;
        padding: 6px;
    }

    .btn-pagamento {
        font-size: 18px;
    }

    .minhas-vendas .box-link input {
        font-size: 13px;
    }

    .minhas-vendas .navbar-light .navbar-nav .nav-link {
        font-size: 15px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .minhas-vendas .box-saldo h4 {
        font-size: 46px;
    }

    .minhas-vendas {
        padding-bottom: 60px;
    }

    .box-tabela .overflow-tabela {
        max-height: 410px;
        overflow: auto;
    }

    .box-tabela {
        font-size: 14px;
    }

    .item-carrinho h6 {
        font-size: 15px;
    }

    .list-links-login li a {
        padding-right: 3px;
    }

    .blog-content p, .blog-content p span {
        font-size: 15px !important;
    }
}

@media(max-width: 500px) {
    #component-professores .owl-carousel .owl-nav {
        position: absolute;
        left: 6%;
        top: -19%;
        width: 14%;
    }

    .carousel-home-banner {
        left: 0px;
    }
}

@media (max-width: 375px) {

    #component-professores .owl-carousel .owl-nav {
        position: absolute;
        left: 7%;
        top: -19%;
        width: 17%;
    }

    .img-objeto img {
        width: 168px;
    }

    .item-carrinho h6 {
        font-size: 14px;
        line-height: 18px;
    }

    .navbar-light .navbar-toggler {
        margin-right: 6px;
    }

    .navbar-header .navbar-nav li a, .navbar-header a {
        font-size: 16px;
    }

    .minhas-vendas .box-link h3 {
        font-size: 22px;
    }

    .navbar-right {
        margin-left: 0px;
        margin-right: 12px;
    }

    .minhas-vendas h2 {
        font-size: 35px;
        line-height: 37px;
    }

    .form-group {
        padding: 0px 10px !important;
    }

    .item-carrinho {
        min-width: 14rem !important;
    }

    .produto-custom {
        padding-top: 45px !important;
    }

    .produto-eficacia {
        padding-bottom: 175px !important;
        padding-top: 175px !important;
    }

    .produto-custom h1 {
        margin-top: 15px !important;
    }

    .produto-custom h2 {
        font-size: 46px !important;
        line-height: 39px !important;
    }

    input[type='radio']:checked:after {
        top: -6px;
        left: -1px;
    }

    .title-sections {
        font-size: 19px;
    }

    .logo-header {
        width: 160px;
    }

    .titulo-produto {
        font-size: 15px;
    }

    .confirmacao-endereco span {
        font-size: 14px;
        line-height: 18px;
    }

    .carrinho h1 {
        font-size: 24px;
        font-weight: 900;
    }

    .text-banner-2 h3 {
        font-size: 21px;
        line-height: 20px;
    }

    .text-banner-3 h3 {
        font-size: 21px;
        line-height: 24px;
    }

    .form-navbar .form-control {
        font-size: 13px;
    }

    .banner-2 {
        height: 163px;
    }

    .text-banner-3 {
        padding-left: 0%;
    }

    .navbar-header {
        padding: .5rem 0.5rem;
    }

    .banner-produto p {
        font-size: 27px;
    }

    .banner-produto h1 {
        font-size: 37px;
    }

    .tabela-frete table td, .title-frete-table th {
        padding-right: 17px;
    }

    .element-banner img.brilhance {
        width: 118px;
    }
}

@media (max-width: 320px) {

    .form-header button {
        right: 7px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        margin-right: 8px;
    }

    .element-banner video {
        max-height: 342px;
        height: 342px;
    }

    .element-banner #carousel-depoimentos-home {
        width: 175px;
        right: 0;
    }

    .element-banner img.brilhance {
        width: 100px;
    }

    .banner--depoimentos .element-banner {
        padding: 8px;
    }

    .element-banner h4 {
        width: 103px;
        text-align: center;
        font-size: 13px;
        line-height: 14px;
        margin-top: 10px;
    }

    .minhas-vendas h2 {
        font-size: 31px;
        line-height: 32px;
    }

    .navbar-right {
        margin-right: 7px;
    }

    .navbar-header .navbar-nav li a, .navbar-header a {
        font-size: 15px;
    }

    .menu-principal a i {
        top: 0px;
    }

    .minhas-vendas .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        padding-right: 9px;
        padding-left: 9px;
    }

    .produto-custom .btn {
        width: 90%;
        padding: 9px !important;
    }

    .eficacia .item .tag {
        width: 110px !important;
        height: 110px !important;
        font-size: 37px !important;
    }

        .eficacia .item .tag span {
            top: 14px !important;
        }

    .depoimentos .item {
        display: block !important;
    }

        .depoimentos .item h4 {
            margin-bottom: 11px !important;
        }

    .testado {
        font-size: 17px;
    }

    .eficacia .item h4 {
        font-size: 14px !important;
        width: 112px !important;
    }

    .produto-custom .img-produto .embalagem {
        left: -8px !important;
    }

    .produto-custom .img-produto .esmalte {
        width: 90% !important;
        left: 12px !important;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
    }

    .btn-group-checkout .btn {
        padding: 15px 19px;
        width: 100%;
        font-size: 15px;
    }

    .tabela-frete table td, .title-frete-table th {
        padding-right: 6px;
    }

    .form-navbar .form-control {
        font-size: 12px;
        padding: 9px 36px 9px 12px;
    }

    .btn-search i {
        font-size: 14px;
        padding: 1px;
    }

    .logo-header {
        width: 140px;
    }

    .box-login h2 {
        font-size: 21px;
    }

    .navbar-header {
        padding: .5rem 0.2rem;
    }

    .position-control {
        top: 80%;
        left: 80%;
        width: 49px;
    }

    p {
        font-size: 14px;
    }

    .confirmacao-endereco span {
        font-size: 14px;
        line-height: 17px;
        display: initial;
        width: 100%;
    }

    .navbar-header .navbar-nav li a {
        line-height: 32px;
        align-items: center;
    }

    #PassosCheckoutCarrinho li p {
        font-size: 9px;
        line-height: 13px;
    }

    .breadcrumbs ul i {
        font-size: 10px;
    }

    .box-produto {
        padding: 0px 6px;
        margin-bottom: 21px;
    }

    .breadcrumbs ul li {
        font-size: 13px;
        margin-right: 9px;
    }

    .box-descri {
        padding: 16px;
    }

    .btn-comprar {
        padding: .55rem 1.25rem;
        font-weight: 500;
        font-size: 14px;
    }

    .banner-produto p {
        font-size: 23px;
    }

    .banner-produto h1 {
        font-size: 34px;
    }

    .selos-footer-shared img {
        height: 24px;
    }
}

.toast-span-info {
    display: block;
}

.toast-span-info {
    display: block;
    font-weight: 500;
}

.btn-limpar-filtros {
    padding: 10px;
    background: #000;
    color: #fff;
    font-size: 13px;
    margin: 10px 4px;
    font-weight: 800;
    display: table;
}

.btn-nf {
    padding: 10px;
    background: #ff6eb3;
    color: #000;
    font-size: 13px;
    font-weight: 800;
    border-radius: 5px;
    margin: 10px 0 0 0;
    display: table;
}

.pedido-item {
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-top: solid 2px;
    color: #131313;
}

.visualizar-boleto a {
    color: #fff;
    padding: 20px 40px;
    font-size: 30px;
    margin: 40px auto 0 auto;
    display: table;
    box-shadow: 0 10px 10px #0006;
}

#option-boleto {
    display: none;
}

.options-pagamento {
    text-align: center;
}

    .options-pagamento img {
        width: 100px;
    }


.options-pagamento-spancontainer {
    width: 100px;
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
}

.options-pagamento-spantext {
    display: block;
    font-weight: 600;
    font-size: 14px;
}

.checkout .card {
    margin-bottom: 30px;
}

.radiofrete {
    display: block;
    position: relative;
    margin: 2px 12px 0 0;
}

label.error {
    font-size: 13px;
    color: #f44336;
    display: block;
}

.trocaremail {
    font-size: 12px;
    padding-left: 10px;
}

.paginationcenter {
    display: table;
    margin: 0 auto;
    padding: 0 0 50px 0;
}

.blog-title {
    font-weight: bold !important;
    margin: 30px 0 30px 0;
}

.payment-option {
    display: none;
    margin: 20px 0 0 0;
}


.payment-select {
    text-align: center;
}

    .payment-select a {
        display: flex;
        padding: 28px 0px 8px 0px;
        border-radius: 10px;
        height: 102px;
        background: #F9AB4E;
        color: white;
        flex-direction: column;
        justify-content: space-between;
    }

        .payment-select a:hover {
            opacity: 0.6;
            transition: 0.3s ease-in-out;
        }

        .payment-select a img {
            max-width: 100% !important;
            width: 33px;
            height: 33px;
            display: block;
            margin: 0 auto;
        }

        .payment-select a span {
            font-size: 12px;
            align-self: center;
            color: var(--Secondary, #0A0A0A);
            font-family: "Space Grotesk";
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

.quantidade-produto,
.confirmacao-endereco p,
.confirmacao-endereco span {
    color: var(--Secondary, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
}

.aguardando-dados {
    color: var(--Secondary, #0A0A0A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
}

.icon-boleto svg,
.icon-cartao svg {
    margin: 0 auto;
}

.boleto-list-infos {
    padding: 0;
    margin: 0;
    font-size: 15px;
}


.desc-infos-boleto {
    font-size: 12px;
    margin: 20px 0 0 0;
    text-align: justify;
}


.selecione-metodo-pagamento {
    color: var(--Secondary, #0A0A0A);
    font-family: "Space Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px; /* 175% */
    text-align: left;
}

.btn-visualizarboleto-order {
    color: #fff;
    display: block;
}

    .btn-visualizarboleto-order:hover {
        color: #fff;
    }

.wishlist-form {
    margin: 20px 0 0 0;
}


footer {
    display: flex;
    justify-content: space-between;
    padding: 30px 140px;
    color: white;
    flex-wrap: wrap;
}

    footer > div {
        display: flex;
        align-items: center;
    }


    footer span {
        font-size: 14px;
    }

        footer span.tel {
            min-width: 109px;
        }

.conteudo-programatico .box-descri {
    border-bottom: none;
    margin-bottom: 0;
}

#respostas-rapidas {
    padding-top: 40px;
}

    #respostas-rapidas .container {
        padding: 0;
    }

    #respostas-rapidas h2 {
        /* Heading/Heading 4 */
        /* 127.778% */
        margin-bottom: 24px;
        color: var(--Primary, #F7941D);
        /* Heading/Heading 4 */
        font-family: "Space Grotesk";
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px; /* 116.667% */
    }

    #respostas-rapidas ul li,
    #respostas-rapidas .text {
        /* Body/Body */
        /* 150% */

        color: var(--Dark, #0A0A0A);
        /* Body/Body */

        font-family: "Space Grotesk";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

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

    #respostas-rapidas img {
        width: fit-content;
        margin-bottom: 40px;
    }

        #respostas-rapidas img.equipe {
            margin: 36px 0;
        }

    #respostas-rapidas .text.text-secondary {
        color: var(--Secondary---50, #8A8A8A) !important;
    }

    #respostas-rapidas ul {
        padding: 0;
        width: 100%;
    }

        #respostas-rapidas ul li {
            list-style: none !important;
            margin-bottom: 18px;
        }

            #respostas-rapidas ul li svg {
                margin-right: 8px;
                fill: #F7941D;
            }

    #respostas-rapidas .text b {
        font-weight: 700 !important;
    }



#certificado .persona {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


    #certificado .persona .role {
        max-width: 28%;
        width: 100%;
    }

#certificado input {
    border: 1px solid #707070;
    border-radius: 23px;
    max-width: 425px;
    width: 100%;
}

#certificado {
    padding-top: 72px;
}

    #certificado .persona img {
        max-width: 101px;
        width: 100%;
        margin-right: 90px;
    }

    #certificado .wraper {
        display: flex;
        flex-direction: column;
        max-height: 600px;
        overflow: auto;
        margin-bottom: 72px;
    }

    #certificado .persona {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        #certificado .persona h2 {
            max-width: 100%;
            width: 100%;
            margin: 0;
        }

        #certificado .persona .role {
            /* max-width: 300px; */
            /* width: 100%; */
        }

        #certificado .persona .contato, #certificado .persona a {
            max-width: 15%;
            text-decoration: none;
            width: 100%;
            text-align: center;
        }

        #certificado .persona * {
            font: normal normal bold 26px/22px Poppins;
            line-height: 31px;
            letter-spacing: 0px;
            color: #434343;
        }

    #certificado h1 {
        font: normal normal 800 68px/80px Poppins;
        /* font-size: calc(30px + (68 - 30) * ((100vw - 990px) / (1600 - 990))); */
        letter-spacing: -0.14px;
        color: #434343;
        margin-bottom: 0;
        font-size: calc(31px + (68 - 31) * ((100vw - 300px) / (1600 - 1000)));
        line-height: calc(41px + (80 - 41) * ((100vw - 300px) / (1600 - 1000)));
    }

    #certificado .wraper-title .sub {
        font: normal normal normal 18px/22px Poppins;
        letter-spacing: 0px;
        color: #434343;
        display: block;
        margin: 25px 0px 45px;
    }

    #certificado .wraper-title {
        text-align: center;
        margin-bottom: 72px;
    }

    #certificado input {
        border: 1px solid #707070;
        border-radius: 23px;
        max-width: 425px;
        width: 100%;
        padding-left: 30px;
        padding: 5px 20px 5px 30px;
    }

    #certificado .wraper > div:not(:last-of-type) {
        margin-bottom: 72px;
    }

#certificado {
    padding-top: 72px;
}

    #certificado .name {
        width: 50%;
        display: flex;
        align-items: center;
    }


@media(max-width:500px) {
    footer {
        color: white;
        flex-wrap: wrap;
        padding: 30px;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        min-height: auto;
    }

        footer > div:nth-child(2) {
            margin-bottom: 20px;
        }

        footer > img {
            margin-bottom: 20px;
        }
}

@media(max-width:1200px) {
    #certificado .name {
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    #certificado .persona .role {
        margin-top: 9px;
        font-size: 20px;
        font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1600 - 300)));
        max-width: 100%;
    }

    #certificado .persona img {
        margin-right: 60px;
    }
}



@media(max-width:998px) {
    #respostas-rapidas .col-lg-3 {
        margin-top: 40px;
    }

    #respostas-rapidas img.selo {
        display: none;
    }

    #certificado .persona .contato, #certificado .persona a#certificado .persona .contato, #certificado .persona a {
        font-size: 19px;
    }

    #certificado .persona * {
        font: normal normal bold 26px/22px Poppins;
        font-size: calc(19px + (26 - 18) * ((100vw - 300px) / (1600 - 300)));
    }

    .contato {
        display: none;
    }

    .item-revisao {
        flex-direction: column-reverse;
    }

        .item-revisao .ml-2 {
            margin-left: 0 !important;
        }
}

@media(max-width:500px) {
    #certificado .persona img {
        max-width: 70px;
        margin-right: 0px;
    }
}


#ModalCertificado .modal-dialog {
    max-width: 1366px;
    width: 90%;
    margin: 1.75rem auto;
}

#ModalCertificado .wraper-name img {
    max-width: 292px;
    margin-right: 50px;
}

#ModalCertificado .wraper-name {
    display: flex;
    align-items: center;
    margin-bottom: 64px;
}

#ModalCertificado h2 {
    font: normal normal 800 68px/80px Poppins;
    letter-spacing: -0.14px;
    color: #434343;
    font-size: calc(35px + (68 - 35) * ((100vw - 900px) / (1600 - 300)));
    line-height: calc(55px + (90 - 55) * ((100vw - 900px) / (1600 - 300)));
}

#ModalCertificado .modal-body {
    padding: 70px;
}

#ModalCertificado .wraper-text p {
    font: normal normal normal 18px/22px Poppins;
    letter-spacing: 0px;
    color: #434343;
}

#ModalCertificado .wraper-buttons {
    display: flex;
    margin-top: 64px;
}

    #ModalCertificado .wraper-buttons .btn-contato {
        background: #54CC14 0% 0% no-repeat padding-box;
        border-radius: 8px;
        font: normal normal bold 26px/22px Poppins;
        letter-spacing: 0px;
        color: #FFFFFF;
        padding: 12px 18px;
    }

#ModalCertificado .socials a {
    font-size: 31px;
    width: 48px;
    aspect-ratio: 1;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    /* margin-right: 46px; */
}

#ModalCertificado .socials {
    display: flex;
    margin-left: 46px;
    max-width: 250px;
    width: 100%;
    justify-content: space-between;
}

#ModalCertificado .close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 999999;
}

@media(max-width:998px) {
    #ModalCertificado .wraper-name {
        flex-direction: column;
        text-align: center;
        margin-bottom: 35px;
    }

        #ModalCertificado .wraper-name img {
            max-width: 292px;
            margin-right: 0px;
            margin-bottom: 20px;
        }

    #ModalCertificado .wraper-buttons {
        flex-direction: column-reverse;
        margin-top: 64px;
        align-items: center;
    }

    #ModalCertificado .socials {
        margin: 0 0 30px 0;
        max-width: 240px;
        width: 100%;
        justify-content: space-between;
    }
}

@media(max-width:400px) {
    #ModalCertificado .modal-body {
        padding: 30px;
    }
}

.search {
    display: flex;
    align-items: center;
    position: relative;
    margin: auto;
    max-width: 400px;
    width: 100%;
}

    .search i {
        position: absolute;
        left: 9px;
    }

    .search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #aba8a8;
        opacity: 1; /* Firefox */
    }

    .search :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #aba8a8;
    }

    .search ::-ms-input-placeholder { /* Microsoft Edge */
        color: #aba8a8;
    }

.owl-nav span {
    display: none !important;
}

.modal-conta-bancaria .modal-body {
    border-color: #d6d6d6 !important;
}

not(.modal-conta-bancaria),
.modal-content .modal-header span {
    color: #fff;
}

.modal-content .modal-header h5 {
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 127.273% */
}

.modal-content .modal-header,
.modal-content .modal-footer,
.modal-content .modal-content {
    border-radius: 0;
}

.modal-content .modal-header {
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

.modal-content .modal-footer {
    border-radius: 0 0 10px 10px;
}

.modal-content.modal-conta-bancaria {
    border: none !important;
    background: var(--White) !important;
    border-radius: 10px;
}

.modal-content p {
    text-align: justify;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
}

.modal-content.modal-conta-bancaria .form-control {
    width: 100%;
}

.modal-content.modal-conta-bancaria button[type=submit] {
    background-color: var(--primary);
    border-color: var(--primary);
}

.content-politica-afiliado {
    padding: 20px;
    text-align: justify;
    max-height: 600px;
    max-height: 80vh;
    overflow: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.modal-content .modal-footer button.disabled {
    border: 1px solid lightgray !important;
    color: lightgray !important;
    cursor: not-allowed;
}

not(.modal-conta-bancaria),
.modal-content .modal-footer .btn,
.modal-content .modal-footer button {
    border: 1px solid #8C5EE2;
    color: #8C5EE2;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    background-color: #232323;
    padding: 6px 12px;
    text-shadow: none;
    opacity: unset;
}

    .modal-content .modal-footer .btn:not(.disabled):hover,
    .modal-footer button:not(.disabled):hover {
        /* color: #8C5EE2 !important; */
    }

.dados-bancarios {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
}