/*Font Anek Odia */
@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&display=swap');

/*Font Lato */
@import url('https://fonts.googleapis.com/css2?family=Anek+Odia:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

hr{ 
    border: none;
    height: 1px;
    background: #FFFFFF4D;
}

.white{
    color: #FFFFFF;
}

.black{
    color: #101820 !important;
}

.gray{
    color: #7A7A7A !important;
}

.blue{
    color: #052FE0 !important;
}

.g3{
    color: #293D4C !important;
}

.yellow{
    color: #FFB81C;
}

.center{
    justify-content: center !important;
    text-align: center !important;
}

.border-none{
    border: none !important;
}

/* TEXT & FONTs */
h1{
    font-size: 60px;
    font-weight: 600;
    color: #FFFFFF;
    font-family: "Anek Odia", sans-serif;
    line-height: 1.1em;
}

h2{
    font-size: 48px;
    font-weight: 600;
    color: #FFFFFF;
    font-family: "Anek Odia", sans-serif;
    line-height: 1.1em;
}

h3{
    color: #FFB81C;
    font-size: 18px;
    font-family: 'Anek Odia', sans-serif;
    font-weight: 600;
}

h4{
    font-size: 18px;
    color: #293D4C;
    font-weight: 600;
    font-family: 'Anek Odia', sans-serif;
    text-transform: uppercase;
}

h5{
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    font-family: "Anek Odia", sans-serif;
    text-transform: uppercase;
}

h6{
    font-family: 'Anek Odia', sans-serif;
    font-size: 24px;
    font-weight: 600;
}

P{
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    font-family: "Lato", sans-serif;
    line-height: 150%;
}

.p-14{
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
}

.p-16{
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

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

.p-title-faq{
    font-size: 20px;
    font-family: 'Lato', sans-serif;
    font-weight: 800;
}

.p-years{
    font-family: 'Lato', sans-serif;
    font-size: 72px;
    font-weight: 500;
    color: #10069F;
}

.p-footer{
    color: #E4E2E3;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.p-disclaimer{
    font-size: 14px;
    color: #7A7A7A;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

.emphasis{
    position: relative;
}

.emphasis::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 25px;
  width: 100%;
  height: 2px;
  background-color:  #FFB81C;
}

.sub-title-slide{
    font-family: 'Anek Odia', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.number-faq{
    color:#FFB81C;
    font-weight: 800;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
}


/* MENUS DO SITE */

.menu-principal-container{
    height: 75px;
    position: static; 
}

#menu-principal {
    list-style: none;
    display: flex;
    padding: 0;
    height: 100%;
    align-items: center;
    position: static;
}

#menu-principal > li{
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0px 24px;
    border: solid 1px #FFFFFF33;
    position: static;
}

#menu-principal a{
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

#menu-principal > li.menu-item-has-children > a::after {
    content: "";
    display: inline-block;
    width: 12px;  /* Ajuste o tamanho conforme necessário */
    height: 12px;
    background-image: url('../icons/sub-menu.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 8px; /* Espaço entre o texto e a seta */
    transition: transform 0.3s ease; /* Para uma animação suave se desejar */
}

#menu-principal > li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

#menu-principal .sub-menu {
    position: absolute;
    top: 75px; 
    left: 0;  
    right: 0; 
    background-color: #10069F;
    padding: 50px 0; 
    margin: 0;
    box-sizing: border-box;
    z-index: 9999;
    display: none;
    flex-direction: row;
    justify-content: center; 
    align-items: flex-start;
    gap: 60px;
    border-bottom: solid 2px #FFB81C;
}

#menu-principal > li:hover > .sub-menu {
    display: flex;
}

#menu-principal .sub-menu > li {
    display: block;
    height: auto;
    width: 288px; /* Largura fixa para cada coluna não quebrar */
    min-width: 200px;
    border: none;
    padding: 0;
}

#menu-principal .sub-menu > li > a {
    color: #ffffff;
    font-weight: 700;
    font-family: 'Anek Odia', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: solid 1px #FFFFFF4D;
    padding-bottom: 32px;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

#menu-principal .sub-menu > li > a::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 24px; 
    background-image: url('../icons/bandeira-clara.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px; 
    vertical-align: middle;
}

#menu-principal .sub-menu .sub-menu {
    position: static;
    display: block;
    width: 100%;
    padding: 0;
    background: transparent;
    box-shadow: none;
    border: none;
}

#menu-principal .sub-menu .sub-menu li {
    display: block;
    width: 100%;
    height: auto;
    border: none;
}

#menu-principal .sub-menu .sub-menu li a {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    border: none;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

#menu-principal .sub-menu .sub-menu li a::before {
    content: none !important;
}

#menu-principal .sub-menu .sub-menu li a:hover {
    color: #FFB81C;
}

#menu-informacoes{
    margin-top: 48px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#menu-informacoes a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

#menu-informacoes a:hover{
    color: #FFB81C;
}

#menu-cursos{
    margin-top: 48px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#menu-cursos a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

#menu-cursos a:hover{
    color: #FFB81C;
}


#menu-politicas{
    margin-top: 48px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#menu-politicas a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

#menu-politicas a:hover{
    color: #FFB81C;
}

/* IMAGES */

.img-banner{
    width: 100%;
    height: auto;
}

.img-trajectory{
    width: 100%;
}

.img-div{
    margin-top: -35px;
    padding: 0 40px;
    background-color: #FFFFFF;
}

.img-mesa{
    max-width: 100%;
}

.img-consultores{
    max-width: 214px;
    margin-top: -40px;
    margin-bottom: 30px;
}

.img-icons-about{
    max-width: 40px;
}

.img-icons-atom{
    max-width: 80px;
}

.img-timeline{
    max-width: 600px;
}

.img-proposito{
    width: 100%;
}

.img-founders{
    max-width: 100%;
    margin-bottom: 20px;
}

.img-banner-atom{
    width: 100%;
}

.img-contact-option{
    max-width: 40px;
}

.img-fraud{
    width: 100%;
    margin-top: 40px;
}

.logo-footer{
    max-width: 184px;
}

.img-footer-stamp{
    max-width: 288px;
}

.icon-link svg path {
    fill: white;
    transition: fill 0.3s;
}

.icon-link:hover svg path {
    fill: #052FE0; 
}

.icon-contact-social svg path {
    fill: white;
    transition: fill 0.3s;
}

.icon-contact-social:hover svg path {
    fill: #FFB81C;
}

.icon-fraud-check{
    max-width: 32px;
}

.img-div-faq{
    background-color: #101540;
    padding: 0 40px;
    margin-top: -35px;
}

/* LINK E BTN */

.a-cta{
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 16px;

}

.a-slide-cta{
    color: #FFB81C;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    gap: 16px;
}

.btn-courses{
    background-color: #10069F;
    border-radius: 5px;
    padding: 18px 45px 14px 45px;
    font-family: "Anek odia", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    border: none;
}

.btn-support{
    background-color: #052FE0;
    border-radius: 5px;
    padding: 18px 45px 18px 45px;
    font-family: "Anek odia", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    border: none;
}

.btn-faq-question{
    background: none;
    border: none;
    display: flex;
    gap: 24px;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    text-align: start;
    align-items: center;
    justify-content: space-between;
}

.btn-consultancy{
    background-color: #10069F;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px 45px 10px 45px;
    font-family: "Anek odia", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #FFFFFF;
    border: none;
}

.btn-timeline{
    border: none;
    background: none;
    color: #d3d3d3;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

.btn-timeline.active{
    color: #020732;
}

.btn-contact-suport{
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Anek Odia', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 28px;
    background-color: #10069F;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.link-indice-faq{
    text-decoration: none;
    color: #FFFFFF;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
}
    .indice-mid{
        padding: 16px  0;
        border-top: solid 1px #ffffff69;
        border-bottom: solid 1px #ffffff69;
    }

/* SECTIONS & DIVS */
header{
    width: 100%;
    background: none;
    height: 75px;
    position: absolute;
    border-bottom: solid 1px #FFFFFF4D;
    z-index: 99;
}

.header{
    height: 100%;
}

.box-full{
    max-width: 1920px;
    margin: auto;
    height: 100%;
}

.box-short{
    max-width: 1225px;
    margin: auto;
    height: 100%;
}

.box-display{
    display: flex;
    height: 100%;
}

.logo
{
    background-color: #10069F;
    padding: 10px;
    display: flex;
    align-items: center;
    height: 100%
}

.action-cta{
    margin-left: auto;
    height: 100%;
    display: flex;
    padding: 0 24px;
    align-items: center;
    background-color: #10069F;
    border: solid 1px #FFFFFF33;
}

.slide{
    background-image: url('../images/img-01.jpg');
    background-size: cover;
    background-position: center;
}

.box-gradient-slide{
    background: linear-gradient(to right, rgba(16, 6, 159, 0.5) 0%, rgba(16, 6, 159, 0) 100%);
    z-index: 1;
}

.box-space-top-slide{
    padding-top: 175px;
}

.back-slide{
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: 48px;
}

.box-slide-title{
    max-width: 840px;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    gap: 34px;
}

.box-sub-title{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.box-slide-cta{
    padding: 40px 0;
}

.box-nav-slide{
    display: flex;
    align-items: center;
    gap: 21px;
    justify-content: end;
    width: 100%;
}

.position{
    background-color: #020732;
    padding: 125px 0;
}

.box-position{
    display: flex;
    gap: 80px;
    margin-bottom: 80px;
}

.box-position-title{
   width: 60%;
}

.box-position-description{
   width: 40%;
}

.box-position-details{
    margin-top: 80px;
    display: flex;
    gap: 115px;
}

.box-position-details div{
    flex: 1;
}

.box-details-col-one{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.box-text-details{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.box-cta-details{
    display: flex;
    align-items: end;
    margin-top: 10px;
}

.box-position-topics{
    display: flex;
    flex-direction: column;
    gap: 30px
}

.box-topics{
    display: flex;
    gap: 25px;
    justify-content: center;
    align-items: center;
}

.box-topics-icons{
    max-width: 50px;
}

.box-topics-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.topics-col-mid{
    padding: 30px 0;
    border-top: solid 1px #FFFFFF4D;
    border-bottom: solid 1px #FFFFFF4D;
}

.courses{
    padding: 125px 0;
}

.box-courses{
    display: flex;
    gap: 25px;
    flex-direction: column;
}

.courses-carousel{
    background-color: #EEEEEEB2;
    padding: 24px;
    margin-top: 40px;
    border-radius: 10px;
}

.box-cta-carousel{
    display: flex;
    gap: 24px;
}

.box-btn-carousel{
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.platform{
    background-color: #020732;
    padding: 0 0 125px 0;
}

.box-platform-banner{
    padding: 24px;
}

.box-platform{
    margin-top: 115px;
    display: flex;  
    gap: 115px;
}

.box-platform-description{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.box-platform-items{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex: 1;
}

.platform-item-col{
    display: flex;
    align-items: center;
    border-top: solid 1px #FFFFFF4D;
    border-bottom: solid 1px #FFFFFF4D;
    gap: 24px;
    height: 100%;
}

.trajectory{
    padding: 125px 0;
}

.box-trajectory{
    display: flex;
    gap: 115px;
}

.trajectory-title{
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.trajectory-numbers{
    width: 70%;
    display: flex;
    gap: 21px;
}

.box-div{
    padding: 40px 0;
}

.line-div{
    width: 100%;
    height: 1px;
    background-color: #E2E2E2;
}

.mesa{
    padding-top: 120px;
}

.box-mesa{
    display: flex;
    gap: 115px;
}

.box-img-mesa{
    flex: 1;
}

.box-details-mesa{
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    flex: 1;
}

.box-text-mesa{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.consultant{
    padding: 155px 0 115px 0;
}

.box-consultant{
    padding: 0px 90px 103px 90px;
    display: flex;
    border-radius: 5px;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    background-image: url('../images/back-consultores.svg');
    background-position: center;
    background-size: cover;
}

.box-cta-consultant{
    display: flex;
    gap: 24px;
}

.testimonials{
    padding: 0 0 115px 0;
}

.faq{
    background-color: #101540;
    padding: 115px 0;
}

.box-faq{
    display: flex;
    gap: 115px;
}

.box-faq-col-one{
    max-width: 288px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box-faq-col-two{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.faq-question{
    border-bottom: 1px solid #FFFFFF4D;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.faq-description{
    display: none;
    flex-direction: column;
    gap: 15px;
}

.box-question-faq{
    display: flex;
    gap: 24px;
    align-items: center;
}

/* Página Sobre */

.about{
    position: relative;
    background-image: url('../images/back-about.webp');
    background-size: cover;
    background-position: center;
}

.box-gradient-about{
    background: linear-gradient(to right, #10069F 0%, rgba(2, 7, 50, 0.5) 100%);
}

.box-about{
   display: flex;
   gap: 128px;
   padding: 0 10px 120px 10px;
}

.box-about-col-one{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.box-about-col-two{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 27px;
}

.box-about-col-two div{
    flex: 0 1 calc(50% - (27px / 2));
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center;
}

.history{
    padding: 120px 10px;
    background-color: #F4F4F4;
}

.box-history{
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.box-timeline{
    display: flex;
    gap: 24px;
}

.box-timeline-col-one{
    padding: 32px;
    background-color: #FFFFFF;
    border-radius: 10px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box-timeline-col-two{
    flex: 1;
}

.box-timeline-top{
    display: flex;
    gap: 100px;
}

.box-timeline-years{
    display: flex;
    justify-content: center;
    gap: 16px;
    flex: 1;
}

.box-timeline-nav{
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
}

.box-timeline-bottom{
    text-align: start;
    display: none;
}
    .box-timeline-bottom.active {
        display: block;
    }

.purpose{
    padding: 120px 10px;
}
 
.box-purpose{
    display: flex;
    gap: 128px;
}

.box-purpose-items{
    margin-top: 48px;
}

.box-text-purpose{
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.box-purpose-item{
    border-top: solid 1px #E2E2E2;
    border-bottom: solid 1px #E2E2E2;
}

.box-purpose-item.active .box-purpose-item-bottom {
    display: block;
}

.box-purpose-item-top{
    display: flex;
    align-items: center;
    padding: 30px 0px;
    gap: 24px;
    cursor: pointer;
}

.box-purpose-item-top div{
    display: flex;
    align-items: center;
}

.box-btn-purpose{
    width: 100%;
    justify-content: end;
}

    .box-btn-purpose img {
        transition: transform 0.2s ease;
    }

.box-purpose-item-bottom{
    padding-bottom: 30px;
    display: none;
}

.founders{
    padding: 120px 10px;
}

.box-founders{
    display: flex;
    gap: 184px;
}

.box-founders-col-one{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.box-founders-col-two{
    flex: 2;
    display: flex;
    gap: 28px;
}

.box-banner-about{
    max-width: 1920px;
    padding: 0px 24px 0px 24px;
}

#box-popup-about{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #030564da;
    z-index: 80;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}

#box-popup-joaquim{
    max-width: 808px;
    display: none;
}

#box-popup-carol{
    max-width: 808px;
    display: none;
}

#box-popup-about.active {
    display: flex !important;
}

#box-popup-joaquim.active, 
#box-popup-carol.active {
    display: block !important;
}

.box-popup-about-top{
    display: flex;
    gap: 20px;
    padding-bottom: 24px;
}

.box-popup-about-top div{
    flex: 1;
}

.box-popup-about-close{
    display: flex;
    justify-content: end;
    align-items: center;
}

.box-popup-about-description{
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* Página Contato */

.contact{
    padding: 195px 10px 120px 10px;
    background-image:linear-gradient(#10069f5b, #020732), url('../images/back-contact.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.box-contact-option{
    margin-top: 80px;
    display: flex;
    gap: 24px;
}

.box-contact-option div{
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: left;
    flex: 1;
    gap: 16px;
}

.box-contact-icons-social{
    width: 100% !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}

.fraud{
    padding: 120px 10px;
}

.box-fraud{
    display: flex;
    gap: 128px;
}

.fraud-col-one{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    flex: 1;
}

.fraud-col-two{
    flex: 1;
}

.fraud-col-two-item{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    border-top: solid 1px #E2E2E2;
    border-bottom: solid 1px #E2E2E2;
    padding: 32px 0;
}

/* FAQ */

.page-faq{
    padding: 195px 10px 120px 10px;
    background-image: url('../images/back-faq.webp');
    background-size: cover;
    background-position: center center;
}

.page-box-faq{
    max-width: 530px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-faq-box-question{
    padding: 120px 10px;
    background-color: #101540;
}


.box-faq-question-cols{
    display: flex;
    gap: 104px;
    align-items: start;
}

.box-faq-question-col-one{
    background-color: #10069F;
    border: solid 1px #0020DB;
    border-radius: 10px;
    padding: 24px;
    width: 312px;
}

.box-link-indice-faq{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.box-faq-question-col-two{
    flex: 1;
}

.box-div-faq{
    padding: 140px 0;
}

.line-div-faq{
    height: 1px;
    background-color: #404466;
    width: 100%;
}

/* Rodapé */

footer{
    background-color: #020732;
    padding: 115px 0px 80px 0px;
}

.box-footer{
    display: flex;
    gap: 128px;
}

.box-footer-logo{
    display: flex;
    flex-direction: column;
    gap: 51px;
}

.box-footer-stamp{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.box-footer-menu{
    display: flex;
    gap: 44px;
    flex: 1;
}

.box-footer-menu div{
    flex: 1;
}

.footer-social{
    margin-top: 80px;
    padding: 40px 10px;
    border-top: solid 1px #7A7A7A;
    border-bottom: solid 1px #7A7A7A;
    color: #E4E2E3;
}

.box-footer-social{
    display: flex;
    gap: 20px;
}

.box-footer-social div{
   flex: 1;
}

.box-icons-social{
    flex: 2;
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
}

.box-design-by{
    display: flex;
    align-items: center;
    justify-content: end;
}

.consultancy{
    padding: 48px 10px;
    background-image: linear-gradient(90deg, #030464, #020732);
}

.box-consultancy{
    display: flex;
    gap: 24px;
    align-items: center;
}

.consultancy-description{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.box-btn-consultancy{
    display: flex;
    align-items: center;
    justify-content: end;
    flex: 1;
}

.box-disclaimer{
    padding-top: 115px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}


/* ESTILO CARROSSEL  - HOME CURSOS*/
.box-carousel-courses {
    display: flex;
    gap: 24px;
    margin: 64px 0;
    width: 100%;
    overflow-x: hidden; 
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.box-carousel-courses::-webkit-scrollbar {
    display: none;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

.box-carousel-col {
    flex: 0 0 392px; 
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.box-img-carousel-courses {
    position: relative;
    display: flex;
    justify-content: center;
}

.img-carousel-courses {
    width: 100%;
    max-width: 392px;
    border-radius: 10px;
}

.box-carousel-courses-gradient {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, #030564be, rgba(2, 7, 50, 0));
    pointer-events: none;
}

.box-cta-carousel-courses {
    background-color: #FFB81C;
    width: 344px;
    display: flex;
    padding: 16px 27px;
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 20;
    border-radius: 5px;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.p-cta-carousel-courses {
    font-size: 18px;
    font-family: 'Anek Odia', sans-serif;
    font-weight: 600;
    color: #030464;
    margin: 0;
}

.box-carousel-col:hover .box-cta-carousel-courses {
    opacity: 1;
}


/* ESTILO CARROSSEL  - HOME DEPOIMENTOS*/
.home-carousel-testimonials {
    margin-top: 64px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.home-carousel-testimonials .swiper-wrapper {
    transition-timing-function: linear !important;
}

.home-content-left-testimonials {
    display: flex;
}

.home-carousel-item-container {
    display: flex !important;
    gap: 24px;
    width: auto !important;
    flex-shrink: 0;
    align-items: flex-start;
}

.home-carousel-box-left-text {
    border-radius: 10px;
    border: solid 1px #7A7A7A;
    padding: 24px;
    width: 600px;
    min-height: 328px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
}

.box-icons-carousel-testimonials {
    display: flex;
    justify-content: space-between;
}

.home-carousel-box-left-video {
    position: relative;
    border-radius: 14px;
    border: solid 1px #7A7A7A;
    width: 288px;
    height: 328px;
    overflow: hidden;
}

.img-testimonial-home {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

.btn-pay-testimonials {
    border: none;
    background: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    padding: 0;
    position: relative;
}

.icon-play-overlay {
    position: absolute !important;
    bottom: 18px !important;
    right: 20px !important;
    pointer-events: none;
}

.box-video-testimonials-popup {
    display: none; 
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(3, 5, 100, 0.95);
    z-index: 99999999 !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    backface-visibility: hidden;
}

.box-video-testimonials-popup div {
    position: static !important;
}

.box-video-testimonials-popup iframe {
    max-width: 90%;
    max-height: 80%;
    position: relative;
    z-index: 10;
}

.btn-close-popup {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 560px;
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.btn-pay-testimonials * {
    pointer-events: none;
}

.btn-pay-testimonials {
    pointer-events: auto;
}

.swiper-grab {
    cursor: grab;
}

.swiper-grabbing {
    cursor: grabbing;
}