html, body {
   
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.action-button{
    height: 3.5rem;
}
.section-zero{
    height: 4rem;
    background: #685BC7;
}
.cursor-pointer{
    cursor: pointer;
}

/* Container dos campos */
.fields-container {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    display: flex;
}
form{
    gap: 1rem;  
}



form{
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    display: flex
}

.item-mobile{
    display: none;
}


.section1 {
    width: 100%;
    background: #685BC7;
    background-image: url(../../img/welcome/novosite/home/banner1.webp);
    background-size: cover;
    padding-bottom: 20vh;
   
}

.banner-container {
    align-self: stretch;
    padding-top: 10rem;
    padding-bottom: 0;
    padding-left: 55rem;
    padding-right: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    display: inline-flex;
   
    
}

.banner-container .form-group{
    display: flex;
}

#email{
    display: inline-flex;
    width: 50%;
    border-radius: 0.25rem 0px 0px 0.25rem;
    height: 40px;
}

#acsubmit{
    height: 40px;
    border-radius: 0px 0.25rem 0.25rem 0px;
    font-size: 0.9rem;
    padding: .375rem .75rem;
}
/* Container do conteúdo principal */
.content-container {
    max-width: 35vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 1rem;
    display: flex;
    position: relative;
}

.banner-seta{
    position: absolute;
    top: -100px;
    left: -70px;
}

.banner-coracao{
    position: absolute;
    top: 70px;
    right: 250px;
}



/* Título principal */
.main-title {
    align-self: stretch;
    font-size: 3rem;
    font-family: "Palanquin", sans-serif;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.title-text-white {
    color: white;
   
   
}

.title-text-pink {
    color: #F5B6CD;
}

.title-text-black {
    color: #000;
}

.title-text-purple {
    color: #685BC7;
}

.section-title{
    font-size: 3rem;
}
/* Descrição */
.description {
    width:90%;
    color: white;
    font-size: 1.2rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

/* Container do formulário */
.form-container {
    width: 100%;
    border-radius: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    
    display: flex;
}


.section3-header {
    align-self: stretch;
    padding-top: 5rem;    
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
    display: inline-flex;
}

.section3-title {
    align-self: stretch;
    text-align: center;
}



.section3-description {
    max-width: 70%;
    text-align: center;
}



.section3-content {
    align-self: stretch;
    padding-bottom: 2rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 4rem;
    display: inline-flex;
    text-align: center;
    width: 100%;
}

.section3-content iframe{
    width: 560px;
    height: 315px;
    border-radius: 15px;
    margin: auto;
}

.section3 .action-button,
.section4 .action-button,
.section5 .action-button,
.section6 .action-button
{
    width: 20rem;
    margin: auto;

}

/* Estilos para a seção 4 */
.section4 {
    width: 100%;
    background: #FFF;
}

.section4-header {
    width: 100%;
    align-self: stretch;
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    background: white;
  
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: inline-flex;
}




/* Estilos para a seção 3 */
.section3 {
    width: 100%;
    background: #FFF;
}



.section3-title-text-white {
    color: #FFF;
    font-size: 2.5rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section3-title-text-pink {
    color: #F5B6CD;
    font-size: 2.5rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}


.section3-description-text {
    color: white;
    font-size: 1.3rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1;
    word-wrap: break-word;
}

.section3-description-text-bold {
    color: white;
    font-size: 1.3rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 700;
    line-height: 1;
    word-wrap: break-word;
}


.section4-title {
    text-align: center;
}

.section4-title-text-dark {
    color: #161616;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section4-title-text-purple {
    color: #685BC7;
   
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section4-content {
    width: 100%;
    align-self: stretch;
    padding-top: 4rem;
    padding-bottom: 2.5rem;
    background: white;
   
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 4rem;
    display: inline-flex;
}
.section4-mobile-steps-container{
    display: none;
}
.section4-steps-container {
    justify-content: flex-start;
    align-items: flex-start;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}
.section4-step-box{
    width: 15rem;
}
.section4-step {
   
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1.4rem;
    display: inline-flex;
}

.section4-step-image {
    max-width: 70%;
   
}

.section4-step-title {
   
    text-align: center;
    color: #161616;
    font-size: 1.3rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 600;
    line-height: 1;
    word-wrap: break-word;
}

.section4-step-description {
    align-self: stretch;
    text-align: center;
    color: #161616;
    font-size: 1rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1;
    word-wrap: break-word;
}

.section4-step-description-bold {
    color: #161616;
    font-size: 1.1rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 700;
    line-height: 1;
    word-wrap: break-word;
}

.section4-divider {
    width: 10rem;

    position: relative;
}

.section4-divider-shape {
    width: 100%;
    height: 3.3rem;
    top: 1.2rem;
    position: absolute;
    background-image: url(../../img/welcome/novosite/home/ligacao.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.section4-step-2 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1.4rem;
    display: inline-flex;
}


.section4-step-3 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1.4rem;
    display: inline-flex;
}


/* Estilos para a seção 5 */
.section5 {
    width: 100%;
    background: #F5B6CD;
    padding-bottom: 5rem;
}

.section5-header {
    align-self: stretch;
    padding-top: 5rem;
    padding-bottom: 3rem;
   
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: inline-flex;
    width: 100%;
}

.section5-title {
    align-self: stretch;
    text-align: center;
}

.section5-title-text-black {
    color: black;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section5-title-text-purple {
    color: #685BC7;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section5-content {
    align-self: stretch;
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: #F5B6CD;
   
    justify-content: center;
    align-items: center;
    gap: 1rem;
    display: inline-flex;
}

.section5-image-container {
    max-width: 45%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 3rem;
    display: inline-flex;
}

.section5-image {
    width: 100%;
   
}

.section5-features {
    flex: 1 1 0;
    align-self: stretch;
    padding-top: 2rem;
    padding-bottom: 2rem;
   
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    display: inline-flex;
}

.section5-features .row{
    margin-left: 0;
    margin-right: 0;
}

.section5-features .col-lg-4,
.section5-features .col-md-4{
    padding-left: 5px;
    padding-right: 5px;
}


.section5-features-container {
    
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.5rem;
    display: flex;
}

.section5-feature-card {
    align-self: stretch;
    padding: .5rem;
    background: white;
   
    border-radius: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.7rem;
    margin-bottom: 1rem;
    min-height: 250px;
}


.section5-feature-icon{
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.section5-feature-header{
    margin-bottom: 1rem;
}

.section5-feature-title {
    color: #161616;
    font-size: 1rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: bold;
    line-height: 1;
    word-wrap: break-word;
}

.section5-feature-description {
    align-self: stretch;
    color: #161616;
    font-size: 0.9rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}




/* Estilos para a seção 6 */
.section6 {
    width: 100%;
    padding-bottom: 3rem;
    color: #161616 !important;
}
.section6 a{
    color: #685BC7;
    text-decoration: underline;
}

.section6-header {
    align-self: stretch;
    padding-top: 5rem;
    padding-bottom: 3rem;
   
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: inline-flex;
    width: 100%;
}

.section6-title {
    align-self: stretch;
    text-align: center;
}

.section6-title-text-black {
    color: black;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section6-title-text-purple {
    color: #685BC7;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section6-features {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.section6-features-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.section6-accordion-header {
    align-self: stretch;
    justify-content: space-between;
    align-items: center;
    display: inline-flex;
    width: 100%;
}

.section6-accordion-question {
    width: 95%;
    color: #161616;
    font-size: 1.1rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 600;
    line-height: 1;
    word-wrap: break-word;
}

.section6-accordion-icon img {
    max-width: 20px;
    
}

.section6 .accordion .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.section6 .accordion .card{
    margin-bottom: 1rem;
}

.section6 .accordion .card-header{
    background: #FFF;
    border-radius: 15px !important;
    border: 2px solid #685BC7;
    margin-bottom: 0;
   
}

.section6 .accordion  .card-header.ativo  {
    border-radius: 15px 15px 0 0 !important;
    
}
  
.section6 .accordion .card{
    border: none !important;
}

.section6 .accordion .card-body{
    border-left: 2px solid #685BC7;
    border-right: 2px solid #685BC7;
    border-bottom: 2px solid #685BC7;
    border-radius: 0 0 15px 15px !important;
}

.section6-tarifas {
    align-self: stretch;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: rgba(255, 255, 255, 0);
    border-radius: 15px;
    outline: 2px #685BC7 solid;
    outline-offset: -2px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    display: inline-flex;
}

.section6-tarifas-text {
    align-self: stretch;
}

.section6-tarifas-text-normal {
    color: #161616;
    font-size: 1rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 300;
    line-height: 1.2;
    word-wrap: break-word;
}

.section6-tarifas-text-bold {
    color: #161616;
    font-size: 1rem;
    font-family: "Palanquin", sans-serif;;
    font-weight: 500;
    line-height: 1.2;
    word-wrap: break-word;
    font-weight: bold;
}

.section6-accordion-button{
    width: 100%;
    text-align: right;
    color: #685BC7;
    font-size: 27px;
    line-height: 25px;
    font-family: "Palanquin", sans-serif;;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    margin-top: 2rem;
}


/* Estilos para a seção 6 */
.section7 {
    width: 100%;
    padding-bottom: 3rem;
    background-color: #FFF;
}


.section7-header {
    align-self: stretch;
    padding-top: 5rem;
    padding-bottom: 3rem;
   
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: inline-flex;
    width: 100%;
}

.section7-title {
    align-self: stretch;
    text-align: center;
}

.section7-title-text-black {
    color: black;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section7-title-text-purple {
    color: #685BC7;
    
    font-family: "Palanquin", sans-serif;;
    font-weight: 400;
    line-height: 1.2;
    word-wrap: break-word;
}

.section7-features {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.section7-features-container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}



* Estilos para Section7 Features */
.section7-features-container {
    width: 100%;
    height: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 28px;
    display: inline-flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.section7-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 28px;
}

.section7-cha-card {
    width: 320px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 9px;
    display: inline-flex;
    cursor: pointer;
    margin-bottom:2rem;
}

.section7-cha-card.gap-12 {
    gap: 12px;
}

.section7-cha-img {
    align-self: stretch;
    height: 215px;
    border-radius: 15px;
}

.section7-cha-card:hover .section7-cha-img{
    border: 2px #685BC7 solid;
}

.section7-cha-title {
    align-self: stretch;
    text-align: center;
    color: #161616;
    font-size: 24px;
    font-family:  "Palanquin", sans-serif;
    font-weight: 600;
    text-decoration: underline;
    line-height: 25px;
    word-wrap: break-word;
}

.section7-cha-card:hover .section7-cha-title {
    color: #685BC7;
}

.section7-cta-card {
    width: 320px;
    height: 215px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    display: inline-flex;
    cursor: pointer;
    margin-bottom:2rem;
    margin-left:10px;
    margin-right:10px;
    background: #A4DBE8;
    border-radius: 15px;
    align-self: flex-start;
    color: #161616;
}

.section7-cta-card:hover{
    border: 2px #685BC7 solid;
    color: #685BC7;
}

.section7-cta-title {
    width: 100%;
    height: 25px;
    text-align: center;
    font-size: 24px;
    font-family:  "Palanquin", sans-serif;
    font-weight: 600;
    line-height: 25px;
    word-wrap: break-word;
}

.section7-cta-button-wrapper {
    width: 167px;
    height: 24px;
    position: relative;
}

.section7-cta-button {
    width: 167px;
    height: 24px;
    left: 0px;
    top: 0px;
    position: absolute;
    text-align: center;
    font-size: 16px;
    font-family: Inter;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    word-wrap: break-word;
}


.section8 {
    width: 100%;
    background: #FBF7EC;
}










.section8-header {
    align-self: stretch;
    padding-top: 5rem;
    padding-bottom: 3rem;
   
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    display: inline-flex;
    width: 100%;
}

.section8-title {
    align-self: stretch;
    text-align: center;
}


.section8-content-item{
    position: relative;
    width: 100%;
    background-color: #A4DBE8;
    border-radius: 15px;
    padding: 3rem 4rem;
}

.section8-content-item-text{
    color: #161616;
    font-family: "Palanquin", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 138.889% */
}

.img-circle {
    border-radius: 50%;
}
.section8-content-item-outros{
    width: 100%;
    text-align: center;
}
.section8-content-item-outros-text{
    color: #685BC7;
    font-family: "Palanquin", sans-serif;
    font-size: 24px;
   
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 138.889% */
    margin-bottom: 2rem;
}
.section8-content-item-outros .action-button{
    width: 20rem;
}
.profile-depoimento {
    margin: 0 auto;
    width: 100px;
    padding: 1px;
    border: 3px solid var(--cor-secundaria);
    height: auto;
}
.section8-content-item-profile{
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1rem;
    color:#161616;
}

.section8-content-item-profile{
    margin-top: 2rem;
}
.section8-content-item-profile-item-name{
    font-family: "Palanquin", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: 25px; /* 104.167% */
    word-wrap: break-word;
    padding-top: 1rem;
}

.section8-content-item-profile-item-location,
.section8-content-item-profile-item-date{
    font-family: "Palanquin", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    word-wrap: break-word;
}

.section8-content-item-arrows{
    width: 100%;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.section8-content-item-arrows *{
    cursor: pointer;
}
.section8-content-coroa{
    position: absolute;
    top: -20px;
    left: -40px;
}
.section8-content-coracao{
    position: absolute;
    bottom: -20px;
    right: -25px;
}















  
@media (max-width: 1794px) {
    .banner-coracao {
        right: 11vw;
    }
}
@media (max-width: 1713px) {
    .section1 {
        padding-bottom: 25vh;
    }
}
@media(max-width: 1698px) {
    .section1 {
        padding-bottom: 15vh;
    }
    .banner-container {
        padding-left: 45rem;
    }
}
@media (max-width: 1630px) {
    .banner-coracao {
        right: 9vw;
    }
}
@media(max-width: 1572px) {
    .section1 {
        padding-bottom: 10vh;
    }
}
@media(max-width: 1494px) {
    .banner-coracao {
        right: 7vw;
    }  
}
@media (max-width: 1478px) {
    .section1 {
        padding-bottom: 0vh;
        height: 475px;
    }
   
    .banner-container {
        padding-left: 40rem;
        padding-top: 6rem;
    }
    .main-title {
        font-size: 2rem;
        line-height: 1.2;
    }
   
    .description{
        font-size: 1.2rem;
    }
    .banner-seta {
        top: -70px;
        left: -50px;
        width: 110px;
    }
    .banner-coracao {
        top: 40px;
        right: 15vw;
        width: 30px;
    }
    
   
}

@media(max-width: 1400px) {
    .content-container {
        max-width: 40vw;
    }
    .banner-container {
        padding-left: 35rem;
    }
    .banner-coracao {
       
        right: 20vw;
       
    }
}


@media (max-width: 1300px) {
    .banner-coracao {
       
        right: 18vw;
       
    }
    .section3-header {
         padding-top: 5rem;  
         gap: 2rem;
    }
    
   
    .section6 {
        padding-bottom: 3rem;
    }
    .section6-header {
        padding-top: 5rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }
    .section6-features {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .section6-accordion-icon img {
        max-width: 20px; 
    }
    .section6-tarifas {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        gap: 1rem;
    }


    .section4-header {
        padding-top: 4rem;
        padding-bottom: 2.5rem;
        gap: 2rem;
    }
    .section4-content {   
        padding-top: 4rem;
        padding-bottom: 2.5rem;
        gap: 4rem;
    }
    .section4-step {
         gap: 1.4rem;
    }
    .section4-divider {
        width: 10rem;
        height: 11rem;
    }
    .section4-divider-shape {
        height: 3.3rem;
        top: 1.2rem;
    }
    .section4-step-2 {
        gap: 1.4rem;
    }
   


    .section6 {
        padding-bottom: 3rem;
    }
    .section6-header {
        padding-top: 5rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }
    .section6-features {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .section6-accordion-icon img {
        max-width: 20px; 
    }
    .section6-tarifas {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        gap: 1rem;
    }
  
}

@media (max-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 900px !important;
        margin: 0 auto !important;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 1200px) {
    .section1 {
        height: 400px;
    }
    .banner-container {
        padding-left: 30rem;
    }

    .main-title {
        font-size: 2rem;
        line-height: 1.2;
    }
   
    .description{
        font-size: 1.2rem;
    }
    .banner-seta {
        top: -70px;
        left: -50px;
        width: 110px;
    }
    .banner-coracao {
        top: 40px;
        right: 15vw;
        width: 30px;
    }

    .content-container {
        max-width: 45vw;
    }
   
    .section4-step-box {
        width: 12rem;
    }
    .section4-divider {
        width: 7rem;
    }
    .section4-step-title {
        font-size: 1.1rem;
    }
    .section4-step-description {
        font-size: 0.9rem;
    }
    .section4-step-description-bold{
        font-size: 0.9rem;
    }

    .section5-image-container {
        max-width: 40%;
    }
    .section5-feature-title{
        font-size: 0.9rem;
    }
    .section5-feature-description{
        font-size: 0.8rem;
    }
    .section5-feature-icon-img{
        max-width: 40px;
    }
    .section5-feature-icon {
        margin-bottom: .5rem;
        margin-top: .5rem;
    }
    .section5-feature-card {
        min-height: 210px;
    }
    .section7-cha-card {
        width: 275px;
    }
    .section7-cha-img {
        height: 175px;
    }
    .section7-cta-card {
        width: 275px;
        height: 175px;
    }

          
}

@media (max-width: 1000px) {
    .section1 {
        height: 350px;
    }
    .banner-container {
        padding-left: 25rem;
        padding-top: 4rem;
    }

    .main-title {
        font-size: 1.5rem;
        line-height: 1.2;
    }
   
    .description{
        font-size: 1rem;
    }
    .banner-seta {
        top: -50px;
        left: -35px;
        width:80px;
    }
    .banner-coracao {
        top: 35px;
        right: 24vw;
        width: 20px;
    }

    .content-container {
        max-width: 45vw;
    }

    .section-title{
        font-size: 2.5rem;
    }
    .action-button {
        height: 2.5rem;
    }
    .section3-title-text-white {
        font-size: 2.1rem;
        line-height: 1;
    }
    .section3-title-text-pink{
        font-size: 2.1rem;
        line-height: 1;
    }
    .section4-title-text-dark{
       
        line-height: 1;
    }
    .section4-title-text-purple{
       
        line-height: 1;
    }
    .section4-divider {
        width: 8rem;
        height: 7rem;
    }
    .section4-divider-shape {
        width: 6rem;
        height: 3.3rem;
    }
    .container, .container-md, .container-sm {
        max-width: 900px !important;
    }
    .section7-cha-card {
        width: 200px;
    }
    .section7-cha-img {
        height: 125px;
    }
    .section7-cta-card {
        width: 200px;
        height: 125px;
    }
    .section7-cha-title,
    .section7-cta-title
     {
        font-size:18px;
    }
}
@media (max-width: 1046px) {
    .section8-content-item {
        width: 80%;
        margin: auto;
    }
}
@media (max-width: 940px) {
    .banner-coracao {
        right: 22vw;
    }
    .section6-features-container {
        width: 80%;
    }
}
@media (max-width: 878px){
    .section5-image-container {
        max-width: 35%;
    }
}

@media (max-width: 861px){
    .section4-step-box {
        width: 11rem;
    }
    .section4-divider {
        width: 6rem;
    }
}
@media (max-width: 850px) {
    .banner-coracao {
        right: 18vw;
    }
}
@media (max-width: 810px) {
    .section1 {
        height: 280px;
    }
    .content-container {
        max-width: 50vw;
    }
    .banner-container {
        padding-left: 20rem;
        padding-top: 2rem;
    }
    .banner-seta {
        top: -25px;
        left: -20px;
        width: 50px;
    }
    .banner-coracao {
        top: 35px;
        right: 24vw;
        width: 20px;
    }
}
@media (max-width: 800px){
    .section5-image-container {
        max-width: 35%;
    }
    .section5-feature-title{
        font-size: 0.8rem;
    }
    .section5-feature-description{
        font-size: 0.7rem;
    }
    .section5-feature-icon-img{
        max-width: 30px;
    }
    .section5-feature-icon {
        margin-bottom: .25rem;
        margin-top: .25rem;
    }
    .section5-feature-card {
        min-height: 180px;
    }
}
@media (max-width: 750px) {
    .banner-coracao {
        right: 22vw;
    }

    .section4-step-box {
        width: 10rem;
    }
    .section4-divider {
        width: 5rem;
    }
    .section6-title{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media (max-width: 700px) {
    .section7-cha-card {
        width: 160px;
    }
    .section7-cha-img {
        height: 115px;
    }
    .section7-cta-card {
        width: 160px;
        height: 115px;
    }
    .section7-cta-title,
    .section7-cta-button
    {
        font-size:14px;
    }
}
@media (max-width: 682px) {
    .banner-coracao {
        right:19vw;
    }
}
@media (max-width: 670px) {
    .section4-step-box {
        width: 9rem;
    }
    .section4-divider {
        width: 4rem;
    }
    .section4-divider-shape {
        width: 5rem;
        height: 3.3rem;
        top:0.5rem;
    }
    .section5-feature-card {
        min-height: 230px;
    }
}
@media (max-width: 632px) {
    .banner-coracao {
        right:19vw;
    }
    #email {
        height: 30px;
    }
    #acsubmit {
        height: 30px;
        font-size: 0.7rem;
    }
}
@media (max-width: 610px) {
    .section1{
        height: fit-content;
        padding-top: 2rem;
    }
    .item-web{
        display: none;
    }
    .item-mobile{
        display: block;
    }
    .banner1-img {
        max-width: 100%;
    }
    .container, .container-md, .container-sm {
        max-width: 80vw !important;
    }
    .action-button{
        width: 100% !important;
    }
    
    
    
    .section4-divider {
        display: none;
    }

    
    
    .section4-step-box {
        width: 90%;
        padding-top: 4rem;
        margin: auto;
    }
    .section4-step-image {
        max-width: 10rem;
    }
    .section4-content {
        padding-top: 0rem;
    }
    
    .section4-step-description,
    .section4-step-description-bold {
        font-size: 18px;
    }

    .section4-step-title {
        font-size: 24px;
    }
    .section1 {
        background:#685BC7;
    }
    .section1 {
        width: 100%;
        padding-bottom: 2rem;
    }
    .section1 .div-logo{
        display: block;
        text-align: center;
    }
    .banner-container .form-group{
        display: block;
    }
   
    .banner-container {
        padding-left: 0 !important;
    }
    .content-container {
        max-width: 80% ;
        margin: auto;
    }
    .main-title {
        font-size: 3.2rem;
        text-align: center;
        padding-top: 1rem;
    }
    .description {
        font-size: 1.5rem;
        text-align: center;
    }
    .section3-content iframe{
        max-width: 100%;
        height: 315px;
    }
    #email {
        padding: .5rem .75rem;
        height: 70px;
        font-size: 1.5rem;
        border-radius: .25rem;
        width: 100%;
    }
    #acsubmit {
        width: 100%;
        height: 70px;
        font-size: 1.5rem;
        border-radius: .25rem;
        padding: .5rem .75rem;
        margin-top: 1rem;
    }
    .fields-container {
        gap: 1.5rem;
    }
    form{
        gap: 1.5rem;
    }
    .action-button{
        height: 70px;
        font-size: 1.5rem;
    }
   
    .section3-title-text-white{
       
        line-height: 1.2;
    }
    .section3-title-text-pink{
       
        line-height: 1.2;
    }
    .section3-description-text{
        font-size: 1.6rem;
        line-height: 1.2;
    }
    .section3-description-text-bold{
        font-size: 1.6rem;
        line-height: 1.2;
    }
    .section3-content{
        padding-top: 0rem;
    }
    .section3-description{
        max-width: 100%;
    }

    .section5-header {
        padding-bottom: 0;
    }
    .section5-image-container {
        max-width: 100%;
    }

    .section5-feature-title{
        font-size: 24px;
    }
    .section5-feature-description{
        font-size: 18px;
    }

    .section5-content {
        display: block;
    }
    .section5-content{
        text-align: center;
    }
    .section5-feature-card{
        text-align: center;
        padding: 2rem;
    }
    .section5-feature-icon-img {
        max-width: 100%;
        margin-bottom: 1rem;
    }

    .section7-cha-card {
        width: 320px;
    }
    .section7-cha-img {
        height: 210px;
    }
    .section7-cta-card {
        width: 320px;
        height: 210px;
    }
    .section7-cha-title,
    .section7-cta-title, .section7-cta-button {
     
        font-size: 24px;
    }
    .section7-cta-button-wrapper {
        width: 100%;
    }
    .section7-cta-button {
        width: 100%;
        position: relative;
    }
    .section8-content-item {
        width: 90%;
        padding: 2rem;
    }
    .section8-coroa {
        margin: 0 auto;
        padding-bottom: 1rem;
    }
    .section8-header{
        padding-bottom:1rem;
    }
   

    .section-blog{
        background-color: #FBF7EC;
        padding-bottom: 2rem;
    }
    .section6-accordion-button {
        text-align: center;
        font-size: 16px;
    }
    .section-blog-header {
        align-self: stretch;
        padding-top: 3rem;
        padding-bottom: 1rem;
        flex-direction: column;
        justify-content: left;
        gap: 1rem;
        display: inline-flex;
        width: 100%;
        color: #000;
        font-family: "Palanquin", sans-serif;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: 58px; /* 120.833% */
    }

    .section-blog-text {
        color: #161616;

        font-family: "Palanquin", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px; /
    }
    .section-blog-text a {
        color: #685BC7;
        text-decoration: underline;
    }
    .section-blog .action-button {
        width: 80%;
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    
    .section-blog-img{
        max-width: 315px;
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: 10px;        
    }
    .section-blog-post {
        max-width: 315px;
        color: #685BC7;
        font-family: "Palanquin", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 116.667% */
        margin: auto;
    }
    
    .section6-title {
        padding-left: 0;
        padding-right: 0;
    }
    .section6-accordion-icon img {
        max-width: 12px;
    }
    .section6-features-container {
        width: 100%;
    }
    .section6-features {
        padding-top: 0;
    }
}

@media (max-width: 500px) {
    .container {
        padding-bottom: 0px !important;
    }
    .content-container {
        max-width: 90%;
    }
    .container, .container-md, .container-sm {
        max-width: 90vw !important;
    }
    
        
    
    
    .section3-title-text-white{
        font-size: 2.5rem;
        line-height: 1.2;
    }
    .section3-title-text-pink{
        font-size: 2.5rem;
        line-height: 1.2;
    }
    
    .section4-step-image {
        max-width: 8.5rem;
    }
    .section5-title-text-black {
        font-size: 2.5rem;
        line-height: 1.2;
    }
    .section5-title-text-purple {
        font-size: 2.5rem;
        line-height: 1.2;
      
    }
    .section6-title-text-black {
        font-size: 2.5rem;
    }
    .section6-title-text-purple{
        font-size: 2.5rem;
    }
    .section6 .btn-link.btn-block{
        padding: 0;;
    }

    .section6 .card-header {
        padding: .35rem 0.75rem;
    }
}

@media (max-width: 420px) {
    .content-container {
        max-width: 90%;
    }
    .container, .container-md, .container-sm {
        max-width: 100vw !important;
    }
    .main-title {
        font-size: 2.5rem;
    }
    .description {
        font-size: 1.3rem;
    }
    .action-button {
        font-size: 1.3rem;
    }
    #email {
        height: 50px;
        font-size: 1.3rem;
    }
    #acsubmit {
        height: 50px;
        font-size: 1.3rem;
    }
    .section3-title-text-white{
        font-size: 2rem;
        line-height: 1.2;
    }
    .section3-title-text-pink{
        font-size: 2rem;
        line-height: 1.2;
    }
    .section3-description-text {
        font-size: 1.3rem;
    }
    .section3-description-text-bold {
        font-size: 1.3rem;
    }
    .section3-content {
        padding-bottom: 3.5rem;
    }
    .section3-content iframe{
        height: 250px;
    }
    .section-title{
        font-size: 2rem;
    }
    .section4-step-image {
        max-width: 7rem;
    }

    .section5-title-text-black {
        font-size: 2rem;
        line-height: 1.2;
    }
    .section5-title-text-purple {
        font-size: 2rem;
        line-height: 1.2;
      
    }
    
    .section6-title-text-black {
        font-size: 2rem;
    }
    .section6-title-text-purple{
        font-size: 2rem;
    }
    .section6-accordion-question {
        font-size:0.9rem;
    }
    .section6 {
        padding-bottom: 0rem;
    }
    

}


@media (max-width: 390px) {
    .profile-depoimento{
        width: 70px;
        height: fit-content;
    }
}
@media (max-width: 357px) {
    .profile-depoimento{
        width: 60px;
        height: fit-content;
    }
    .section8-content-item-profile-item-name{
        font-size: 14px;
        padding-top: 0rem;
        line-height:1.2;
    }
    .section8-content-item-profile-item-location,
    .section8-content-item-profile-item-date{
        font-size: 12px;
        line-height:1.2;
    }
    .section-blog-img,
    .section7-cha-img {
        max-width: 90%;
    }
    .section7-cha-img {
        height: 170px;
    }
    
}

@media (max-width: 328px) {
    .main-title {
        font-size: 2rem;
    }
    .description {
        font-size: 1rem;
    }
    .section4-step-box {
        padding-top: 2rem;
    }
    .section4-header {
        padding-bottom: 0;
    }
}