/* -------------------------------------------------------------------
 * BENEFICIOS
 * -----------------------------------------------------------------*/
#beneficio { padding: 5rem 0 0; }
#beneficio h2 { margin-bottom: 2.5rem !important; font-size: 2.2rem; font-weight: bolder; }
#beneficio div,  #contabil p { font-size: 1.5rem !important; }

@media( max-width: 900px ) {
    #beneficio h2 br { display: none; }
    #beneficio div, #contabil p { font-size: 1.2rem !important;}
    #beneficio h2 { font-size: 1.8rem; }
}

@media (max-width: 575px) {
    #beneficio h2 {
        font-size: 1.6rem;
    }
}
@media( max-width: 900px ) {
    #beneficio h2 { font-size: 1.8rem;}
}

/* -------------------------------------------------------------------
 * CONTÁBIL
 * -----------------------------------------------------------------*/
#vantagem { padding: 5rem 0rem 3rem 0; }
#vantagem h2 { font-weight: bolder; margin-bottom: 2.5rem !important; font-size: 2.2rem; }
#vantagem ul { list-style: none; padding: 0; }
#vantagem ul li { display: flex; align-items: center; font-size: 1.5rem; margin: .4rem 0; }
#vantagem ul li i { color: var(--color-tertiary); margin-right: 0.8rem; font-size: .6rem; }
 
@media( max-width: 900px ) {
    #vantagem h2 { font-size: 1.8rem;}
    #vantagem h2 br { display: none; }
    #vantagem ul li { font-size: 1.2rem; margin: .2rem 0; }

}

@media (max-width: 575px) {
    #vantagem h2 { font-size: 1.6rem;}
}




/* -------------------------------------------------------------------
 * SERVIÇOS
 * -----------------------------------------------------------------*/
#servicos { 
    background: var(--color-primary);
    color: var(--color-font-dark);
    padding: 7rem 0 7rem 0;
    /* clip-path: polygon(0 8%, 100% 0, 100% 92%, 0% 100%); */
    border-block: 10px double white;
    border-radius: 1rem 15rem 15rem 1rem;
    width: 90%;
    
}
#servicos h2 { font-weight: bolder; color: var(--color-font-light); margin-bottom: 2.5rem !important; font-size: 2.2rem; }
#servicos ul { list-style: none; padding-left: 0; }
#servicos ul li { font-weight: 600; padding: .2rem 0; display:flex; color: var(--color-font-light); font-size: 1.2rem; }
#servicos ul li i { color: var(--color-secondary); margin-right: 0.5rem; }

#servicos .img {
    position: absolute;
    right: 0;
}


@media( max-width: 900px ) {
    #servicos h2 { font-size: 1.8rem;}
}

@media (max-width: 575px) {
    #servicos h2 { font-size: 1.6rem;}
    #servicos { border-radius: 1rem 10rem 10rem 1rem ; width: 95% !important;}
}

/* -------------------------------------------------------------------
 * PLANOS
 * -----------------------------------------------------------------*/
#planos{ padding: 4rem 0 1rem 0; }
#planos h2 { font-weight: bolder; margin-bottom: 2.5rem !important; font-size: 2.2rem; }

#planos .beneficio h3 { font-weight: 600; margin-bottom: 2.6rem !important; font-size: 1.5rem; }
#planos .beneficio ul { list-style: none; padding-left: 0; }
#planos .beneficio ul li { padding: .2rem 0; display:flex; align-items: center; }
#planos .beneficio ul li i { color: var(--color-primary); margin-right: .3rem; font-size: .7rem; }

#planos .plano div { padding: 1.5rem 0; border: solid 3px var(--color-secondary); border-radius: 10px; transition: .3s ease-in-out; }
#planos .plano div:hover { transform: scale(1.05);}
#planos .plano div h3 { 
    font-weight: bolder;
 }
#planos .plano div .valor{ font-weight: 600; font-size: 1.2rem; color: var(--color-primary); display: flex; justify-content: center; }
#planos .plano div .valor .big{ font-size: 4rem; color: var(--color-primary); line-height: 2.2rem; margin-left: 3px; }
#planos .plano div .valor .small{ font-size: 1.3rem; color: var(--color-primary); line-height: 4rem; }
#planos .plano div hr { width: 86%; margin: .8rem 7% .7rem; }
#planos .plano div ul{ padding: 0; }
#planos .plano div ul li { list-style-type: none; text-align: center; line-height: 2rem; display:flex; justify-content: center; }
#planos .plano div ul li i { color: var(--color-primary); font-size: .7rem; margin-right: 0.5rem; display: flex; align-items: center;}

@media (max-width:1199px) {
    #planos .beneficio ul { display: flex; flex-wrap: wrap; justify-content: center;}
    #planos .beneficio ul li { min-width: 300px; }
}

@media( max-width: 900px ) {
    #vantagem h2 { font-size: 1.8rem;}
}

@media (max-width:768px) {
    #planos h2 br { display: none; }
}

@media (max-width: 575px) {
    #planos h2 { font-size: 1.6rem;}
}




/* -------------------------------------------------------------------
 * SIMULADOR
 * -----------------------------------------------------------------*/
#simulador { padding: 2rem 0; display: none;}
#simulador h2 { font-weight: 600; font-size: 1.5rem; text-align: right; margin-right: 2rem; }
#simulador .btn_theme_primary { font-weight: 600; color: var(--color-font-light) !important; }
@media (max-width:991px) {
    #simulador h2 { font-size: 1.2rem; }
}
@media (max-width:767px) {
    #simulador h2 { text-align: center; }
}


/* -------------------------------------------------------------------
 * CONTABILIDADE (ABRIR / MIGRAR EMPRESA)
 * -----------------------------------------------------------------*/
#contabilidade { padding: 4rem 0 2rem 0; }
#contabilidade h2 { font-weight: bolder; font-size: 2.2rem; text-align: center; }
#contabilidade h3 { font-weight: 600; font-size: 1.3rem; text-align: center; }

#contabilidade article {     transition: .5s ease-in-out; min-height: 11rem; background-color: var(--color-primary); padding: 1rem; border-radius: 15px; border-radius: 1rem 4rem 1rem 4rem; border-block: 10px double white;}
#contabilidade article img { max-height: 70px; margin-right: 1rem; }
#contabilidade article h3 {color: var(--color-font-light);  font-size: 1.2rem; font-weight: 400; text-align: center; }
#contabilidade article p { color: var(--color-font-light); font-size: .9rem; }
#contabilidade article:hover {
    transform: scale(1.02);
}

@media( max-width: 900px ) {
    #contabilidade h2 { font-size: 1.8rem;}
}

@media (max-width: 575px) {
    #contabilidade h2 { font-size: 1.6rem;}
}


/* -------------------------------------------------------------------
 * ETAPA
 * -----------------------------------------------------------------*/
 #etapa { text-align: center; padding: 4rem 0 0; }
 #etapa h2 { font-weight: bolder; font-size: 1.8rem; }
 #etapa span { 
    background-color: var(--color-secondary); 
    color: var(--color-font-light); 
    display: inline-flex;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    font-size: 2rem;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}
#etapa p { padding: 1rem 2rem 0; font-weight: 500; font-size: 1.2rem; }

#etapa .carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 300px;
    overflow: hidden;
}

#etapa .carousel-item {
    display: block;
    width: 30%;
    margin: 0 0px;
    transition: transform 0.5s, opacity 0.5s;
    opacity: 0.5; 
    transform: scale(0.8); 
    text-align: center;
    visibility: visible; 
}
#etapa .carousel-item.active { transform: scale(1); opacity: 1; z-index: 2; }

.carousel-buttons { position: absolute; top: 50%; transform: translateY(-50%); }
.carousel-buttons.prev { left: 0; }
.carousel-buttons.next { right: 0; }

.carousel-buttons button {
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

@media (max-width:991px) {
    #etapa p { padding: 1rem 0 0; font-weight: 500; }
}

@media (max-width: 575px) {
    #etapa h2 { font-size: 1.6rem;}
    /* #etapa { display: none; } */
}



/* -------------------------------------------------------------------
 * ATIVIDADES
 * -----------------------------------------------------------------*/
#atividade { padding: 5rem 0; }
#atividade h2 { font-weight: bolder; font-size: 1.6rem; }
#atividade ul { list-style: none; margin: 0; }
#atividade ul li { font-weight: 500; display:flex; }


/* -------------------------------------------------------------------
 * PERGUNTAS FREQUENTES
 * -----------------------------------------------------------------*/
#perguntas { 
    background: var(--color-primary);
    color: var(--color-font-dark);
    padding: 7rem 0 7rem 0;
    /* clip-path: polygon(0 8%, 100% 0, 100% 92%, 0% 100%); */
    border-block: 10px double white;
    border-radius: 15rem 1rem 1rem 15rem;
    width: 90%;
    margin-left: 10%;
}
#perguntas h2 { font-weight: bolder; color: var(--color-font-light); margin-bottom: 3rem; font-size: 2.2rem; }
#perguntas p { font-size: 1rem; }

#perguntas .img {
    position: absolute;
    left: 0;
}

#perguntas .accordion {
    background: #FFFF;
    border: 0;
    padding: 0.8rem 1rem;
    border-radius: 5px;
    font-weight: 500;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .7rem;
}
#perguntas .accordion i { font-size: 20px; }
#perguntas button:focus { outline: 0px !important; }

#perguntas .panel { 
    font-size: .9rem; 
    display: none; 
    font-weight: 600; 
    margin-top: -0.1rem; 
    margin-bottom: 1rem;
    padding: 0 1rem; 
}
#perguntas .panel p { margin-bottom: 0 !important; color:  var(--color-font-light); }
#perguntas .panel p i { font-size: 20px; color: var(--color-font-light); }

#perguntas .btn_theme_secondary { padding: 1rem !important; border-radius: 12px !important; }

@media( max-width: 900px ) {
    #perguntas h2 { font-size: 1.8rem;}
}

@media (max-width: 575px) {
    #perguntas h2 { font-size: 1.6rem;}
    #perguntas { border-radius: 10rem 1rem 1rem 10rem ; width: 95% !important; margin-left: 5%; padding: 5rem 1rem 5rem 1rem;}

}



/* -------------------------------------------------------------------
 * NOTICIAS - ARTIGOS - BLOG
 * -----------------------------------------------------------------*/
#noticias { padding: 4rem 0; }
#noticias h2 { font-weight: bolder; font-size: 2.2rem; }
#noticias h3 { font-weight: 600; font-size: 1.3rem; }

#noticias .noticias article span,
#noticias .artigos article span,
#noticias .blog article span {
    background-color: var(--color-primary);
    color: var(--color-font-light);
    text-align: center;
    font-weight: 500;
    font-size: .8rem;
    line-height: 1.1rem;
    border-radius: 6px;
    padding: 8px 12px;
    display: inline-block;
    margin-bottom: 5px;
}
#noticias .noticias article h3, #noticias .artigos h3, #noticias .blog h3 { 
    font-size: 1.1rem; 
    font-weight: 500; 
    font-weight: 600; 
    margin: 6px 0 2px 0; 
}
#noticias .noticias article p { font-weight: 600; color: var(--color-primary); font-size: .8rem; }
#noticias .noticias article:hover h3 { color: var(--color-secondary-hover); }
#noticias .noticias article:hover span { background-color: var(--color-primary-hover); }

#noticias .artigos article span { background-color: var(--color-span-artigo); }
#noticias .artigos article p { font-weight: 600; font-size: .8rem; }

#noticias .blog article span { background-color: var(--color-tertiary); }
#noticias .blog article p { font-weight: 600; font-size: .8rem; }

#noticias article .image-cover { position: relative; padding: 0 !important; height: auto; }
#noticias article .image-cover img { 
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: 1s;
 }

@media( max-width: 900px ) {
    #noticias h2 { font-size: 1.8rem;}
}

@media (max-width: 575px) {
    #noticias h2 { font-size: 1.6rem;}

}


 /* -------------------------------------------------------------------
 * NEWSLETTER
 * -----------------------------------------------------------------*/
#newsletter{ padding: 2rem 0 4rem 0; }
#newsletter h2 { font-weight: 600; font-size: 1.5rem; text-align: right; margin-right: 2rem; }
#newsletter .form-border { border: 1px solid var(--color-secondary); padding: 0.6rem 1.5rem; border-radius: 2rem; }
#newsletter .form-border input { border: 0px; min-width: 300px; }
#newsletter .form-border input:focus, 
#newsletter .form-border input:active {
    border: 0 !important;
    box-shadow: none !important;
}
#newsletter .btn_theme_primary { font-weight: 600; }
@media (max-width:991px) {
    #newsletter h2 { font-size: 1.1rem; }
    #newsletter h2 br { display: none; }
    #newsletter .form-border input { min-width: 200px; }
}
@media (max-width:767px) {
    #newsletter h2 { text-align: center; }
}


/* -------------------------------------------------------------------
 * DEPOIMENTOS
 * -----------------------------------------------------------------*/
#depoimentos { 
    background: var(--color-primary);
    padding: 4rem 0 4rem 0;
    border-radius: 10rem;
    width: 90%;
    margin: 0 auto !important;
    border: 10px double white;
}
#depoimentos h2 { font-weight: bolder; color: var(--color-font-light); margin-bottom: 3rem; font-size: 2.2rem; }
#depoimentos .depoimento-image { position: absolute; left: 0; margin: 1%; padding-left: 0; }

    /* position: absolute;
    left: -30px;
    margin-top: 1%;
    padding-left: 0; */
    
#depoimentos .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    background-color: var(--color-box-depoimento);
    padding: 15px 20px;
    border-radius: 1rem;
    min-height: 280px;
    font-weight: 500; 
}
#depoimentos small { font-weight: 600; }

@media( max-width: 900px ) {
    #depoimentos h2 { font-size: 1.8rem;}
}

@media (max-width: 575px) {
    #depoimentos h2 { font-size: 1.6rem;}
    #depoimentos { border-radius: 10rem 10rem 10rem 10rem ; width: 95% !important;}
}
@media(max-width:767px) {
    #depoimentos { 
    }
    #depoimentos h2 br { display: none; }
    #depoimentos { 
        padding: 5rem 0;
    }
}




/* -------------------------------------------------------------------
 * PARCEIROS
 * -----------------------------------------------------------------*/
#parceiros { padding: 4rem 0 4rem 0; }
#parceiros h2 { font-weight: bolder; margin-bottom: 3rem; font-size: 2.2rem; }
#parceiros img { max-width: 200px; }
#parceiros .btn_theme_primary { color: var(--color-font-light) !important; font-weight: 600; }

#parceiros a { margin: 0 4px;}

@media( max-width: 900px ) {
    #parceiros h2 { font-size: 1.8rem;}
}
@media(max-width:575px) {
    #parceiros { text-align: center; }
    #parceiros h2 { font-size: 1.8rem; }
    #parceiros div.d-flex { justify-content: center !important; }
    #parceiros h2 { font-size: 1.6rem;}

}
 
/* -------------------------------------------------------------------
 * SOCIAL
 * -----------------------------------------------------------------*/
#social { padding: 2rem 0; }
#social h2 { font-weight: 600; font-size:1.5rem; margin-bottom: 1.6rem; }
#social img { max-width: 65px; margin: 0 5px; }


/* -------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------*/
#footer {
    background: var(--color-primary);
    color: var(--color-font-dark);
    border-radius: 15rem 15rem 0rem 0rem;
    border-top: 10px double white;
}

#footer-container {

    padding-top: 9rem;
}
#footer #footer-container h2 { font-weight: bolder; color: var(--color-font-light); margin-bottom: 2rem; font-size: 2rem; }
#footer #footer-container h3 { font-weight: 600; margin-bottom: 1.5rem; font-size: 1.4rem; color: var(--color-font-light); }
#footer #footer-container img { margin-bottom: -10px; position: relative; z-index: 1; }
#footer #footer-container .contatos {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}

#footer #footer-container .contatos a { color: var(--color-font-light); }
#footer #footer-container .contatos p { 
    display: block;
    border-radius: 10px !important;
    width: 90%;
    text-align: center;
    margin-bottom: 0.6rem;
}

#footer #footer-container .endereco { margin: 3rem 0 2rem 0; color: var(--color-font-light) }
#footer #footer-container .endereco i { font-size: 3rem; margin-right: 1rem; color: var(--color-font-light) }
#footer #footer-container .endereco p { font-weight: bold; font-size: 1rem; margin:0px; color: var(--color-font-light) }
 
#footer #mapa { width: 100%; height: 400px; border:0; margin: 0; display: block; position: relative; z-index: 2; }

/* Copy */
#footer #copyright { background: var(--color-secondary);  }
#footer #copyright .container { padding:1.2rem 0 1.5rem 0; }
#footer #copyright p{ font-size: .9rem; letter-spacing: 1px; margin: 0; color: var(--color-font-light) !important; }
#footer #copyright .selos{ padding-left: 3rem; padding-right: 3rem; }
#footer #copyright .selos a { color: var(--color-font-light); }
#footer #copyright .selos .d-flex p { font-size: 0.6rem; text-transform: uppercase; margin: 0 0 9px 0; }
#footer #copyright .selos img { max-height: 35px; }

@media (max-width:991px) {
    #footer #footer-container { padding-top: 6rem; }
    #footer #footer-container h2 { font-size: 1.8rem;}
}
@media (max-width:768px) {
    #footer #footer-container { padding:4rem 1rem 0rem 1rem ;  clip-path: none; }
    #footer #footer-container .contatos p { max-width: 100%; }
    #footer #copyright p { text-align: center; font-size: 0.8rem; }
}

@media (max-width: 575px) {
	#beneficio { padding: 2rem 0 0; }
	#vantagem { padding: 0rem 0rem 3rem 0; }
	#contabilidade { padding: 2rem 0 2rem 0; }
	#atividade { padding: 0rem 0; }
	
    #footer #footer-container h2 { font-size: 1.6rem;}
    #footer { border-radius: 10rem 10rem 0rem 0rem ;}
    #social img { max-width: 45px; }
}