label.error {
    color: #ff0000 !important;
}


.certificado-validado {
    width: 686px;
    height: 510px;
    background-image: url('../certificados/certificado.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.certificado-validado-com-data {
    width: 686px;
    height: 650px;
    background-image: url('../certificados/certificado-inicio-fim.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.nome-certificado-validado{
    position: absolute;
    top: 160px;
    left: 130px;
    font-size: 25px;
    color: #000;
    height: 35px;
    width: 450px;
    /* border: 1px solid;*/
    text-align: center;
}

.curso-certificado-validado{
    position: absolute;
    top: 201px;
    left: 200px;
    font-size: 14px;
    color: #000;
    height: 20px;
    width: 350px;
    /* border: 1px solid; */
    text-align: left;
}

.carga-certificado-validado{
    position: absolute;
    top: 262px;
    left: 200px;
    font-size: 11px;
    color: #000;
    height: 15px;
    width: 310px;
    text-align: left;
}

.data-certificado-validado{
    position: absolute;
    top: 276px;
    left: 246px;
    font-size: 11px;
    color: #000;
    height: 20px;
    width: 320px;
    text-align: left;
}



.data-inicio-certificado-validado {
    position: absolute;
    top: 274px;
    left: 203px;
    font-size: 10px;
    color: #000;
    height: 20px;
    width: 320px;
    text-align: left;

}
.data-conclusao-certificado-validado {
    position: absolute;
    top: 286px;
    left: 186px;
    font-size: 10px;
    color: #000;
    height: 20px;
    width: 320px;
    text-align: left;
}


.id-certificado-validado{
    position: absolute;
    top: 432px;
    left: 340px;
    font-size: 11px;
    color: #000;
    height: 20px;
    width: 250px;
    /* border: 1px solid; */
    text-align: left;
}

.certificado-scroll-wrapper {
    overflow-x: auto;
    width: 100%;
    max-width: 100%;
}

/* opcional: se quiser esconder barra no eixo Y */
.certificado-scroll-wrapper {
    overflow-y: hidden;
}

.certificado-scroll-wrapper .qrcode {
    position: absolute;
    width: 294px;
    height: 25px;
    font-size: 16px;
    text-align: left;
    left: 90px;
    top: 312px;
}
.certificado-scroll-wrapper .qrcode img{
    width: 75px;
    height: 75px;
}

.certificado-scroll-wrapper .segunda-pagina{
    position: relative;
    width: 686px;
    height: 980px;

    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
}
.certificado-scroll-wrapper .coluna-direita{
    font-size: 12px;
    color: #666;
}
.certificado-scroll-wrapper .rodape-tabela{
    font-size: 22px;
    color: #999;
}
.certificado-scroll-wrapper .tabela-titulo{
    padding-left: 30px;
}
.certificado-scroll-wrapper .clearfix{
    clear:both;
}
.certificado-scroll-wrapper .texto-centro{
    text-align:center;
}

.certificado-scroll-wrapper .lista-conteudo{
    font-size:11px;
    display: block;
}
.certificado-scroll-wrapper ul li {
    list-style: circle !important;
}
.certificado-scroll-wrapper .float-left{
    float:left;
}
.certificado-scroll-wrapper .float-right{
    float:right;
}
.certificado-scroll-wrapper .clear{
    clear: both;
}




.pointer{
    cursor: pointer;
}

.box-aula .n-box-licao {

    min-width: 30px;

}


/* Adicione esta regra CSS para criar espaço */
.estudar .offcanvas {
    width: 80% !important; /* Ajuste este valor conforme necessário */
}
.estudar .offcanvas-header .btn-close {
    right: -36px !important;
    top: 100px  !important;
    position: absolute !important;
    background-color: white;

}


.nav-tabs .metodos-link {

    color: #002752 !important;
}
.form-check-label-custom{
    padding: 0px !important;
}



input[type=text],
input[type=tel],
input[type=email],
input[type=file],
input[type=password],
input[type=date],
textarea,
.textarea,
.select-form,
select {
    font-size: 14px  !important;
    color: #161616;
    background-color: #f4f4f4;
}

/* Configura o menu para ocupar toda a altura da tela */
.r4-menu.menu-on {
    height: 100vh; /* Ocupa 100% da altura da tela */
    overflow-y: auto;
}

/* Configura a barra de rolagem inicialmente invisível */
.r4-menu.menu-on::-webkit-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
    background: transparent;
}

/* Esconde a barra de rolagem quando não estiver com o mouse */
.r4-menu.menu-on::-webkit-scrollbar-thumb {
    background-color: transparent;
    transition: background-color 0.3s, opacity 0.3s;
}

/* Exibe a barra de rolagem ao passar o mouse */
.r4-menu.menu-on:hover::-webkit-scrollbar-thumb {
    background-color: #066dc1; /* Cor do "polegar" */
    opacity: 1; /* Visível quando o mouse está sobre o menu */
}

/* Estiliza o "trilho" da barra de rolagem */
.r4-menu.menu-on::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Remove as setas da barra de rolagem */
.r4-menu.menu-on::-webkit-scrollbar-button {
    display: none;
}

/* Compatibilidade para navegadores modernos */
.r4-menu.menu-on {
    scrollbar-color: #066dc1 #f1f1f1;
    scrollbar-width: thin;
}



/* Estilo para o placeholder em cinza claro */
#pesquisa-form input::placeholder {
    color: #d3d3d3; /* Cinza claro */
    opacity: 1;     /* Garante que o cinza claro fique visível */
}

/* Para navegadores mais antigos */
#pesquisa-form input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #d3d3d3;
}

#pesquisa-form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #d3d3d3;
}

/* Estilo para o texto digitado */
#pesquisa-form input {
    color: white; /* Texto digitado em branco */
}


.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 100051 !important; /* Para garantir que sobreponha outros elementos */
    border-radius: 8px;
}

.card-opacity{
    min-height: 130px !important;
}

.disabled-link {
    pointer-events: none;
    color: gray;
    text-decoration: none;
}
#rating-stars .star {
    font-size: 42px;
    cursor: pointer;
    color: lightgray;
}

#rating-stars .star.selected {
    color: gold;
}

#rating-stars .star:hover ~ .star,
#rating-stars .star:hover {
    color: gold;
}


.hidden-section {
    display: none;
}




/* Estilos gerais para o modal */
.modal-escolhe-certificado {
    width: 90%; /* Ocupa 90% da largura da tela */
    max-width: 600px; /* Máximo de 600px de largura */
    padding: 20px; /* Espaçamento interno */
    box-sizing: border-box; /* Inclui o padding no cálculo da largura */
}

/* Ajustes para telas muito pequenas */
@media (max-width: 480px) {
    .modal-escolhe-certificado {
        width: 100%; /* Ocupa quase toda a largura */
        max-width: 450px; /* Limite menor para dispositivos pequenos */
    }
}

/* Ajustes para telas médias */
@media (min-width: 768px) {
    .modal-escolhe-certificado {
        width: 80%; /* Reduz a largura para telas médias */
        max-width: 800px; /* Permite maior largura */
    }
}



/*
botoes de escolher
*/

.modal-header {
    background-color: #f8f9fa;
}

.course-option {
    border-right: 1px solid #e0e0e0;

}

.course-option:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.price {
    font-size: 18px;
    font-weight: bold;
    color: white;
}

.btn-purchase {
    background-color: #089443;
    color: white;
}

.btn-purchase:hover {
    background-color: #056d31;
    color: white;
}
.mais-escolhido {
    margin-top: 5px;
    line-height: 14px;
    font-size: 12px;
}
.btn-purchase2 {
    background-color: #426990;
    color: white;
}

.btn-3:hover, .btn-2:hover, .btn-4:hover, .btn-1:hover{
    text-decoration: none !important;
    color: unset !important;
}

.curso-texto li{
    margin-left: 15px !important;
}


.search-container-principal {
    position: relative;
    width: 44px;
    height: 38px;
}
.search-box_OLD {
    display: none; /* Escondido por padrão */
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%; /* Ajusta para ocupar a largura da tela */
    background: white;
    z-index: 1000;
    height: 55px;
    padding: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    align-items: center; /* Alinha verticalmente os elementos */
    justify-content: space-between; /* Espaço entre os elementos */
}
.search-box {
    display: none;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    background: white;
    z-index: 998;
    height: 62px;
    padding: 10px;
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2);
    align-items: center;
    justify-content: space-between;
}
.search-box.active {
    display: flex; /* Exibe como Flexbox ao ativar */
}

.search-box form {
    display: flex; /* Flexbox para alinhar os elementos do formulário */
    align-items: center; /* Alinha verticalmente os elementos */
    width: 100%; /* O formulário ocupa toda a largura */
}

.search-field {
    flex: 1; /* Faz o campo de busca ocupar o espaço restante */
    padding: 5px;
    margin-left: 10px; /* Espaço entre o botão de fechar e o campo */
    background-color: #ffffff !important;
    border: none !important;
}

.close-btn-search {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    color: #333;
    margin-right: 10px; /* Espaço entre o botão de fechar e o campo */
}

.search-box button[type="submit"] {
    display: none; /* Botão de submit permanece oculto */
}



/*
custom menu offcanvas
*/


a.btn-menu:link, a.btn-menu:visited
{
    color: white;
    border-color: #4880d4;
    line-height: 15px;
    font-weight: bold;
    padding: 15px 20px 15px 20px;

}
a.btn-menu:hover
{
    border-color: #4880d4;
    background: #4880d4;
}
a.link-menu , a.link-menu:visited
{
    color:white;
    font-weight: 500;
    font-size:14px;
    padding: 15px 20px 15px 20px;
}
a.link-menu:hover
{
    border-color: #4880d4;
    background: #4880d4;
}


a.link-menu-white:hover
{
    border-color: #4880d4 !important;
    background: #4880d4 !important;
    color: #ffffff !important;
}


a.btn-menu-logado:link, a.btn-menu-logado:visited
{
    font-size: 13px;
    color: white;
    border-color: #4880d4;
    line-height: 16px;
    font-weight: bold;
    padding: 7px 10px 6px 10px;
    width: 90px;

}
a.btn-menu-logado:hover
{
    border-color: #4880d4;
    background: #4880d4;
}


a.link-menu-mob , a.link-menu-mob:visited
{
    color:white;
    font-weight: bold;
    font-size:32px;

}
a.link-menu-mob:hover
{
    font-weight: bold;
}

.menu-Categorias
{
    background: linear-gradient(0deg, rgba(1, 92, 166, .8) 0%, rgba(1, 92, 166, .95) 35%);
    -webkit-transition-duration: 340ms;
    transition-duration: 340ms;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.r4-close-ico {
    display: block;
}
.r4-navbar-toggler {
    display: block;
}
.r4nav2 ul li {
    display: block;
    position: relative;
    clear: both;
    z-index: 10;
    padding:0px 15px 0px 15px;
}
.r4nav2 ul li a {
    padding: 0 15px;
    height: 45px;
    line-height: 15px;
}
.r4nav2 ul li .dropdown {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
}
.r4nav2 ul li a:link, .r4nav2 ul li a:visited
{
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 0px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
.r4nav2 ul li a:hover
{
    color: #edffb8;
}

/* MENU LOGADO */


.nav-menu-logado ul
{
    padding: 0px 20px 10px 20px;
}
.nav-menu-logado ul li
{
    padding: 10px 0px 5px 0px;
}

.nav-menu-logado ul li a:link, .nav-menu-logado ul li a:visited
{
    font-size: 13px;
    font-weight: 500;
    color: #2d2f31;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    display: block;
}
.nav-menu-logado ul li a:hover
{
    color: #4477cd;
}
.titulo-menu
{
    padding: 5px 5px 0px 15px;
    font-size: 9px;
    font-weight: bold;
    color: #222529;
}

/* MENU LOGADO */


.offcanvas-body-menu::-webkit-scrollbar {
    width: 8px; /* Largura do scrollbar vertical */
    height: 8px; /* Altura do scrollbar horizontal */
}

/* Fundo do scrollbar */
.offcanvas-body-menu::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor de fundo do track */
    border-radius: 10px; /* Borda arredondada */
}

/* Estilo da barra de rolagem */
.offcanvas-body-menu::-webkit-scrollbar-thumb {
    background: #c4c4c4; /* Cor da barra de rolagem */
    border-radius: 10px; /* Borda arredondada */
    border: 2px solid #f1f1f1; /* Espaço entre a barra e o track */
}

/* Hover na barra de rolagem */
.offcanvas-body-menu::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; /* Cor da barra ao passar o mouse */
}

/* Firefox (Usando scrollbar-color e scrollbar-width) */
.offcanvas-body-menu {
    scrollbar-width: thin; /* Barra de rolagem fina */
    scrollbar-color: #3f6fbf #345896; /* Cor do thumb e do track */
}

.rounded-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
}

.menu-Categorias .btn-close {
    filter: brightness(0) invert(1); /* Torna o botão branco */
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); /* Adiciona um brilho ao redor */
    opacity: 1; /* Garante visibilidade total */
    transform: scale(1.2); /* Aumenta o tamanho do botão */
    transition: all 0.3s ease; /* Adiciona animação ao hover */
}

.menu-Categorias .btn-close:hover {
    filter: brightness(1.5); /* Aumenta ainda mais o brilho ao passar o mouse */
    box-shadow: 0 0 10px rgba(255, 255, 255, 1); /* Aumenta o destaque no hover */
    transform: scale(1.3); /* Amplia o botão no hover */
    opacity: 1;
}



#player-container {
    max-width: 100%;
    margin: 0 auto;
}

.swal2-container{
    padding: 0px !important;
}


/* Fix: normalizar z-index dos offcanvas para alinhar com backdrop do BS5 */
.offcanvas {
    z-index: 1055 !important;
}
.offcanvas-backdrop {
    z-index: 1050 !important;
}

/* Fix: dropdown dentro do offcanvas de categorias - abre inline no fluxo do scroll */
.menu-Categorias .dropdown-menu {
    position: static !important;
    transform: none !important;
    border: none;
    background: transparent;
    padding-left: 15px;
}
.menu-Categorias .dropdown-menu .dropdown-item {
    color: #fff;
    font-size: 13px;
    padding: 5px 10px;
}
.menu-Categorias .dropdown-menu .dropdown-item:hover {
    color: #edffb8;
    background: transparent;
}

/* CSS DO STYEL-MKT.CSS e  MARKETPLACE.CSS*/


/* Font size */
.fs-0 {
    font-size: 0;
}

.fs-9 {
    font-size: 9px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18 {
    font-size: 18px;
}

.fs-19 {
    font-size: 19px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 1.75rem;
}

.fs-30 {
    font-size: 1.875rem;
}



/* Padding & margin */
.p-5px {
    padding: 5px;
}

.p-10px {
    padding: 10px;
}

.p-15px {
    padding: 15px;
}

.p-20px {
    padding: 20px;
}

.p-25px {
    padding: 25px;
}

.p-30px {
    padding: 30px;
}

.p-35px {
    padding: 35px;
}

.p-40px {
    padding: 40px;
}

.p-45px {
    padding: 45px;
}

.p-50px {
    padding: 50px;
}

.p-55px {
    padding: 55px;
}

.p-60px {
    padding: 60px;
}

.p-65px {
    padding: 65px;
}

.p-70px {
    padding: 70px;
}

.pt-5px {
    padding-top: 5px;
}

.pt-10px {
    padding-top: 10px;
}

.pt-15px {
    padding-top: 15px;
}

.pt-20px {
    padding-top: 20px;
}

.pt-25px {
    padding-top: 25px;
}

.pt-30px {
    padding-top: 30px;
}

.pt-35px {
    padding-top: 35px;
}

.pt-40px {
    padding-top: 40px;
}

.pt-45px {
    padding-top: 45px;
}

.pt-50px {
    padding-top: 50px;
}

.pt-55px {
    padding-top: 55px;
}

.pt-60px {
    padding-top: 60px;
}

.pt-65px {
    padding-top: 65px;
}

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

.pt-80px {
    padding-top: 80px;
}

.pt-100px {
    padding-top: 100px;
}

.pt-120px {
    padding-top: 120px;
}

.pt-130px {
    padding-top: 130px;
}

.pe-5px {
    padding-right: 5px;
}

.pe-10px {
    padding-right: 10px;
}

.pe-15px {
    padding-right: 15px;
}

.pe-20px {
    padding-right: 20px;
}

.pe-25px {
    padding-right: 25px;
}

.pe-30px {
    padding-right: 30px;
}

.pe-35px {
    padding-right: 35px;
}

.pe-40px {
    padding-right: 40px;
}

.pe-45px {
    padding-right: 45px;
}

.pe-50px {
    padding-right: 50px;
}

.pe-55px {
    padding-right: 55px;
}

.pe-60px {
    padding-right: 60px;
}

.pe-65px {
    padding-right: 65px;
}

.pe-70px {
    padding-right: 70px;
}

.pe-75px {
    padding-right: 75px;
}

.pe-80px {
    padding-right: 80px;
}

.pb-5px {
    padding-bottom: 5px;
}

.pb-10px {
    padding-bottom: 10px;
}

.pb-15px {
    padding-bottom: 15px;
}

.pb-20px {
    padding-bottom: 20px;
}

.pb-25px {
    padding-bottom: 25px;
}

.pb-30px {
    padding-bottom: 30px;
}

.pb-35px {
    padding-bottom: 35px;
}

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

.pb-45px {
    padding-bottom: 45px;
}

.pb-50px {
    padding-bottom: 50px;
}

.pb-55px {
    padding-bottom: 55px;
}

.pb-60px {
    padding-bottom: 60px;
}

.pb-65px {
    padding-bottom: 65px;
}

.pb-70px {
    padding-bottom: 70px;
}

.pb-80px {
    padding-bottom: 80px;
}

.pb-100px {
    padding-bottom: 100px;
}

.pb-120px {
    padding-bottom: 120px;
}

.pb-130px {
    padding-bottom: 130px;
}

.ps-5px {
    padding-left: 5px;
}

.ps-10px {
    padding-left: 10px;
}

.ps-15px {
    padding-left: 15px;
}

.ps-20px {
    padding-left: 20px;
}

.ps-25px {
    padding-left: 25px;
}

.ps-30px {
    padding-left: 30px;
}

.ps-35px {
    padding-left: 35px;
}

.ps-40px {
    padding-left: 40px;
}

.ps-45px {
    padding-left: 45px;
}

.ps-50px {
    padding-left: 50px;
}

.ps-55px {
    padding-left: 55px;
}

.ps-60px {
    padding-left: 60px;
}

.ps-65px {
    padding-left: 65px;
}

.ps-70px {
    padding-left: 70px;
}

.m-5px {
    margin: 5px;
}

.m-10px {
    margin: 10px;
}

.m-15px {
    margin: 15px;
}

.m-20px {
    margin: 20px;
}

.m-25px {
    margin: 25px;
}

.m-30px {
    margin: 30px;
}

.m-35px {
    margin: 35px;
}

.m-40px {
    margin: 40px;
}

.m-45px {
    margin: 45px;
}

.m-50px {
    margin: 50px;
}

.m-55px {
    margin: 55px;
}

.m-60px {
    margin: 60px;
}

.m-65px {
    margin: 65px;
}

.m-70px {
    margin: 70px;
}

.mt-5px {
    margin-top: 5px;
}

.mt-10px {
    margin-top: 10px;
}

.mt-15px {
    margin-top: 15px;
}

.mt-20px {
    margin-top: 20px;
}

.mt-25px {
    margin-top: 25px;
}

.mt-30px {
    margin-top: 30px;
}

.mt-35px {
    margin-top: 35px;
}

.mt-40px {
    margin-top: 40px;
}

.mt-45px {
    margin-top: 45px;
}

.mt-50px {
    margin-top: 50px;
}

.mt-55px {
    margin-top: 55px;
}

.mt-60px {
    margin-top: 60px;
}

.mt-65px {
    margin-top: 65px;
}

.mt-70px {
    margin-top: 70px;
}

.mt-80px {
    margin-top: 80px;
}

.mt-100px {
    margin-top: 100px;
}

.mt-120px {
    margin-top: 120px;
}

.mt-130px {
    margin-top: 130px;
}

.me-5px {
    margin-right: 5px;
}

.me-10px {
    margin-right: 10px;
}

.me-15px {
    margin-right: 15px;
}

.me-20px {
    margin-right: 20px;
}

.me-25px {
    margin-right: 25px;
}

.me-30px {
    margin-right: 30px;
}

.me-35px {
    margin-right: 35px;
}

.me-40px {
    margin-right: 40px;
}

.me-45px {
    margin-right: 45px;
}

.me-50px {
    margin-right: 50px;
}

.me-55px {
    margin-right: 55px;
}

.me-60px {
    margin-right: 60px;
}

.me-65px {
    margin-right: 65px;
}

.me-70px {
    margin-right: 70px;
}

.mb-5px {
    margin-bottom: 5px;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-12px {
    margin-bottom: 12px;
}

.mb-15px {
    margin-bottom: 15px;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-25px {
    margin-bottom: 25px;
}

.mb-30px {
    margin-bottom: 30px;
}

.mb-35px {
    margin-bottom: 35px;
}

.mb-40px {
    margin-bottom: 40px;
}

.mb-45px {
    margin-bottom: 45px;
}

.mb-50px {
    margin-bottom: 50px;
}

.mb-55px {
    margin-bottom: 55px;
}

.mb-60px {
    margin-bottom: 60px;
}

.mb-65px {
    margin-bottom: 65px;
}

.mb-70px {
    margin-bottom: 70px;
}

.mb-80px {
    margin-bottom: 80px;
}

.mb-100px {
    margin-bottom: 100px;
}

.mb-120px {
    margin-bottom: 120px;
}

.mb-130px {
    margin-bottom: 130px;
}

.ms-5px {
    margin-left: 5px;
}

.ms-10px {
    margin-left: 10px;
}

.ms-15px {
    margin-left: 15px;
}

.ms-20px {
    margin-left: 20px;
}

.ms-25px {
    margin-left: 25px;
}

.ms-30px {
    margin-left: 30px;
}

.ms-35px {
    margin-left: 35px;
}

.ms-40px {
    margin-left: 40px;
}

.ms-45px {
    margin-left: 45px;
}

.ms-50px {
    margin-left: 50px;
}

.ms-55px {
    margin-left: 55px;
}

.ms-60px {
    margin-left: 60px;
}

.ms-65px {
    margin-left: 65px;
}

.ms-70px {
    margin-left: 70px;
}

/* Border radius */
.border-radius-0px {
    border-radius: 0;
}

.border-radius-1px {
    border-radius: 1px;
}

.border-radius-2px {
    border-radius: 2px;
}

.border-radius-3px {
    border-radius: 3px;
}

.border-radius-4px {
    border-radius: 4px;
}

.border-radius-5px {
    border-radius: 5px;
}

.border-radius-6px {
    border-radius: 6px;
}

.border-radius-7px {
    border-radius: 7px;
}

.border-radius-8px {
    border-radius: 8px;
}

.border-radius-9px {
    border-radius: 9px;
}

.border-radius-10px {
    border-radius: 10px;
}

.border-radius-11px {
    border-radius: 11px;
}

.border-radius-12px {
    border-radius: 12px;
}

.border-radius-13px {
    border-radius: 13px;
}

.border-radius-14px {
    border-radius: 14px;
}

.border-radius-15px {
    border-radius: 15px;
}

.border-radius-16px {
    border-radius: 16px;
}

.border-radius-17px {
    border-radius: 17px;
}

.border-radius-18px {
    border-radius: 18px;
}

.border-radius-19px {
    border-radius: 19px;
}

.border-radius-20px {
    border-radius: 20px;
}

.border-radius-21px {
    border-radius: 21px;
}

.border-radius-22px {
    border-radius: 22px;
}

.border-radius-23px {
    border-radius: 23px;
}

.border-radius-24px {
    border-radius: 24px;
}

.border-radius-25px {
    border-radius: 25px;
}

.border-radius-26px {
    border-radius: 26px;
}

.border-radius-27px {
    border-radius: 27px;
}

.border-radius-28px {
    border-radius: 28px;
}

.border-radius-29px {
    border-radius: 29px;
}

.border-radius-30px {
    border-radius: 30px;
}

.border-radius-35px {
    border-radius: 35px;
}

.border-radius-40px {
    border-radius: 40px;
}

.border-radius-45px {
    border-radius: 45px;
}

.border-radius-50px {
    border-radius: 50px;
}

.border-radius-100px {
    border-radius: 100px;
}

.border-radius-50 {
    border-radius: 50%;
}

.border-radius-100 {
    border-radius: 100%;
}

.no-border-radius {
    border-radius: 0;
}


:focus-visible {
    outline: none;
}

:root {
    --regal-black: #000000;
    --regal-black-v1: #212427;
    --regal-black-v2: #082645;
    --regal-black-v3: #000927;
    --regal-black-v4: #121212;
    --regal-white: #ffffff;
    --regal-blue: #356DF1;
    --regal-verde: #356DF1;
    --regal-grey: #444444;
    --regal-grey-v1: #F5F7F8;
    --regal-grey-v2: #666666;
    --regal-grey-v3: #333333;
    --regal-grey-v4: #999999;
    --regal-grey-v5: #E9E9E9;
    --regal-grey-v6: #606060;
    --regal-grey-v7: #F4F4F4;
    --regal-grey-v8: #eeeeee;
    --regal-grey-v9: #cccccc;
    --regal-orange: #FF971A;
    --regal-orange-v1: #FF7700;
    --regal-orange-v2: #FFB606;
    --regal-orange-v3: #E6A303;
    --regal-orange-v4: #f94c10;
    --regal-green: #00D084;
    --regal-pink: #f0738e;
    --regal-red: #F02D00;
    --regal-violet: #5625D0;
    --regal-violet-v1: #9013E7;
    --transition-fast: 0.15s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s ease;
}

.custom-line {
    border-left: 3px solid var(--regal-blue);
    padding-left: 10px;
}
.comment-box {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.aberto{
    color: var(--regal-blue);
}
.comment-box {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}

.profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

.rating {
    color: var(--regal-blue);
    font-size: 18px;
}
.rating-meio{
    background: #F0F0F0;
    margin: 10px -15px 10px -15px;
    padding: 10px 15px 10px 15px;
}
.custom-box
{
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 20px;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    height: 400px; /* Altura inicial */
    transition: height 0.3s ease, box-shadow 0.3s ease;
}
.custom-box2
{
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    padding: 20px;
    background-color: #fff;
    overflow: hidden;
    position: relative;

    transition: height 0.3s ease, box-shadow 0.3s ease;
}

.custom-box.expanded {
    height: auto; /* Altura dinâmica ao expandir */
    box-shadow: none; /* Remove a sombra ao expandir */
}

.fade-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    transition: opacity 0.3s ease;
}

.custom-box.expanded .fade-shadow {
    opacity: 0; /* Esconde a sombra quando expandido */
}

.show-more {
    position: absolute;
    bottom: 5px;
    width:100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border: none;
    color: #007bff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}


.box_OLD
{
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    min-width: 180px;
}
.box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
    display: flex
        ;
    align-items: center;
    /* gap: 10px; */
    cursor: pointer;
    /* min-width: 180px; */
}
.box:hover {
    background-color: #f8f9fa;
}

.dropdown-box {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    min-width: 180px;
    justify-content: space-between;
}

.dropdown-menu {
    min-width: 100%;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.p-20px {
    padding: 20px;
}
.pt-20px {
    padding-top: 20px;
}
.pt-40px {
    padding-top: 40px;
}
.pb-20px {
    padding-bottom: 20px;
}
.pt-120px {
    padding-top: 120px;
}
.mt-40px {
    margin-top: 40px;
}
.pb-130px {
    padding-bottom: 130px;
}
.cursor-pointer {
    cursor: pointer;
}

.pointer-events-none {
    pointer-events: none;
}
.courses-details__wrapper {
    position: sticky;
    top: 85px;
}

.transition-all {
    transition-duration: 150ms;
}
.mt-40px {
    margin-top: 40px;
}

.mb-5px {
    margin-bottom: 5px;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-20px {
    margin-bottom: 20px;
}

.mb-25px {
    margin-bottom: 25px;
}

.mb-30px {
    margin-bottom: 30px;
}



.gap-0 {
    gap: 0;
}

.gap-5px {
    gap: 5px;
}

.gap-10px {
    gap: 10px;
}

.gap-15px {
    gap: 15px;
}

.gap-20px {
    gap: 20px;
}

.gap-25px {
    gap: 25px;
}

.gap-30px {
    gap: 30px;
}

.gap-35px {
    gap: 35px;
}

.gap-40px {
    gap: 40px;
}

.gap-45px {
    gap: 45px;
}

.gap-50px {
    gap: 50px;
}

.gap-60px {
    gap: 60px;
}

.gy-5px {
    row-gap: 5px;
}

.gy-10px {
    row-gap: 10px;
}

.gy-15px {
    row-gap: 15px;
}

.gy-20px {
    row-gap: 20px;
}

.gy-25px {
    row-gap: 25px;
}

.gy-30px {
    row-gap: 30px;
}

.gy-35px {
    row-gap: 35px;
}

.gy-40px {
    row-gap: 40px;
}

.gy-45px {
    row-gap: 45px;
}

.gy-50px {
    row-gap: 50px;
}

.gx-5px {
    column-gap: 5px;
}

.gx-10px {
    column-gap: 10px;
}

.gx-15px {
    column-gap: 15px;
}

.gx-20px {
    column-gap: 20px;
}

.gx-25px {
    column-gap: 25px;
}

.gx-30px {
    column-gap: 30px;
}

.gx-35px {
    column-gap: 35px;
}

.gx-40px {
    column-gap: 40px;
}

.gx-45px {
    column-gap: 45px;
}

.gx-50px {
    column-gap: 50px;
}

.border-radius-10px {
    border-radius: 10px;
}

.title-bar {
    background-color: #E1E9FD;
    font-size: 14px;
}
.title-bar__nav_before::before {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%23000' d='m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32'/%3E%3C/svg%3E");
}


.faqs-part-one .faqs-question_inner {
    margin-bottom: 30px;
}
.faqs-part-one .faqs-question_inner:last-child {
    margin-bottom: 0;
}
.faqs-part-one .faqs-question_btn {
    border: 2px solid var(--regal-grey-v5);
    padding: 12px 20px;
    border-radius: 6px 6px 0 0;
}
.faqs-part-one .faqs-question_btn .right-icon {
    color: var(--regal-grey-v4);
    transition: var(--transition-medium);
}
.faqs-part-one .faqs-question_btn h6 {
    transition: var(--transition-medium);
}
.faqs-part-one .faqs-question_btn h6:hover {
    color: var(--regal-blue);
}
.faqs-part-one .faqs-question_btn.active {
    transition: var(--transition-medium);
}
.faqs-part-one .faqs-question_btn.active h6 {
    color: var(--regal-blue);
}
.faqs-part-one .faqs-question_btn.active .right-icon {
    transform: rotate(90deg);
    color: var(--regal-blue);
}
.faqs-part-one .faqs-question_content {
    opacity: 0;
    height: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, height 0.5s ease;
}
.faqs-part-one .faqs-question_content.active {
    opacity: 1;
    visibility: visible;
    height: auto;
    border-top: 0 !important;
    border: 2px solid var(--regal-grey-v5);
}
.faqs-part-one .faqs-question_content.active p {
    padding: 15px 20px;
}

.faqs-part-two {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.faqs-part-two::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.faqs-part-two .container {
    position: relative;
    z-index: 2;
}
.faqs-part-two .title {
    max-width: 450px;
    width: 100%;
}

.faqs-part-three .contact-box {
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
    margin-top: -80px;
    z-index: 3;
    position: relative;
    background: #fff;
}
.faqs-part-three .contact-box_left {
    flex: 1 1 40%;
    padding: 50px 30px;
}
.faqs-part-three .contact-box_left_number {
    color: var(--regal-grey-v9);
    min-width: 50px;
}
.faqs-part-three .contact-box_left_content {
    flex: 1;
}
.faqs-part-three .contact-box_right {
    flex: 1 1 60%;
    padding: 50px 60px;
    background-color: #E1E9FD;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.faqs-part-three .contact-box_right form input,
.faqs-part-three .contact-box_right form textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid var(--regal-black-v1);
    border-radius: 10px;
    margin-bottom: 12px;
}
.faqs-part-three .contact-box_right button {
    border: none;
}


.badge-dash
{
    margin-bottom: -20px;
    bottom: -23px;
    position: relative;
    left: 12px;

}
.order-header
{
    background-color: #f8f9fa;
    padding: 0px;
    border-radius: 5px;
}

.order-item {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 15px;
    transition: box-shadow 0.3s;
    margin-left: -5px;
    margin-right: -5px;
}

.order-item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.badge-discount {
    background-color: #28a745;
}

.badge-combo {
    background-color: #ffc107;
    color: #000;
}

.badge-course {
    background-color: #007bff;
}
.payment-header
{
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
}

.payment-details {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    transition: box-shadow 0.3s;
}

.payment-details:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.installment-text {
    font-size: 14px;
    color: #6c757d;
}

.card-icon {
    font-size: 24px;
    color: #007bff;
}

.details-header
{
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
}

.details-section {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px;
    transition: box-shadow 0.3s;
}

.details-section:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.small-text {
    font-size: 14px;
    color: #6c757d;
}

.btn-custom {
    background-color: #007bff;
    color: white;
}

.btn-custom:hover {
    background-color: #0056b3;
}


.botao-ver-mais
{
    width: 100%;
    border: 1px solid #ccc; /* Borda cinza clara */
    background-color: #fff; /* Fundo branco */
    color: #000; /* Texto preto */
    font-weight: bold; /* Texto em negrito */
    font-size: 16px; /* Tamanho da fonte */
    padding: 10px 20px; /* Espaçamento interno */
    border-radius: 4px; /* Bordas arredondadas */
    text-align: center; /* Centraliza o texto */
    cursor: pointer; /* Cursor em formato de "mão" */
    display: inline-block; /* Permite margens ao redor */
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.botao-ver-mais:hover
{
    background-color: #f0f0f0; /* Fundo levemente cinza ao passar o mouse */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra ao passar o mouse */
}


.button-type-01 {
    color: var(--regal-white);
    font-size: 14px;
    padding: 11px 24px;
    border-radius: 10px;
    display: block;
    width: fit-content;
    background-color: #198754;
}
.button-type-01:hover {
    background-color: var(--regal-black-v2);
}

.button-type-02 {
    color: var(--regal-white);
    font-size: 14px;
    padding: 11px 24px;
    border-radius: 10px;
    display: block;
    width: fit-content;
    background-color: var(--regal-orange-v1);
}
.button-type-02:hover {
    color: var(--regal-white) !important;
    background-color: var(--regal-green);
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    margin-right: 5px;
}
.pagination__page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid var(--regal-black-v1);
    transition: var(--transition-medium);
}
.pagination__page-numbers.active {
    color: var(--regal-white);
    border: 1px solid var(--regal-blue);
    background-color: var(--regal-blue);
}
.pagination__page-numbers:hover {
    color: var(--regal-white);
    border: 1px solid var(--regal-blue);
    background-color: var(--regal-blue);
}





.courses-details__curriculum .curriculum-section__items:first-child .curriculum-section__header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.courses-details__curriculum .curriculum-section__header {
    background-color: #E1E9FD;
    padding: 15px 20px;
}
.courses-details__curriculum .curriculum-section__header.active .down-icon {
    transform: rotate(180deg);
}
.courses-details__curriculum .curriculum-section__header_title {
    flex: 1;
}
.courses-details__curriculum .curriculum-section__content.active {
    overflow: hidden;
    height: 0;
}
.courses-details__curriculum .curriculum-section__content_items {
    padding: 15px 20px;
    background-color: var(--regal-grey-v1);
    border-bottom: 1px solid var(--regal-grey-v5);
}
.courses-details__curriculum .curriculum-section__content_items:last-child {
    border-bottom: none;
}
.courses-details__curriculum .curriculum-section__content_items h6 {
    flex: 1;
}
.courses-details__curriculum .curriculum-section__content_items span {
    color: var(--regal-grey-v4);
}
.courses-details__curriculum .curriculum-section__content_info {
    margin-left: auto;
}
.courses-details__curriculum .curriculum-section__content_title {
    flex: 1;
}
.courses-details__curriculum .curriculum-section__content_title:hover {
    transition: var(--transition-medium);
    color: var(--regal-blue);
}
.courses-details__curriculum .curriculum-section__content_icon {
    color: var(--regal-blue);
}
.courses-details__curriculum .curriculum-section .eye_icon {
    background-color: var(--regal-blue);
    color: var(--regal-white);
    border-radius: 100%;
    padding: 2px;
}


.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__header {
    padding: 15px 0;
    background-color: var(--regal-white);
    border-bottom: 1px solid var(--regal-grey-v5);
}
.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__header_quantity {
    color: var(--regal-orange-v2);
}
.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__header .down-icon {
    color: var(--regal-orange-v2);
}
.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__content_items {
    padding: 12px 0;
    background-color: var(--regal-white);
}
.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__content_items:last-child {
    border-bottom: 1px solid var(--regal-grey-v5);
}
.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__content_icon {
    color: var(--regal-orange-v2);
}
.courses-details-custom-bottom .courses-details__curriculum .curriculum-section__content .eye_icon {
    background-color: var(--regal-orange-v2);
}


.main-layout .courses-details__curriculum .curriculum-section__header {
    padding: 15px 0;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--regal-grey-v5);
}
.main-layout .courses-details__curriculum .curriculum-section__header.curriculum-section__header--first-child {
    border-radius: 0;
}
.main-layout .courses-details__curriculum .curriculum-section__header-icon {
    color: var(--regal-orange-v2);
}
.main-layout .courses-details__curriculum .curriculum-section__content_items {
    padding: 15px 0;
    background-color: transparent;
}
.main-layout .courses-details__curriculum .curriculum-section__content_items:last-child {
    border-bottom: 1px solid var(--regal-grey-v5);
}
.main-layout .courses-details__curriculum .curriculum-section__content_title:hover {
    color: var(--regal-orange-v2);
}
.main-layout .courses-details__curriculum .curriculum-section__content_icon {
    color: var(--regal-orange-v2);
}
.main-layout .courses-details__curriculum .curriculum-section .eye_icon {
    background-color: var(--regal-orange-v2);
}

ul li {
    list-style: none;
}
ul, li {
    padding-bottom: 2px;
    padding-top: 2px;
    list-style: none;
}

.courses-details__what-learn {
    background-color: var(--regal-grey-v1);
}
.courses-details__what-learn_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 20px;
}
.courses-details__what-learn_box p {
    flex: 1;
}
.courses-details__what-learn_icon {
    color: var(--regal-blue);
}

@media (max-width: 576px) {
    .courses-details__what-learn_box {
        grid-template-columns: repeat(1, 1fr);
    }
}

ul#curriculum-sections{
    padding:0px
}

h5.curriculum-section__header_title{
    font-weight: 400;
}

ul.curriculum-section__content{
    padding:0px
}



.blog-grid__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.blog-grid__wrapper .blog-post {
    display: block;
    margin-bottom: 0;
}
.blog-grid__wrapper .blog-post__content {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.blog-grid__wrapper .blog-post img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.blog-grid__wrapper .blog-post__content {
    padding: 20px;
}
.blog-post__content {
    flex: 1;
    padding: 30px;
    align-self: stretch;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: var(--regal-grey-v1);
}
.blog-post__content h6:hover a {
    color: var(--regal-blue);
}


.mobile-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}
.mobile-bottom-bar ul {
    display: flex;
    justify-content: space-around;
    margin: 0;
    padding: 0;
    list-style: none;
}
.mobile-bottom-bar ul li {
    flex-grow: 1;
    padding: 12px 0;
    text-align: center;
    border-right: 1px solid var(--regal-grey-v5);
}
.mobile-bottom-bar ul li:last-child {
    border-right: 0;
}
.mobile-bottom-bar ul li a {
    display: block;
    color: var(--regal-black) !important;
    text-decoration: none;
}
.mobile-bottom-bar ul li a.active {
    color: var(--regal-orange-v2) !important;
}


.faqs-part-three .contact-box {
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.5);
    margin-top: -80px;
    z-index: 3;
    position: relative;
    background: #fff;
}
.faqs-part-three .contact-box_left {
    flex: 1 1 40%;
    padding: 50px 30px;
}
.faqs-part-three .contact-box_left_number {
    color: var(--regal-grey-v9);
    min-width: 50px;
}
.faqs-part-three .contact-box_left_content {
    flex: 1;
}
.faqs-part-three .contact-box_right {
    flex: 1 1 60%;
    padding: 50px 60px;
    background-color: #E1E9FD;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.faqs-part-three .contact-box_right form input,
.faqs-part-three .contact-box_right form textarea {
    width: 100%;
    padding: 10px;
    border: 2px solid var(--regal-black-v1);
    border-radius: 10px;
    margin-bottom: 12px;
}
.faqs-part-three .contact-box_right button {
    border: none;
}


@media (max-width: 1024px) {
    .faqs-part-three .contact-box {
        margin-top: 0;
    }
    .faqs-part-three .contact-box_right {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
}
@media (max-width: 992px) {
    .faqs-part-three .contact-box_left {
        flex: 1 1 50%;
    }
}
@media (max-width: 768px) {
    .faqs-part-three .contact-box {
        box-shadow: none;
    }
    .faqs-part-three .contact-box_inner {
        display: block !important;
    }
    .faqs-part-three .contact-box_left {
        padding: 20px 15px;
    }
    .faqs-part-three .contact-box_right {
        padding: 20px 15px;
    }
}
@media (max-width: 576px) {
    .faqs-part-two {
        padding: 40px 0;
    }
    .faqs-part-three {
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .faqs-part-three .contact-box {
        box-shadow: none;
    }
    .faqs-part-three .contact-box_inner {
        display: block !important;
    }
    .faqs-part-three .contact-box_left {
        padding: 20px 15px;
    }
    .faqs-part-three .contact-box_right {
        padding: 20px 15px;
    }
}

/*lazyloaded*/

.lazyload {
    background-color: #f3f3f3;  /* Placeholder para carregar */
    background-size: cover;
    background-position: center;
    /* min-height: 300px;  Defina uma altura mínima para evitar layout colapsado */
}

.loaded {
    transition: background-image 0.5s ease-in-out;
}

/* Defina um fundo temporário e espaço */
.loading-overlay {
    background-color: #f3f3f3;
    background-size: cover;
    background-position: center;
    min-height: 300px;
    position: relative;
    overflow: hidden;
}

/* Spinner de carregamento */
.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-top: 5px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Animação do spinner */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Quando a imagem é carregada, remove o spinner */
.loaded .spinner {
    display: none;
}


@media (max-width: 992px) {
    .pt-40px {
        padding-top: 30px;
    }
}
@media (max-width: 576px) {
    .blog-grid__wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}
.courses-details__what-learn p{
    padding:0px
}

.curso-texto  p {
    line-height: 30px;
    font-size: 20px;
    font-weight: 400;
}

.curso-texto  ul {
    font-size: 18px;
}

.curso-texto li {
    list-style: disc;
    margin-bottom: 5px;
    margin-right: 15px;
}
.curso-texto h4,  .curso-texto h5 {
    margin: 10px 0px 20px 0px !important;
}


.pagamento-pix   ul {
    font-size: 15px !important;
}

.pagamento-pix  li {
    list-style: disc;
    margin-bottom: 5px !important;
    margin-right: 15px !important;
}


.imagem-destaque-curso  .card-opacity {
    min-height: 50px !important;
}
.imagem-destaque-curso .card-opacity {
    padding-bottom: 16px !important;
}


/* AFILIADOS*/
.header-afiliado {
    background-color: #ebedef;
    padding: 20px;
    border-bottom: 2px solid #e0e0e0;
}

.balance-indicator {
    background-color: #28a745;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
.balance-indicator2 {
    background-color: #619a6e;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
.balance-indicator3 {
    background-color: #619a6e;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
.balance-indicator4 {
    background-color: #619a6e;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}
.balance-indicator5 {
    background-color: #619a6e;
    color: white;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
}

.link-share {
    background-color: #e3f2fd;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.table-responsive {
    border: 1px solid #dee2e6;
    border-radius: 5px;
    overflow: hidden;
}

.form-control-filtro {
    max-width: 240px;
}
.btn-filtrar {
    height: 38px;
}
.input-group-text {
    background-color: #fff;
}
.card-filtro {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e0e0e0;
    border-radius: .25rem;
}


#pedidoModal .modal-body label {
    font-weight: 600;

}
#pedidoModal{
    font-weight: 600;
    z-index: 9999 !important;
    /* background-color: white !important;
     width: 50%;*/
    margin: auto;
    margin-top: 80px;
    height: 90%;
}