.container-limited {
    max-width: 1440px;
    margin: 0 auto; /* Centraliza o conteúdo */
    width: 100%; /* Garante que preenche todo o espaço disponível */
}

.menu-topo{list-style: none;margin:0;}
.menu-topo li{
    display: inline-block;
    margin-right:30px;
    font-family: 'Poppins Medium', sans-serif;
}
.menu-topo li a{text-decoration: none; color:#333;}

.custom-radio {
    appearance: none !important; /* Remove o estilo padrão do navegador */
    -webkit-appearance: none !important;  /* Remove o estilo no Safari */
    -moz-appearance: none !important; /* Remove o estilo no Firefox */
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 0; /* Define bordas quadradas */
    cursor: pointer;
    position: relative;
    outline: none; /* Remove o contorno ao focar */
    display: inline-block;
    transition: background-color 0.3s, border-color 0.3s;
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
}
.form-check {
    display: flex; /* Alinha checkbox e texto em uma linha */
    align-items: center; /* Alinha verticalmente */
    gap: 10px; /* Espaço entre checkbox e texto */
}
.form-check-input[type=radio] {
    border-radius: 6px !important;
}
.form-check-input:checked {
    background-color: #fff !important;
    transition: background-color 0.3s, border-color 0.3s;
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
}
.custom-radio:checked {
    border: 1px solid #e7e7e7;
}

.custom-radio:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 17px;
    border-radius: 3px;
    height: 17px;
    background-color: #FF7E1E; 
    display: block;
    z-index: 1;
}


.align-equal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.inner-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: start;
}

.img-number {
    transform: rotate(-90deg);
    display: block;
    margin: auto;
    margin-top: -110px;
}

.custom-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    /* Espaçamento entre os itens */
}

.align-equal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    /* Largura padrão para mobile */
}

@media (min-width: 768px) {

    .custom-row {
        gap: 2rem;
    }

    .align-equal {
        width: calc(50% - 1rem);
    }

}


.div-background-gray {
    background-image: url("../img/bg-gray.svg");
}

.gradient-bg-orange {
    background-image: url("../img/gradient-orange.webp");
    background-size: cover;
    /* Faz o gradiente cobrir completamente o elemento */
    background-repeat: no-repeat;
    /* Evita que o gradiente se repita */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    /* Cor do texto */
    font-size: 1.5em;
    /* Tamanho ajustável do texto */
    text-align: center;
    /* Alinha o texto no centro */
}

.gradient-bg-orange-2 {
    background-image: url("../img/gradient-orange-2.webp");
    background-size: cover;
    /* Faz o gradiente cobrir completamente o elemento */
    background-repeat: no-repeat;
    /* Evita que o gradiente se repita */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    /* Cor do texto */
    font-size: 1.5em;
    /* Tamanho ajustável do texto */
    text-align: center;
    /* Alinha o texto no centro */
}

.gradient-bg-purple {
    background-image: url("../img/gradient-purple.webp");
    background-size: cover;
    /* Faz o gradiente cobrir completamente o elemento */
    background-repeat: no-repeat;
    /* Evita que o gradiente se repita */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    /* Cor do texto */
    font-size: 1.5em;
    /* Tamanho ajustável do texto */
    text-align: center;
    /* Alinha o texto no centro */
}

.gradient-bg-red {
    background-image: url("../img/gradient-red.png");
    background-size: cover;
    /* Faz o gradiente cobrir completamente o elemento */
    background-repeat: no-repeat;
    /* Evita que o gradiente se repita */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    /* Cor do texto */
    font-size: 1.5em;
    /* Tamanho ajustável do texto */
    text-align: center;
    /* Alinha o texto no centro */
}

.gradient-button {
    background: linear-gradient(to bottom, #FFC400, #FF5700);
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    color: #fff;
    border: 7px solid #FF9900;
    border-radius: 21px;
    cursor: pointer;
    box-shadow: #FF8800;
    transition: background 0.3s ease;
}

.gradient-button-purple {
    background: linear-gradient(to bottom, #753EC8, #3B1F64);
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    color: #fff;
    border: 7px solid #753EC8;
    border-radius: 21px;
    cursor: pointer;
    transition: background 0.3s ease;

    box-shadow: #000000;
}

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

.gradient-button:hover {
    background: linear-gradient(to bottom, #FF5700, #FFC400);
    border: 7px solid #FF9900;
}

.gradient-button-purple:hover {
    background: linear-gradient(to bottom, #3B1F64, #8545e6);
    border: 7px solid #753EC8;
}

.line-purple {
    width: 50%;
    height: 10px;
    background-color: #753EC8;
    border-radius: 100px;

}

.box-carrousel {
    background-color: rgba(87, 34, 85, 0.8);
}

.border-color {
    border-color: #33002b;
}

.logomarca-section {
    height: 160px;
    width: 600px;
}

.padding-section {
    padding-left: 10%;
    letter-spacing: -2.1px;
}

.box-help {
    height: 360px;
}

.box-challenge {
    background: linear-gradient(180deg, #F9F9F9, #F3F3F3, #EEEEEE);
    height: 100%;
    width: 90%;
}

.box-challenge-2 {
    background: #D7385E;
    height: 100%;
    width: 90%;
}


.footer {
    background-color: #fcf2e8;
}

.img-logo-footer {
    width: 50%;

}

.btn-form {
    height: 50px;
}

.btn-form {
    background-image: url('../img/bg-btn.svg');
    /* Substitua pelo caminho da sua imagem */
    background-size: cover;
    /* Garante que a imagem cobre todo o botão */
    background-position: center;
    /* Centraliza a imagem */
    color: #fff;
    /* Texto branco */
    height: 81px;
    border: 10px solid #FF7E1E;
    border: none;
    /* Remove bordas */
    border-radius: 8px;
    /* Bordas arredondadas */
    padding: 20px 30px;
    /* Espaçamento interno */
    font-size: 16px;
    /* Tamanho da fonte */
    cursor: pointer;
    /* Ícone de mão ao passar o mouse */
    transition: opacity 0.3s ease;
    /* Suaviza a mudança de opacidade no hover */
}

.cor-chumbo{color:#333 !important;}

.btn-form:hover {
    opacity: 0.9;
    /* Reduz a opacidade para criar um efeito visual */
}

.elemento-transparente {
    /* background: transparent url('img/Retângulo 18.png') 0% 0% no-repeat padding-box; */
    border: 1px solid rgba(219, 219, 219, 0.8);
    border-radius: 20px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    opacity: 1;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width: 90%;
    padding: 15px;
    margin-top: -23%;
}

.fading-border {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 5px; /* Altura do elemento */
    z-index: -1;
  
    /* Fundo transparente para ver o gradiente */
    background: linear-gradient(to right, transparent, #fff 10%, #aaa 70%, transparent);
  
    /* Para ajustar a largura da borda "desvanecida" */
    box-sizing: border-box;
  }
  

.elemento-transparente-2 {
    background: rgba(188, 55, 87, 0.8);
    /* Cor + imagem */
    border-radius: 25px 0px 25px 25px;
    /* Bordas arredondadas */
    opacity: 1;

    /* Efeito de desfoque no fundo */
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);

    /* Ajustes opcionais */
    padding: 16px;
    /* Espaçamento interno */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    /* Sombra leve */
    width: 110%;
    padding: 15px 10px;
}

.img-elipse {
    top: 25%;
    left: -20%;
    position: absolute;
    z-index: 99;
}

.img-step{
    max-height: 204px;
}
.container-steps{
    min-height: 400px;
    margin-top: -200px;
}
.container-img-steps{
    width: 47%; margin-left: 2%;
}
.content-text-step-2{
    margin-top: -3%;
}
@media (min-width: 975px) and (max-width: 1200px) {
    .img-sessao{
        max-height: 663px !important;
    }
}
@media (min-width: 975px) and (max-width: 1150px) {
  
    .content-text-step-2{
        margin-top: -3%;
    }
    .img-step{
        max-height: 134px;
    }
    .container-steps{
        min-height: 260px;
        margin-top: -180px;
       
    }
    .container-img-steps{
        width: 47%;
        margin-left: 2%;
        margin-top: -1%;
    }
    
    
}

@media (min-width: 1151px) and (max-width: 1220px) {
    
    .content-text-step-2{
        margin-right:5%;
    }
    .img-step{
        max-height: 154px;
    }
    .container-steps{
        min-height: 300px;
        margin-top: -200px;
    }
    .container-img-steps{
        width: 48%;
        margin-left: 23px;
        margin-top: -1%;
    }
}

@media (min-width: 1220px) and (max-width: 1450px) {
    .content-text-step-1{
        margin-top: 0%;
    }
    .content-text-step-2{
        margin-top:-3%;margin-right:5%;
    }
    .img-step{
        max-height: 164px;
    }
    .container-steps{
        min-height: 320px;
    }
    .container-img-steps{
        width: 48%;
        margin-left: 26px;
    }
}
@media (max-width: 768px) {
    .img-logo-footer {
        width: 60%;

    }

    .elemento-transparente {
        margin-top: -55px;
    }

    .padding-section {
        padding-left: 0%;
    }

    .gradient-bg-carousel {
        min-height: 800px !important;
    }

}

@media (max-width: 595px) {
    .gradient-bg-carousel {
        min-height: 1000px !important;
    }
}

@media only screen and (max-width: 974px) {
    .box-help {
        height: fit-content;
    }

    .elemento-transparente {
        margin-top: -50px;
    }

    .elemento-transparente-2 {
        width: 105%;
    }

    .padding-section {
        padding-left: 0%;
    }

    .img-elipse {
        top: -40%;
        left: 7%;
        /* width: 120px; */
        height: 125px;
    }

    .icon-controle {
        width: 70px;
        height: 70px;
        margin: auto;
    }
}


@media (min-width: 975px) and (max-width: 1300px) {
    .box-help {
        height: 440px;
    }

    .elemento-transparente {
        margin-top: -60px;
    }

    .padding-section {
        padding-left: 0%;
    }

}

@media (min-width: 1300px) and (max-width: 1600px) {

    .elemento-transparente {
        margin-top: -21%;
    }


}

@media (min-width: 1300px) and (max-width: 1450px) {

    .elemento-transparente {
        margin-top: -22%;
    }


}

@media (min-width: 1200px) and (max-width: 1300px) {
    .box-help {
        height: 440px;
    }

    .elemento-transparente {
        margin-top: -26%;
    }



}

.row {
    padding-left: 0px !important;
}

/* formulário */
.form-control.border-bottom {
    border-bottom: 3px solid #753EC8 !important;
    color: #753EC8;
}

.form-control:focus {
    box-shadow: none;
    border-bottom: 3px solid #753EC8;
}

.form-control.error {
    border-bottom-color: #FF7E1E !important;
    color: #FF7E1E;
}

.error-message {
    background-color: #FF7E1E;
    color: #FFFFFF;
    font-size: 0.875rem;
    border-radius: 8px;
    padding: 1px 5px;
    margin-left: 10px;
}

.custom-checkbox input[type="checkbox"] {
    display: none;
}

.custom-checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: #000;
}

.custom-checkbox .checkbox-square {
    width: 25px;
    height: 25px;
    border: 1px solid #e7e7e7;
    display: flex;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, border-color 0.3s;
    box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.1);
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-square {
    background-color: #fff;
    border-color: #fff;
    position: relative;
}

.custom-checkbox input[type="checkbox"]:checked+.checkbox-square::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #FF7E1E;
    border-radius: 3px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.checkbox-row {
    display: flex;
    gap: 20px;
}

.step-1, .step-2, .step-3, .step-4{
    transition: transform 0.3s ease;
}

.step-1:hover{
    transform: scale(1.1); 
    content: url('../img/1\ hover.webp');

}
.step-2:hover{
    transform: scale(1.1); 
    content: url('../img/2\ hover.webp');

}
.step-3:hover{
    transform: scale(1.1); 
    content: url('../img/3\ hover.webp');

}
.step-4:hover{
    transform: scale(1.1); 
    content: url('../img/4\ hover.webp');

}
































.carousel-item {
    min-height: 500px;
}

.bg-img-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.carousel .text-center {
    z-index: 1;
}

.carousel .carousel-inner {
    width: 100%;
    height: 100%;
}

/* carousel */
.font-size-social-16 {
    font-size: 20px;
    line-height: 32px;
}

.font-size-social-14 {
    font-size: 20px;
    line-height: 32px;
}

.carousel-indicators {
    bottom: 12px;
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1 !important;
    width: 8% !important;
}

.carousel-indicators button {
    background: #fff;
    border: none;
    padding: 0;
    background-color: #753EC8 !important;
    border: 4px solid #fff !important;
    border-radius: 50%;
    width: 17px !important;
    height: 17px !important;
}

.carousel-indicators button:not(.active) {
    background-color: #fff !important;
    opacity: 1 !important;
    border: 4px solid #fff !important;

}

.border-divider {
    width: 2px;
    background-color: red;
    height: 100%;
    margin: 0 20px;
}


.line-connector {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 20px 0;
    position: relative;
}

.circle-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    cursor: pointer;
    font-family: 'Poppins Regular', sans-serif;
    color: #572255;
}

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

.circle-text {
    margin-bottom: 10px;
}

.active-circle .circle-text {
    color: #572255;
    font-weight: bold;
    font-size: 18px;
}

.active-circle .circle {
    font-family: 'Poppins SemiBold', sans-serif;
    border: 3px solid #572255;
    /* Aumenta a espessura da borda */
    background-color: #BACC71;
    /* Cor de fundo ao clicar */
    border-radius: 20%;
    width: 25px;
    height: 25px;
}

.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 2px solid #572255;
    cursor: pointer;
    z-index: 2;
}

.line {
    height: 2px;
    background-color: #572255;
    width: 63%;
    position: absolute;
    top: 80%;
    z-index: 1;
}

.carousel-container {
    display: none;

}

.active-carousel {
    display: block;
}

.bg-submenu {
    background: linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%) !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

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

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

#toggle-button,
#toggle-button-2 {
    border: none;
    margin-top: -45px;
    background: transparent linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.8) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.9;
}





html {
    scroll-behavior: smooth;
}