/* -------------------------------------------------------------------
 * SOBRE
 * -----------------------------------------------------------------*/
#sobre { background: var(--color-primary); padding-top: 4rem; padding-bottom: 4rem; }
#sobre * { color: var(--color-font-light); }
#sobre h2 { font-weight: 600; margin-bottom: 2rem; font-size: 2.2rem; padding: 10px 0 10px 25px; line-height: 36px; }
#sobre h2 span { color: var(--color-secondary); }
#sobre .title::before { content: ""; position: absolute; width: 12px; background: var(--color-secondary); min-height: 130px; border-radius: 10px; }
#sobre p { font-size: 1.3rem; }
#sobre img:not(article img):hover { transform: scale(1.05); transition: .5s; }

@media( max-width: 1199px ) {
    #sobre h2 { font-size: 2rem; line-height: 36px; }
}
@media( max-width: 991px ) {
    #sobre img { margin-top: 1rem; }
}
@media( max-width: 575px ) {
    #sobre h2 { padding: 0; font-size: 1.6rem; line-height: 32px; }
    #sobre h2 br { display: none; }
    #sobre .title::before { display: none; }
}



/* -------------------------------------------------------------------
 * SERVICOS
 * -----------------------------------------------------------------*/
#servicos { padding-top: 3rem; padding-bottom: 3rem; }
#servicos h2 { font-weight: bold; margin-bottom: 3rem; font-size: 2.2rem; padding: 10px 0 10px 25px; line-height: 36px; }
#servicos .title::before { content: ""; position: absolute; width: 12px; background: var(--color-secondary); min-height: 96px; border-radius: 10px; }

#servicos article { transition: .3s; }
#servicos article img { height: 42px; margin-right: 1rem; }
#servicos article h3 { font-weight: 900; font-size: 1.3rem; line-height: 22px; }
#servicos article p { font-size: .9rem; }
#servicos article:hover { transform: scale(1.04); transition: .3s; }

@media( max-width: 767px ) {
    #servicos h2 { font-size: 2rem; }
    #servicos h2 br { display: none; }
}
@media( max-width: 575px ) {
    #servicos h2 { padding: 0; font-size: 1.6rem; line-height: 32px; }
    #servicos .title::before { display: none; }
}



/* -------------------------------------------------------------------
 * ETAPA
 * -----------------------------------------------------------------*/
 #etapa { padding-top: 0; padding-bottom: 3rem; }
 #etapa h2 { font-weight: bold; margin-bottom: 3rem; font-size: 2.2rem; padding: 10px 0 10px 25px; line-height: 36px; }
 #etapa .title::before { content: ""; position: absolute; width: 12px; background: var(--color-secondary); min-height: 96px; border-radius: 10px; }
 
 #etapa .etapa-line::before {     
    content: " ";
    position: absolute;
    width: 74%;
    max-width: 890px;
    height: 6px;
    background: #6e727c;
    margin-top: 18px;
    margin-left: 20px;
    transition-delay: 5s;
 }
 #etapa article { transition: .3s; }
 #etapa article img { height: 42px; }
 #etapa article h3 { font-weight: 900; font-size: 1.3rem; margin-top: .8rem; margin-bottom: 1rem; }
 #etapa article p { font-size: .9rem; }
 #etapa article:hover { transform: scale(1.04); transition: .3s; }

 @media( max-width: 1199px ) {
    #etapa .etapa-line::before { max-width: 720px; }
 }
 @media( max-width: 991px ) {
    #etapa .etapa-line::before { display: none; }
 }
 @media( max-width: 767px ) {
    #etapa h2 { font-size: 2rem; }
    #etapa h2 br { display: none; }
 }
 @media( max-width: 575px ) {
    #etapa h2 { padding: 0; font-size: 1.6rem; line-height: 32px; }
    #etapa .title::before { display: none; }
 }



/* -------------------------------------------------------------------
 * CONTABILIDADE - ABRIR e MIGRAR EMPRESA
 * -----------------------------------------------------------------*/
#contabilidade { background: var(--color-primary); padding-top: 10rem; padding-bottom: 4rem; margin-top: 15rem; }
#contabilidade * { color: var(--color-font-light); }
#contabilidade .container { margin-top: -25rem; }
#contabilidade h2 { font-weight: bold; color: var(--color-font-dark); margin-bottom: 1rem !important; font-size: 2.2rem; }
#contabilidade img.arrow { width: 32px; margin-bottom: 2.5rem; }
#contabilidade img:not(.arrow) { width: 80%; }

#contabilidade .contabilidade-container { width: 90%; }
#contabilidade h3 { font-weight: bold; margin: 3rem 0 2rem; font-size: 2.2rem; padding: 10px 0 10px 25px; line-height: 36px; }
#contabilidade h3 span { color: var(--color-secondary); }
#contabilidade .title::before { content: ""; position: absolute; width: 12px; background: var(--color-secondary); min-height: 130px; border-radius: 10px; }
#contabilidade p { margin-bottom: 3rem; font-size: 1.4rem; }

#contabilidade h4 { font-size: 1.5rem; font-weight: 600; }
#contabilidade h4 span { color: var(--color-secondary); }
#contabilidade article { background: var(--color-secondary); padding: 2rem 2rem; border-radius: 3rem 0 6rem 1.5rem; }
#contabilidade article input:not(input[type="radio"]) { padding: 1.5rem 1rem; text-align: center; font-weight: 600; color: var(--color-font-dark); }
#contabilidade article input::placeholder { font-weight: 600; color: var(--color-font-dark); }
#contabilidade article .radio_group div { display: flex; }
#contabilidade article input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--color-font-light);
    margin-right: 10px;
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border-radius: 25%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    padding: .9rem;
}
#contabilidade article input[type="radio"]::before {
    content: "";
    width: 0.9em;
    height: 0.9em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: var(--color-primary);
}
#contabilidade article input[type="radio"]:checked::before { transform: scale(1); }
#contabilidade article .btn_theme_primary { text-transform: uppercase; font-size: .9rem; }

@media( max-width: 991px ) {
    #contabilidade img:not(.arrow) { width: 100%; }
    #contabilidade .contabilidade-container { width: 100%; }
    #contabilidade h3 { font-size: 2rem; }
    #contabilidade p br { display: none; }
}
@media( max-width: 767px ) {
    #contabilidade h2 { font-size: 1.8rem; }
    #contabilidade h3 br { display: none; }
    #contabilidade .title::before { min-height: 160px; }
    #contabilidade article { margin-top: 2rem; }
}
@media( max-width: 575px ) {
    #contabilidade { margin-top: 7rem; }
    #contabilidade .container { margin-top: -18rem; }
    #contabilidade .title::before { display: none; }
    #contabilidade h2 { font-size: 1.6rem; }
    #contabilidade h3 { font-size: 1.7rem; }
    #contabilidade p { font-size: 1rem; }
    #contabilidade h4 { font-size: 1.3rem; }
    #contabilidade article .radio_group { flex-direction: column; align-items: start !important; }
    #contabilidade article { padding: 2rem 1rem; border-radius: 2rem 0 4rem 1rem; }
}


 /* -------------------------------------------------------------------
 * PARCEIROS
 * -----------------------------------------------------------------*/
 #parceiros { background: var(--color-bg-parceiros); padding-top: 4rem; padding-bottom: 4rem; }
 #parceiros .image img { width: 96%; }
 #parceiros h2 { font-weight: bold; color: var(--color-font-light); margin-bottom: 2rem; font-size: 2rem; padding: 10px 0 10px 25px; line-height: 36px; }
 #parceiros .title { margin-left: 15px; }
 #parceiros .title::before { content: ""; position: absolute; width: 12px; background: var(--color-secondary); min-height: 92px; border-radius: 10px; }
 #parceiros .btn_theme_secondary { font-size: .9rem; font-weight: 600; }
 #parceiros .bloco-parceiros{
	 background-color:var(--color-font-light);
	 padding:1rem;
	 border-radius:15px;
 }

 @media (max-width:991px) {
    #parceiros h2 { font-size: 1.8rem; }
    #parceiros h2 br { display: none; }
    #parceiros .title::before { min-height: 128px; }
 }
 @media (max-width:767px) {
    #parceiros .image img { width: 100%; margin-bottom: 1rem; }
    #parceiros h2 { font-size: 2rem; }
    #parceiros .title::before { min-height: 92px; }
 }
 @media (max-width:575px) {
    #parceiros h2 { font-size: 1.6rem; }
    #parceiros .title { padding-right: 15px; }
    #parceiros .title::before { display: none; }
 }


/* -------------------------------------------------------------------
 * SESSAO 09 - NOTICIAS - ARTIGOS - BLOG
 * -----------------------------------------------------------------*/
 #noticias { padding-top: 3rem; padding-bottom: 4rem; }
 #noticias h2 { font-weight: bold; margin-bottom: 1rem; font-size: 2.2rem; padding: 10px 0 10px 25px; line-height: 36px; }
 #noticias .title::before { content: ""; position: absolute; width: 12px; background: var(--color-secondary); min-height: 92px; border-radius: 10px; }
 #noticias p { font-size: 1.2rem; font-weight: 500; margin-left: 25px; }

 #noticias article { margin-bottom: 1rem; }
 #noticias article span { background: var(--color-secondary); color: var(--color-font-light); font-size: .8rem; border-radius: 6px; padding: 3px 12px; display: inline-block; margin-bottom: 8px; }
 #noticias article h3 { font-size: 1.2rem; font-weight: 600; margin: 0; }
 #noticias article p { font-size: .8rem; margin: .2rem 0 0; }

 #noticias article.article { background: var(--color-bg-noticias); padding: 1rem; border-radius: 1.5rem; }
 #noticias article.article span { background: var(--color-primary); }
 #noticias article.article h3 { margin-top: 1rem; }

 @media (max-width:767px) {
    #noticias h2 br { display: none; }
    #noticias p br { display: none; }
 }
 @media (max-width:575px) {
    #noticias h2 { font-size: 1.8rem; }
    #noticias .title::before { display: none; }
 }



/* -------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------*/
#footer-image {
    max-width: 100% !important; 
    height: 220px;
    position: relative;
    background: url(../img/bg_rodape.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

#footer { padding-top: 2rem; padding-bottom: 3.5rem; background: var(--color-bg-footer); }
#footer *:not(input, textarea) { color: var(--color-font-light); }
#footer .social { margin-bottom: 3rem !important; }
#footer .social img { width: 40px; margin-right: 5px; }

#footer h3 { font-size: 1.3rem; font-weight: 600; margin-bottom: .8rem; padding: 10px 0 10px 25px; }
#footer .title::before { content: ""; position: absolute; width: 8px; background: var(--color-secondary); min-height: 40px; border-radius: 6px; }
#footer p { font-size: 1.1rem; margin-bottom: .1rem; }
#footer p i { color: var(--color-secondary); font-size: 1.1rem; margin-right: 6px; }
#footer a { display: block; font-size: 1.1rem; margin-bottom: .1rem; }
#footer a:hover { color: var(--color-secondary); }

#footer .formulario { background: var(--color-primary); padding: 2rem 3rem; border-radius: 1rem; }
#footer form { margin-top: 1rem; }
#footer form .form-group { margin-bottom: .5em; }
#footer form label { margin-bottom: 0; font-size: .9rem; }
#footer form button { padding: 8px 2rem !important; color: var(--color-font-light) !important; }

@media(max-width:991px) {
    #footer p { font-size: 1rem; }
    #footer a { font-size: 1rem; }
    #footer .formulario { padding: 2rem 1rem; }
}
@media(max-width:767px) {
	
	#footer-image {
    max-width: 100% !important;
    height: 280px;
    position: relative;
    background: url(../img/bg_rodape.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

    #footer form { margin-bottom: 2rem; }
}