#accounting-services {
   background-color: #fffdffca;
   padding: 80px 0;
   overflow: hidden;
   width: 80%;
   border-radius: 80px;
   margin: 0 auto;
   margin-top:0.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);
}
#accounting-services img{
   transition: .5s;
}
#accounting-services img:hover{
   transform: scale(1.02);
}
#accounting-services .accounting-content {
   position: relative;
   z-index: 1;
}
#accounting-services .accounting-image {
   position: relative;
   z-index: 0;
}
#accounting-services .accounting-image img {
   max-width: 100%;
   height: auto;

   box-shadow: 0 !important;
}
#accounting-services h1, #accounting-services h2 {
   color: var(--color-font-dark);
   font-weight: 700;
   margin-bottom: 20px;
}
#accounting-services h3 {
   color: var(--color-font-dark);
   font-weight: 600;
   margin-bottom: 15px;
}
#accounting-services p {
   color: #4a5253;
   font-size: 18px;
   line-height: 1.6;
}
@media (max-width: 991px) {
   #accounting-services .row {
       flex-direction: row-reverse;
   }
   #accounting-services .accounting-image {
       margin-bottom: 30px;
   }
   #accounting-services {
      background-color: #fffdffca;
      padding: 80px 0;
      overflow: hidden;
      width: 93%;
      border-radius: 80px;
      margin: 0 auto;
      margin-top: 3rem;
  }
}




  /* -------------------------------------------------------------------
 * SESSAO 04 - SEGMENTOS(Atividades) e BENEFICIOS
 * -----------------------------------------------------------------*/
 #atividade { padding: 2rem 0 3rem 0;  margin-top: 4rem;}
 #atividade span{
   background-color: var(--color-font-dark);
   padding: 5px 12px 5px 12px;
   border-radius: 5px;
 }
 #atividade h2 { color: var(--color-font-light); font-weight: bold; margin-bottom: 1.5rem !important; font-size: 2rem; }
 #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-font-dark); 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 02 - OUTRAS SOLUÇÔES (MEI, ME)
 * -----------------------------------------------------------------*/
 #solucao { padding: 5rem 0 5rem 0; }
 #solucao h2 { font-weight: 600; font-size: 2.5rem; text-align: center; }
 #solucao img{
   transition: .5s;
 }
 #solucao img:hover{
   transform: scale(1.02);
 }
 #solucao article { border: 2px solid var(--color-font-dark); padding: 1rem; border-radius: 15px; transition: .5s;}
 #solucao article img { max-height: 50px; margin-right: 1rem; }
 #solucao article h3 { font-size: 1.4rem; font-weight: 900; margin-bottom: 0; text-align: left; color: var(--color-font-light); margin-left: 2rem;}
 #solucao article:hover {
     transform: scale(1.02);
 }
 #solucao .imgSol{
   margin-top: -5rem;
 }
 @media(max-width:1199px) {
    #solucao article h3 { font-size: 1.4rem; }
 }
 @media(max-width:599px) {
     #solucao { padding: 1rem 0 3rem 0; }
     #solucao article h3 br { display: none; }
     #solucao h3{font-size: 1.5rem;}
     #solucao .imgSol{display: none;}
 }


 /* -------------------------------------------------------------------
 * SESSAO 03 - SERVIÇOS
 * -----------------------------------------------------------------*/
 #servicos1 {
   background: var(--color-primary);
   padding: 6rem 0;
   position: relative;
   width: 98%;
   margin: 0 auto;
   border-radius: 100px;
}

#servicos1 h2 {
   font-weight: bold;
   margin-bottom: 2rem;
   font-size: 2.6rem;
   color: var(--color-font-light);
}
#servicos1 img{
   transition: .5s;
}
#servicos1 img:hover{
   transform: scale(1.02);
}

#servicos1 p {
   color: var(--color-font-light);
   font-size: 1.1rem;
   margin-bottom: 2rem;
}





#servicos {
  background-color: var(--color-primary);
  padding: 6rem 0;
  position: relative;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  border-radius: 100px;
  margin-top: -4rem;
}

#servicos h2,
#servicos h3,
#servicos p {
  color: #fff;
}

#servicos::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: 
    radial-gradient(circle, rgba(255, 255, 255, 0.392) 0%, rgba(255, 255, 255, 0.233) 60%),
    radial-gradient(circle at 30% 70%, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 50%);
  animation: rotate 30s linear infinite;
}

@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.section-title {
  font-weight: bold;
  font-size: 2.8rem;
  color: var(--color-font-light);
  margin-bottom: 2rem;
  position: relative;
  display: inline-block;
}

.section-title::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 3px;
  background-color: var(--color-font-light);
}

.service-block {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}

.service-block img, .circular-image {
  display: none;
}

.service-block:hover .circular-image{
  display: none;
}

.service-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  opacity: 0.9;
  transition: opacity 0.5s ease, transform 0.5s ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  text-align: center;
  transform: translateY(0px);
}

.service-block:hover .service-content {
  opacity: 1;
  transform: translateY(0);
}

.service-content h3 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.service-content p {
  font-size: 1rem;
  margin-bottom: -0.5rem;
}

.carousel-control-prev,
.carousel-control-next {
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  opacity: 0.7;
  transition: opacity 0.3s ease, background-color 0.3s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-prev {
  left: -60px;
}

.carousel-control-next {
  right: -60px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 20px;
  height: 20px;
  background-image: none;
}

.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
  position: absolute;
  top: 50%;
  left: 50%;
}

.carousel-control-prev-icon::before {
  transform: translate(-25%, -50%) rotate(-135deg);
}

.carousel-control-next-icon::before {
  transform: translate(-75%, -50%) rotate(45deg);
}

/* Novos estilos para a imagem circular */
.circular-image {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  transition: .5s;
}

.circular-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .carousel-control-prev {
    left: -30px;
  }

  .carousel-control-next {
    right: -30px;
  }
}

@media (max-width: 767px) {
  .section-title {
    font-size: 2.2rem;
  }
  .service-block img {
    transition: transform 0.5s ease, filter 0.5s ease;
    min-height:400px;
    object-fit: cover;
}

    #servicos{
        width:100% !important;
    }

  .service-content h3 {
    font-size: 20px;
  }

  .service-content p {
    font-size: 14px;
  }

  .carousel-control-prev,
  .carousel-control-next {
    width: 40px;
    height: 40px;
  }

  .carousel-control-prev {
    left: -20px;
  }

  .carousel-control-next {
    right: -20px;
  }

  .carousel-control-prev-icon::before,
  .carousel-control-next-icon::before {
    width: 8px;
    height: 8px;
  }

  .circular-image {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }
}
/*#carousel {
   background: #6f00ff;
   padding: 6rem 0 4rem;
   width: 80%;
   margin: 0 auto;
   border-radius: 91px;
   margin-top: -5rem;
}

.carousel-item {
   text-align: center;
   padding: 8rem 2rem;
   background-size: cover;
   background-position: center;
   min-height: 400px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.carousel-item::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.5);
}

.carousel-item h3 {
   color: var(--color-font-light);
   margin-bottom: 1rem;
   position: relative;
   font-size: 2.5rem;
   font-weight: bold;
}

.carousel-item p {
   color: var(--color-font-light);
   position: relative;
   font-size: 1.2rem;
}

.carousel-control-prev,
.carousel-control-next {
   width: 50px;
   height: 50px;
   background-color: rgba(255, 255, 255, 0.5);
   border-radius: 50%;
   top: 50%;
   transform: translateY(-50%);
   opacity: 1;
}

.carousel-control-prev {
   left: 20px;
}

.carousel-control-next {
   right: 20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
   background-image: none;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
}

.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
   content: '';
   display: inline-block;
   width: 20px;
   height: 20px;
   border-top: 3px solid var(--color-primary);
   border-right: 3px solid var(--color-primary);
}

.carousel-control-prev-icon::after {
   transform: rotate(-135deg);
}

.carousel-control-next-icon::after {
   transform: rotate(45deg);
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
   background-color: rgba(255, 255, 255, 0.8);
}

@media(max-width:991px) {
   #servicos1 {
       text-align: center;
   }
   #servicos1 img {
       margin-top: 2rem;
   }
   #carousel {
      background: #6f00ff;
      padding: 4rem 0;
      width: 95%;
      margin: 0 auto;
      border-radius: 91px;
      margin-top: -5rem;
  }
}

@media(max-width:575px) {
   #servicos1 h2 {
       font-size: 2rem;
   }
   .carousel-item {
       padding: 4rem 1rem;
   }
   .carousel-item h3 {
       font-size: 2rem;
   }
   .carousel-item p {
       font-size: 1rem;
   }
}*/

@media (max-width: 320px) {
  .service-block img {
    transition: transform 0.5s ease, filter 0.5s ease;
    min-height:450px;
    object-fit: cover;
    }

    .service-content{
        padding:1rem;
    }

    #servicos{
        width:100% !important;
    }
}

/* -------------------------------------------------------------------
  * SESSAO 01 - ABRIR EMPRESA - MIGRAR EMPRESA
  * -----------------------------------------------------------------*/
  #empresa { padding: 0 0 4rem 0; }
  #empresa h2{
   text-align: center;
   margin: 0 auto;
   font-size: 3rem;
  }
  #empresa img{
   transition: .5s;
  }
  #empresa img:hover{
   transform: scale(1.02);
  }
  #empresa p{
   font-size: 1.2rem;
  }
  #empresa h3 { font-weight: 600; margin-bottom: 1rem !important; font-size: 2.3rem; }
  #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 .title_section::before {
   content: "";
   position: absolute;
   margin-top: 6px;
   width: 100px;
   height: 66px;
   background-color: var(--color-primary);
   border-radius: 0 4rem 4rem 0;
   display: none;
}
  @media(max-width:991px) {
    #empresa h3 br, #empresa p br { display: none; }
  }
  @media(max-width:549px) {
    #empresa h3 { font-size: 1.6rem; }
    #empresa h2 {
      text-align: center;
      margin: 0 auto;
      font-size: 35px;
  }
}

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

#planos .plano { margin-top: 1.5rem; }
#planos .plano article { 
    padding: 1.8rem 1rem; 
    border: 1px solid #d4d4d4; 
    border-radius: 1.5rem; 
    background-color: var(--color-bg-plano); 
    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);
    transition: .5s;
}
#planos .plano article:hover{
   transform: scale(1.04);
}
#planos .plano article h3 { font-size: 1.6rem; line-height: 1.8rem; font-weight: 800; color: var(--color-font-dark);}
#planos .plano article .valor { font-weight: 800; font-size: 2.2rem; margin-bottom: 0.6rem !important; color: var(--color-font-dark);}
#planos .plano article ul{ padding: 0; }
#planos .plano article ul li {
   list-style-type: none;
   text-align: center;
   line-height: 1.6rem;
   display: flex;
   list-style-type: none;
   text-align: center;
   line-height: 2rem;
   color: var(--color-font-dark);
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: flex-start;
   justify-content: center;
   align-items: center;
}
#planos .plano article ul li i { color: var(--color-primary); font-size: .5rem; margin-right: 0.5rem; }
#planos .plano .btn_theme_secondary { text-transform: uppercase; }

@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; }
}


/* -------------------------------------------------------------------
 * SESSAO 06 - SIMULADOR
 * -----------------------------------------------------------------*/
 #simulador { padding: 1rem 0 4rem; }
 #simulador h2 { font-weight: 600; font-size: 2.2rem; margin-bottom: .5rem; }
 #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:767px) {
    #simulador h2 { font-size: 2rem; }
    #simulador .btn_theme_primary { min-width: 260px; font-size: 1.2rem; margin: .5rem 0; }
 }


 /* -------------------------------------------------------------------
 * SESSAO 07 - DEPOIMENTOS
 * -----------------------------------------------------------------*/
#depoimentos { background: var(--color-primary); padding: 4rem 0; width: 80%; margin: 0 auto; border-radius: 100px;}
#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 { text-align: center; font-size: .9rem; font-style: italic; font-weight: 500; margin-bottom: 0; }
#depoimentos .item p { margin: 0.5rem 0; }
#depoimentos .btn_theme_primary {min-width: 190px; border: 1px solid var(--color-font-light); background-color: transparent !important; color: var(--color-font-light) !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; }
    #depoimentos {
      padding: 4rem 0;
      width: 95%;
      margin: 0 auto;
      border-radius: 100px;
  }
}


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

#perguntas .container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 15px;
}

#perguntas .title_section {
   text-align: center;
   margin-bottom: 2rem;
}

#perguntas h2 {
   font-size: 2.5rem;
   font-weight: bold;
   color: var(--color-font-light);
}

#perguntas .perguntas-content {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

#perguntas .perguntas-list {
   flex: 0 0 60%;
   max-width: 60%;
   margin-top: 5rem;
}

#perguntas .perguntas-image {
   flex: 0 0 35%;
   max-width: 35%;
}

#perguntas .perguntas-image img {
   width: 100%;
   height: auto;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#perguntas .accordion {
   background: transparent;
   border: 0;
   padding: .5rem 0;
   text-align: left;
   display: flex;
   align-items: center;
   width: 100%;
   cursor: pointer;
}

#perguntas .accordion p, #perguntas .accordion span {
   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 .title_section::before {
   content: "";
   position: absolute;
   margin-top: 6px;
   width: 100px;
   height: 66px;
   background-color: var(--color-primary);
   border-radius: 0 4rem 4rem 0;
   display: none;
}
#perguntas img{
   transition: .5s;
}
#perguntas img:hover{
   transform: scale(1.03);
}

#perguntas .panel p, #perguntas .panel span {
   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:991px) {
   #perguntas .perguntas-list,
   #perguntas .perguntas-image {
       flex: 0 0 100%;
       max-width: 100%;
   }

   #perguntas .perguntas-image {
       margin-top: 2rem;
   }
   #perguntas .title_section {
      text-align: center;
      margin-bottom: -5rem;
  }
}

@media(max-width:767px) {
   #perguntas h2 {
       font-size: 35px;
       margin-left: 0px !important;
   }
   #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 { 
   background: var(--color-primary); 
   padding: 6rem 0;
   position: relative;
   overflow: hidden;
 }
 
 #noticias .section-title { 
   font-weight: 700; 
   font-size: 3.5rem; 
   color: var(--color-font-light); 
   text-align: center; 
   margin: 0 auto 2rem;
   position: relative;
 }
 
 #noticias .section-title::after {
   content: '';
   display: block;
   width: 100px;
   height: 4px;
   background: var(--color-font-light);
   margin: 1rem auto 0;
 }
 
 .news-card {
   display: block;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 10px;
   padding: 1.5rem;
   transition: all 0.3s ease;
   height: 100%;
 }
 
 .news-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
 }
 
 #noticias article { 
   margin-bottom: 1rem; 
 }
 
 #noticias article span, 
 #noticias article h3,  
 #noticias article p { 
   color: var(--color-font-light); 
 }
 
 .news-tag { 
   background-color: #333; 
   font-size: .8rem; 
   border-radius: 20px; 
   padding: 5px 15px; 
   display: inline-block; 
   margin-bottom: 12px; 
   font-weight: 600;
 }
 
 #noticias article h3 { 
   font-size: 1.3rem; 
   font-weight: 600; 
   margin: 10px 0 15px 0; 
   line-height: 1.4;
 }
 
 .news-date { 
   font-weight: 500; 
   font-size: .9rem; 
   margin: 0.5rem 0 0; 
   opacity: 0.8;
 }
 
 #noticias article .image-cover { 
   position: relative; 
   padding: 0 !important; 
   height: 200px !important; 
   overflow: hidden;
   border-radius: 8px;
   margin-bottom: 15px;
 }
 
 #noticias article .image-cover img { 
   width: 100%; 
   height: 100%; 
   object-fit: cover; 
   display: block; 
   transition: transform 0.3s ease;
 }
 
 #noticias article:hover .image-cover img {
   transform: scale(1.05);
 }
 
 .dashed-circle, .dashed-square {
   position: absolute;
   border: 2px dashed rgba(255, 255, 255, 0.596);
   z-index: 0;
 }
 
 .dashed-circle {
   width: 200px;
   height: 200px;
   border-radius: 50%;
   top: -100px;
   right: -100px;
   animation: rotate 30s linear infinite;
 }
 
 .dashed-square {
   width: 150px;
   height: 150px;
   bottom: -75px;
   left: -75px;
   animation: float 6s ease-in-out infinite;
 }
 
 @keyframes rotate {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 
 @keyframes float {
   0%, 100% { transform: translateY(0); }
   50% { transform: translateY(-20px); }
 }
 
 @media(max-width: 991px) {
   #noticias .section-title { 
       font-size: 2.8rem; 
   }
 }
 
 @media(max-width: 767px) {
   #noticias .section-title { 
       font-size: 2.3rem; 
   }
   #noticias article h3 { 
       font-size: 1.2rem; 
   }
   #noticias {
     background: var(--color-primary);
     padding: 1rem 0;
     position: relative;
     overflow: hidden;
 }
 }
 
 @media(max-width: 575px) {
   #noticias .section-title { 
       font-size: 3rem; 
   }
   #noticias article h3 { 
       font-size: 1.1rem; 
   }
 }
   /* -------------------------------------------------------------------
  * SESSAO 10 - NEWSLETTER
  * -----------------------------------------------------------------*/
  #newsletter{ background: var(--color-primary); padding: 2rem 0 4rem; }
  #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 { transition: .5s; font-weight: 600; color: var(--color-font-light) !important; padding: 16px 40px !important; font-size: 1.2rem; background: var(--color-primary-hover) !important; }
  #newsletter .btn_theme_secondary:hover{ background: #187fcc !important; }
  @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%; }
  }
 

 /* -------------------------------------------------------------------
 * SESSAO 11 - PARCEIROS
 * -----------------------------------------------------------------*/
 #parceiros { padding: 0 0 2rem 0; }
 #parceiros h2{
   text-align: center;
   font-size: 3rem;
   margin-left: 0px !important;
 }
 #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 img{
   border-radius: 40px;
   transition: .5s;
 }
 #parceiros .title_section::before {
   content: "";
   position: absolute;
   margin-top: 6px;
   width: 100px;
   height: 66px;
   background-color: var(--color-primary);
   border-radius: 0 4rem 4rem 0;
   display: none;
}
 #parceiros img:hover{
   transform: scale(1.03);
 }
 @media (max-width:991px) {
    #parceiros h3 br { display: none; }
 }
 @media (max-width:767px) {
    #parceiros .btn_theme_primary { margin-bottom: 2rem; }
    #parceiros h2{
      margin-left: 0px;
    }
 }
 @media (max-width:575px) {
    #parceiros h3 { font-size: 1.6rem; }
    #parceiros .btn_theme_primary { font-size: 1.2rem; }
 }


/* -------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------*/
 #footer { 
   border-radius: 10rem 10rem 0 0; 
   background: var(--color-primary); 
   padding-top: 4rem; 
   margin-top: 4rem; 
   position: relative;
   overflow: hidden;
 } 
 
 #footer h2 { 
   font-weight: bold; 
   margin-bottom: 0; 
   font-size: 3rem; 
   color: #fff;
   position: relative;
   z-index: 2;
 }
 
 #footer-container .contatos-group-button { 
   background: #003b2e; 
   border-radius: 11rem; 
   padding: 1rem; 
   position: relative;
   z-index: 2;
 }
 #footer img{
   transition: .5s;
 }
 #footer img:hover{
   transform: scale(1.03);
 }
 
 #footer-container .contatos-group-button article { 
   display: flex; 
   justify-content: center; 
   align-items: center; 
   flex-direction: column; 
   text-align: center; 
   padding: 1rem; 
   transition: transform 0.3s ease;
 }
 
 #footer-container .contatos-group-button article:hover {
   transform: translateY(-5px);
 }
 
 #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: 4rem 0 4rem; 
   position: relative;
   z-index: 2;
 }
 
 #footer-container .contatos-group-social i { 
   font-size: 65px; 
   margin: 0 5px 1rem; 
   color: #fff;
   transition: color 0.3s ease, transform 0.3s ease;
 }
 
 #footer-container .contatos-group-social i:hover { 
   transform: scale(1.1);
 }
 
 #footer-container .contatos-group-info { 
   padding: 1rem 10rem 1rem; 
   color: #fff;
   position: relative;
   z-index: 2;
 }
 
 #footer-container .contatos-group-info strong { 
   font-size: 1.1rem; 
   font-weight: bold; 
   color: #fff;
 }
 
 #footer-container .contatos-group-info p { 
   display: block; 
   margin-bottom: .2rem; 
   font-size: 1rem; 
   color: #fff;
 } 
 
 /* Dashed geometric shapes */
 .dashed-circle,
 .dashed-square,
 .dashed-triangle,
 .dashed-hexagon,
 .dashed-wave {
   position: absolute;
   border: 2px dashed rgba(255, 255, 255, 0.3);
   z-index: 1;
 }
 
 .dashed-circle {
   width: 200px;
   height: 200px;
   border-radius: 50%;
   top: -50px;
   left: -50px;
   animation: rotate 20s linear infinite;
 }
 
 .dashed-square {
   width: 150px;
   height: 150px;
   bottom: 50px;
   right: -50px;
   animation: float 6s ease-in-out infinite;
 }
 
 .dashed-triangle {
   width: 0;
   height: 0;
   border-left: 100px solid transparent;
   border-right: 100px solid transparent;
   border-bottom: 173px solid transparent;
   top: 50%;
   left: 10%;
   transform: translateY(-50%);
   animation: pulse 4s ease-in-out infinite;
 }
 
 .dashed-hexagon {
   width: 100px;
   height: 57.74px;
   background: transparent;
   position: absolute;
   top: 20%;
   right: 10%;
   animation: rotate 15s linear infinite reverse;
   display: none;
 }
 
 .dashed-hexagon:before,
 .dashed-hexagon:after {
   content: "";
   position: absolute;
   width: 0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
 }
 
 .dashed-hexagon:before {
   bottom: 100%;
   border-bottom: 28.87px solid rgba(255, 255, 255, 0.3);
 }
 
 .dashed-hexagon:after {
   top: 100%;
   width: 0;
   border-top: 28.87px solid rgba(255, 255, 255, 0.3);
 }
 
 .dashed-wave {
   width: 280px;
   height: 100px;
   border: none;
   background: repeating-linear-gradient(to right, transparent, transparent 10px, rgba(255, 255, 255, 0.3) 10px, rgba(255, 255, 255, 0.3) 20px);
   mask: radial-gradient(100% 50% at center center, black, transparent);
   -webkit-mask: radial-gradient(100% 50% at center center, black, transparent);
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
   animation: wave 10s linear infinite;
   margin-top: -5rem;
   display: none;
 }
 #footer .imagem{
   margin: 0 auto;
   display: block;
   box-shadow: none !important;
 }
 
 @keyframes rotate {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 
 @keyframes float {
   0%, 100% { transform: translateY(0); }
   50% { transform: translateY(-20px); }
 }
 
 @keyframes pulse {
   0%, 100% { opacity: 0.3; }
   50% { opacity: 0.7; }
 }
 
 @keyframes wave {
   0% { background-position: 0 0; }
   100% { background-position: 200px 0; }
 }
 
 @media (max-width: 991px) {
   #footer {
       border-radius: 5rem 5rem 0 0;
   }
   
   #footer h2 {
       font-size: 2rem;
   }
   
   .dashed-circle,
   .dashed-square,
   .dashed-triangle,
   .dashed-hexagon {
       display: none;
   }
   
   .dashed-wave {
       width: 150px;
   }
 }
 
 @media (max-width: 767px) {
   #footer-container .contatos-group-social i {
       font-size: 45px;
   }
   
   #footer-container .contatos-group-info strong,
   #footer-container .contatos-group-info p {
       font-size: 0.9rem;
   }
 }
 
 
 
 
 #footer-container .contatos-group-button {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   background: transparent;
   padding: 0;
   max-width: 300px;
   margin: 0 auto;
 }
 
 #footer-container .contact-item {
   background: #003b2e;
   border-radius: 0.5rem;
   padding: 0.75rem;
   transition: transform 0.3s ease;
 }
 
 #footer-container .contact-item:hover {
   transform: translateY(-3px);
 }
 
 #footer-container .contact-item article {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-direction: row;
   text-align: left;
 }
 
 #footer-container .contact-item article img {
   max-height: 50px;
   margin-right: 1rem;
 }
 
 #footer-container .contact-item article h3 {
   color: var(--color-font-light);
   font-size: 1.4rem;
   font-weight: 600;
   margin: 0;
 }
 
 #footer-container .imagem {
   max-width: 100%;
   height: auto;
   max-height: 500px;
   object-fit: cover;
   object-position: center;
 }
 
 @media (max-width: 991px) {
   #footer {
       border-radius: 5rem 5rem 0 0;
   }
 
   #footer-container .contatos-group-button {
       max-width: 100%;
   }
 
   #footer-container .imagem {
       max-height: 300px;
       margin-top: 2rem;
   }
 }
 
 @media (max-width: 767px) {
   #footer-container .contact-item article h3 {
       font-size: 26px;
   }
   #footer-container .contatos-group-info {
    padding: 1rem 2rem 1rem;
    color: #fff;
    position: relative;
    z-index: 2;
}
 }
 
 #footer .imagem{
   height: 700px !important;
   width: 700px !important;
 }
 
 
 #foter     .col-lg-5 {
   -ms-flex: 0 0 41.666667%;
   flex: -3 0 42.666667%;
   max-width: 27.666667%;
 }
 
 
 #footer-container .contatos-group-button {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   background: transparent;
   padding: 0;
   max-width: 100%; /* Adicionado para limitar a largura dos botões */
   margin: 0 auto; /* Centraliza os botões se necessário */
   margin-top: 2rem;
 }
 
 #footer-container .contact-item {
   background: #3590d4;
   border-radius: 1rem;
   padding: 1rem;
   transition: transform 0.3s ease;
 }
 
 /* ... (resto do CSS para os botões permanece o mesmo) ... */
 
 #footer-container .imagem {
   max-width: 100%;
   height: auto;
   max-height: 497px;
   object-fit: cover;
   object-position: center;
   margin-top: 5rem;
}
 
 @media (max-width: 991px) {
   #footer-container .contatos-group-button {
       max-width: 100%; /* Permite que os botões ocupem toda a largura em telas menores */
       margin-top: 3rem;
   }
 
 
   #footer-container .imagem {
       max-height: 300px; /* Ajuste para telas menores */
       margin-top: 2rem; /* Adiciona espaço entre os botões e a imagem em telas menores */
   }
 } 


/* Copy */
#footer #copyright { background: #3590d4 !important; 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; }
}