/* -------------------------------------------------------------------
  * SESSAO 01 - ABRIR EMPRESA - MIGRAR EMPRESA
  * -----------------------------------------------------------------*/
  #empresa { padding: 0 0 4rem 0; }
  #empresa h3 { font-weight: 600; margin-bottom: 1rem !important; font-size: 1.8rem; color: var(--color-font-light); }
  #empresa .btn_theme_primary { font-size: 1.2rem; width: 200px; margin-top: 0rem !important; }

  #empresa #abrirempresa { margin-top: 1rem; }
  #empresa #migrarempresa { margin-top: 4rem; }

  #empresa p {
   color: var(--color-font-light);
  }

  #empresa .title_section::before { width: 60%;}

  @media(max-width:991px) {
    #empresa h3 br, #empresa p br { display: none; }
  }
  @media(max-width:549px) {
    #empresa h3 { font-size: 1.6rem; }
}


/* -------------------------------------------------------------------
 * SESSAO 02 - OUTRAS SOLUÇÔES (MEI, ME)
 * -----------------------------------------------------------------*/
 #solucao { padding: 2rem 0 0rem 0; }
 #solucao h2 { font-weight: 600; font-size: 2rem; text-align: center; }
 #solucao p { color: var(--color-font-light); font-size: 1.2rem; text-align: center; }
 
 #solucao article { color: var(--color-font-light); background: var(--color-primary); border: 2px solid var(--color-primary); padding: 1rem; border-radius: 10px; transition: .3s ease-in-out; }
 #solucao article img { max-height: 50px; margin-right: 1rem; }
 #solucao article h3 { font-size: 1.2rem; font-weight: 600; margin-bottom: 0; text-align: left; color: var(--color-font-light); }
 #solucao article:hover {
     border: 2px solid var(--color-secondary);
     background: var(--color-secondary);
 }
 
 @media(max-width:1199px) {
    #solucao article h3 { font-size: 1.1rem; }
 }
 @media(max-width:599px) {
     #solucao { padding: 1rem 0 3rem 0; }
     #solucao article h3 br { display: none; }
 }


 /* -------------------------------------------------------------------
 * SESSAO 03 - SERVIÇOS
 * -----------------------------------------------------------------*/
 #servicos { padding: 5rem 0px; }
 #servicos .container-fluid { padding-top: 4rem; padding-bottom: 2rem; }
 #servicos .pleft { padding-left: 0; }
 #servicos .pright { padding-right: 0; }
 #servicos h2 { font-weight: bold; margin-bottom: 4rem !important; font-size: 2.6rem; color: var(--color-font-light); padding: 0 1rem; }

 #servicos .container-servicos { position: relative; }
 #servicos .container-servicos .image-bg { position: relative; }
 #servicos .container-servicos .content { 
    background-color: var(--color-font-light); 
    border-radius: 5rem 0 0 5rem; 
    padding: 4rem;
    position: absolute;
    right: 0;
    top: 2rem;
 }

 #servicos .bg {
   min-width: 17rem;
   min-height: 17rem !important;
   background: #ffffffdc;
   display: flex;
   border: 5px double var(--color-primary);
   padding: 20px;
   border-radius: 5px;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
   align-items: center;
   justify-content: center;
   transition: .3s ease-in-out;
}
#servicos .bg:hover {
   transform: scale(1.03) translateY(7px);}


 #servicos article div { display: flex; justify-content: start; align-items: center; margin-bottom: .7rem; justify-content: center; }
 #servicos article div img { max-width: 70px; margin-right: 10px; }
 #servicos article div h3 { color: var(--color-font-dark); font-size: 1rem; margin-bottom: 0 !important; }
 #servicos article p { color: var(--color-font-dark); font-size: 1rem; text-align: center; font-weight: 500; }
 
 .container-servicos {
   overflow: hidden;
   position: relative;
   width: 100%;
   height: auto; 
}

.container-servicos .row {
   display: flex;
   flex-wrap: nowrap;
   min-width: 100%; 
   transition: transform 0.5s ease-out;
}

.container-servicos .col-md-2 {
   flex: 0 0 33,333%; 
   box-sizing: border-box;
   padding: 10px;
}

 @media(max-width:1299px) {
    #servicos { min-height: 920px; }
    #servicos .container-servicos .content { top: 0rem; }
 }

 @media(max-width:1199px) {
    #servicos { min-height: 950px; }
    #servicos .container-servicos .content { top: 0; }
 }

 @media(max-width:991px) {
    #servicos { min-height: auto; } 
    #servicos .container-servicos .content { position: relative; border-radius: 6rem; margin-top: -18rem; }
    #servicos article div img { max-width: 36px; }
    #servicos article div h3 { font-size: 1.1rem; }
    #servicos article p { font-size: 1rem; }
 }

 @media(max-width:767px) {
    #servicos .container-servicos .content { margin-top: -15rem; }
 }

 @media(max-width:575px) {
    #servicos .container-servicos .content { border-radius: 4rem; margin-top: -8rem; }
    #servicos h2 { font-size: 1.8rem; }
    
 } 
 

  /* -------------------------------------------------------------------
 * SESSAO 04 - SEGMENTOS(Atividades) e BENEFICIOS
 * -----------------------------------------------------------------*/
 #atividade { padding: 4rem 0 0rem 0; }

 #atividade h2 { color: var(--color-font-light); font-weight: bold; margin-bottom: 1.5rem !important; font-size: 1.5rem; }
 #atividade ul { list-style: none; margin: 0; padding: 0; }
 #atividade ul li { font-size: 1.1rem; color: var(--color-font-light); display: flex; align-items: center; line-height: 2rem; }
 #atividade ul li i { color: var(--color-primary); margin-right: 10px; font-size: 25px; }

 @media(max-width:991px) {
    #atividade h2 { font-size: 1.3rem; }
    #atividade ul li { font-size: 1rem; }
 }

 @media(max-width:767px) {
    #atividade .segmentos { margin-bottom: 3rem; }
 }


/* -------------------------------------------------------------------
 * SESSAO 05 - PLANOS
 * -----------------------------------------------------------------*/
#planos{ padding: 0 0 4rem 0; }
#planos h3 { font-weight: 600; font-size: 1.9rem; color: var(--color-font-light); }
#planos .btn_theme_primary { font-size: 1.6rem; font-weight: 500; padding: 8px 34px !important; margin-top: 0.8rem; }

#planos .title_section::before { width: 53%;}


#planos .plano { margin-top: 1.5rem; }
#planos .plano article { 
    padding: 1.8rem 1rem; 
    border: 1px solid #d4d4d4; 
    border-radius: .2rem; 
    box-shadow: 0px 7px 9px 0px rgb(189 189 189);
    -webkit-box-shadow: 0px 7px 9px 0px rgb(189 189 189);
    -moz-box-shadow: 0px 7px 9px 0px rgb(189 189 189);
}

#planos .title_section h2 {
   width: 75% !important; }

   #planos .title_section::before {
      width: 85% !important; }
   
#planos .plano article h2 { font-size: 1.6rem; line-height: 1.8rem; font-weight: 500; }
#planos .plano article .valor { font-weight: 500; font-size: 2.2rem; margin-bottom: 0.6rem !important; color: var(--color-font-light); }
#planos .plano article ul{ padding: 0; }
#planos .plano article ul li { margin: 0px 20px !important; color: var(--color-font-light); list-style-type: none; text-align: center; line-height: 1.6rem; display: flex; align-items: center; }
#planos .plano article ul li i { color: var(--color-primary); font-size: .8rem; margin-right: 0.5rem; }
#planos .plano .btn_theme_secondary { text-transform: uppercase; background-color: var(--color-secondary); }
#planos .plano .btn_theme_secondary:hover {  background-color: var(--color-secondary-hover); }

@media (max-width: 1225px) {
   #planos .title_section::before {
      height: 130px;
      width: 70%; }

}
@media (max-width:991px) {
    #planos h3 br { display: none; }
}
@media (max-width:575px) {
    #planos h3 { font-size: 1.6rem; }
    #planos .btn_theme_primary { font-size: 1.2rem; }
}
@media (max-width:575px) {
   #planos .title_section::before {
      height: 255px; }
}

@media (max-width:350px) {
   #planos .title_section::before {
      height: 290px; }
}

/* -------------------------------------------------------------------
 * SESSAO 06 - SIMULADOR
 * -----------------------------------------------------------------*/
 #simulador { padding: 1rem 0 4rem; }
 #simulador h2 { font-weight: 600; font-size: 2.2rem; margin-bottom: .5rem; }
 #simulador h3 { color: var(--color-font-light); }
 #simulador p { font-weight: 600; margin-bottom: 1.5rem; }
 #simulador .btn_theme_primary { min-width: 260px; font-size: 1.2rem; margin: 0 0.6rem; }

 @media (max-width: 999px) {
   #simulador .button {
      display: flow; }
}

 @media (max-width:767px) {
    #simulador h2 { font-size: 2rem; }
    #simulador .btn_theme_primary { min-width: 260px; font-size: 1.2rem; margin: .5rem 0; }
 }


 /* -------------------------------------------------------------------
 * SESSAO 07 - DEPOIMENTOS
 * -----------------------------------------------------------------*/
#depoimentos { padding: 4rem 0; }
#depoimentos h2 { font-weight: 600; margin-bottom: 2.5rem; font-size: 2.2rem; }

#depoimentos .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-font-light);
    margin: 0 1rem;
    padding: 20px;
    border-radius: 1rem;
    min-height: 250px;
}
#depoimentos .item p.text-box { color: var(--color-font-light); text-align: center; font-size: .9rem; font-style: italic; font-weight: 500; margin-bottom: 0; }
#depoimentos .item p { margin: 0.5rem 0; color: var(--color-font-light); }
#depoimentos .btn_theme_primary {min-width: 190px; border: 1px solid var(--color-font-dark); background-color: transparent !important; color: var(--color-font-dark) !important; font-weight: 500; margin-top: 0.7rem; }
#depoimentos .btn_theme_primary:hover { transition: .6s !important; background-color: var(--color-secondary-hover) !important; }
@media(max-width:767px) {
    #depoimentos h2 { font-size: 2rem; }
}

@media (max-width: 450px) {
   #depoimentos .title_section::before { height: 180px !important; }
}

@media (max-width: 350px) {
   #depoimentos .title_section::before { height: 210px !important; }
}

/* -------------------------------------------------------------------
 * SESSAO 08 - PERGUNTAS FREQUENTES
 * -----------------------------------------------------------------*/
 #perguntas { padding: 0 0 4rem 0; }

 #perguntas .accordion { background: transparent; border: 0; padding: .5rem 0; text-align: left; display: flex; align-items: center; }
 #perguntas .accordion p { color: var(--color-font-light); margin-bottom: 0; font-weight: 500; font-size: 1.3rem; }
 #perguntas .accordion i { font-size: 22px; color: var(--color-primary); margin-right: 12px; }
 #perguntas button:focus { outline: 0px !important; }
 #perguntas .panel { display: none; margin-top: -0.1rem; margin-bottom: 1rem; padding: 0 1.3rem; }
 #perguntas .panel p { margin-bottom: 0 !important; font-size: 1.3rem; font-weight: 600; color: var(--color-primary); padding-left: 0.8rem; margin-top: -10px; }
 
 @media(max-width:767px) {
     #perguntas h2 { font-size: 2rem; }
     #perguntas .accordion p { font-size: 1.2rem; }
     #perguntas .panel p { font-size: 1.2rem; }
 }
 @media(max-width:575px) {
    #perguntas .accordion p { font-size: 1rem; }
    #perguntas .panel p { font-size: 1rem; }
}


/* -------------------------------------------------------------------
 * SESSAO 09 - NOTICIAS - ARTIGOS - BLOG
 * -----------------------------------------------------------------*/
 #noticias { padding: 4rem 0; }
 #noticias h2 { font-weight: 600; font-size: 2.2rem; color: var(--color-font-light); }

 #noticias article { margin-bottom: 1rem; }
 #noticias article span, #noticias article h3,  #noticias article p { color: var(--color-font-light); }
 #noticias article span { background-color: var(--color-font-dark); 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: 6px 0 2px 0; }
 #noticias article p { font-weight: 500; font-size: .8rem; margin: 0.3rem 0 0; }

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

 #noticias .artigos article, #noticias .blog article { min-height: 260px; }

 @media (max-width: 1090px) {
   #noticias .title_section::before { width: 90% !important; height: 135px; }
 }
 @media ( max-width: 575px) {
   #noticias .title_section::before { height: 300px; } 
}

 @media ( max-width: 350px) {
   #noticias .title_section::before { height: 380px; } 
 }

  /* -------------------------------------------------------------------
 * SESSAO 10 - NEWSLETTER
 * -----------------------------------------------------------------*/
 #newsletter{ padding: 2rem 0 4rem; }
 #newsletter .bg { 
   background: #ffffff1f;
   padding: 2rem;
   border-radius: 10px;
 }
 #newsletter h2 { font-weight: 500; font-size: 1.5rem; margin-bottom: 0; color: var(--color-font-light); }
 #newsletter input { border: 2px solid var(--color-font-light); background: transparent; color: var(--color-font-light); max-width: 340px; padding: 30px; font-size: 1.2rem; text-align: center; border-radius: 10px; margin: 0 1.5rem 0 2rem; }
 #newsletter input:focus, #newsletter input:active {
    border-color: var(--color-font-light)!important;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5)!important;
 }
 #newsletter input::placeholder { font-weight: 600; color: var(--color-font-light); }
 #newsletter .btn_theme_secondary { font-weight: 600; color: var(--color-font-light) !important; padding: 16px 40px !important; font-size: 1.2rem; }

 @media (max-width:991px) {
    #newsletter h2 { font-size: 1.3rem; }
    #newsletter h2 br { display: none; }
    #newsletter input { max-width: 300px; }
 }
 @media (max-width:767px) {
    #newsletter form div { text-align: center; }
    #newsletter h2 { text-align: center; font-size: 1.5rem; }
    #newsletter input { margin: 1rem 10%; max-width: 80%; }
 }
 @media (max-width:575px) {
    #newsletter input { margin: 1rem 5%; max-width: 90%; }
    #newsletter .bg { width: 90%; }
 }


 /* -------------------------------------------------------------------
 * SESSAO 11 - PARCEIROS
 * -----------------------------------------------------------------*/
 #parceiros { padding: 0 0 2rem 0; }
 #parceiros h3 { font-weight: 600; font-size: 1.9rem; }
 #parceiros .btn_theme_primary { font-size: 1.6rem; font-weight: 500; padding: 8px 34px !important; margin-top: 0.8rem; }

 #parceiros h3 { color: var(--color-font-light);}

 #parceiros .bg { 
   background-color: rgba(255, 255, 255, 0.529);
   padding: 5px;
   margin: 3px;
   display: flex;
   justify-content: center;
}
#parceiros .title_section::before { width: 37%;}

 @media (max-width:991px) {
    #parceiros h3 br { display: none; }
 }
 @media (max-width:767px) {
    #parceiros .btn_theme_primary { margin-bottom: 2rem; }
 }
 @media (max-width:575px) {
    #parceiros h3 { font-size: 1.6rem; }
    #parceiros .btn_theme_primary { font-size: 1.2rem; }
 }




/* -------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------*/
#footer {padding : 2rem 0 0; } 
#footer h2 { font-weight: bold; margin-bottom: 3rem; font-size: 2.3rem; }

#footer-container .contatos-group-button { border-radius: 2rem; padding: 1rem; }
#footer-container .contatos-group-button article { min-height: 15rem; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; border: 3px solid yellow; border-radius: 10px; padding: 2rem; }
#footer-container .contatos-group-button article img { max-height: 70px; }
#footer-container .contatos-group-button article h3 {  color: var(--color-font-light); font-size: 1.5rem; font-weight: 600; margin: 1rem 0 0; }

#footer-container .contatos-group-social { padding: 2rem 0 1rem; }
#footer-container .contatos-group-social i { font-size: 65px; margin: 0 5px 1rem; }
#footer-container .contatos-group-social i:hover { transition: .3s; color: var(--color-primary); }

#footer-container .contatos-group-info { margin: 1rem 0 3rem; }
#footer-container .contatos-group-info strong { font-size: 1.1rem; font-weight: bold; color: var(--color-font-light); }
#footer-container .contatos-group-info p { display: block; margin-bottom: .2rem; font-size: 1rem; color: var(--color-font-light);  }


/* Copy */
#footer #copyright { border-radius: 10rem 10rem 0 0; padding-top: 1rem; }
#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 h2 br { display: none; }
}
@media (max-width:767px) {
    #footer { border-radius: 0; }
    #footer #copyright { border-radius: 0; }
    #footer-container .contatos-group-button article { margin-bottom: 2rem; }
    #footer #footer-container { padding-top: 2rem; clip-path: none; }
    #footer #copyright p { text-align: center; font-size: 0.8rem; }
}
@media(max-width:575px) {
   #footer h2 { font-size: 1.8rem; }
   #footer-container .contatos-group-info {    padding-left: 60px; }
}