/* BOX-QUEMSOMOS */

  #box-quemsomos {
   background-color: var(--color-secondary);
   padding: 13rem 0 15rem 0;
   clip-path: polygon(0 0%, 100% 20%, 100% 100%, 0% 80%);
}

#box-quemsomos h2 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 3rem;
   color: var(--color-font-light);
   line-height: 56px;
   font-family: sans-serif;
   width: 100%;
   text-align: center;
   letter-spacing: -1px;
   margin: 0 auto;
   padding-bottom: 1%;
}

#box-quemsomos p {
   font-weight: 500;
   font-size: 1.65rem;
   color: var(--color-font-light);
   line-height: initial;
   width: 100%;
   text-align: center;
   margin: 0 auto;
}

@media(max-width:450px) {

   #box-quemsomos h2 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 2rem;
      line-height: 41px;
      font-family: sans-serif;
      width: 100%;
      text-align: center;
      letter-spacing: -1px;
      margin: 0 auto;
      padding-bottom: 1%;
  }

   #box-quemsomos p {
      font-weight: 500;
      font-size: 1.15rem;
      line-height: initial;
      width: 100%;
      text-align: center;
      margin: 0 auto;
   }

   #box-quemsomos {
      padding: 9rem 0 9rem 0;
      clip-path: polygon(0 0%, 100% 10%, 100% 100%, 0% 90%);
  }

}


/* -------------------------------------------------------------------
* SESSAO 01 - SERVIÇOS
* -----------------------------------------------------------------*/
#servicos {
   padding: 5%;
   position: relative;
}

#servicos .container-fluid {
   padding-top: 4rem;
   padding-bottom: 2rem;
}

#servicos h2 {
   font-weight: 800;
   margin-bottom: 4rem !important;
   font-size: 3rem;
   color: var(--color-font-light);
   width: 80%;
   margin: 0 auto;
   line-height: 57px;
   /* text-transform: uppercase; */
}

#servicos h4 {
   font-weight: 500;
   /* margin-bottom: 5rem !important; */
   font-size: 1.4rem;
   color: var(--color-font-light);
   width: 70%;
   margin: 0 auto;
   line-height: initial;
   padding: 2% 0% 5% 0%;
}

#servicos article {
   border: 2px solid #ffffff00;
   padding: 5%;
   border-radius: 15px;
   transition: 0.3s;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
   align-items: center;
}

#servicos article:hover {
   border: 2px solid var(--color-font-light);
   padding: 5%;
   border-radius: 15px;
   transform: scale(1.05);
   transition: 0.2s;
}

#servicos article img {
   text-align: center;
   margin: 0 auto;
   display: block;
   padding-bottom: 5%;
   width: 95px;
}

#servicos article div {
   margin-bottom: 0.7rem;
}

#servicos article div h3 {
   color: var(--color-bg-plano);
   font-size: 1.5rem;
   font-weight: 500;
   margin-bottom: 0 !important;
   letter-spacing: 0px;
   /* padding-left: 10px; */
   text-align: center;
   background-color: var(--color-secondary2);
   padding: 0.5rem 1rem;
   border-radius: 90px;
}

#servicos article p {
   color: var(--color-font-light);
   font-size: 1.1rem;
   line-height: 23px;
   font-family: sans-serif;
   text-align: center;
}

#servicos .btn {
   display: inline-block;
   font-weight: 600;
   color: var(--color-bg-plano);
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#servicos button {
   background: var(--color-secondary2);
   color: #fff;
   font-size: 1.1rem;
   border-radius: 2.5em;
   padding: 5px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 600;
   margin-top: 20px;
}

#servicos button::after {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
}

#servicos button:hover::after,
button:focus::after {
   animation: sheen 1s forwards;
}

@media(max-width:991px) {


   #servicos h2 {
      font-weight: 800;
      font-size: 2.5rem;
      color: var(--color-font-light);
      width: 100%;
      margin: 0 auto;
      line-height: 41px;
   }
}


@media(max-width:768px) {}

@media(max-width:450px) {

   #servicos {
      padding: 15% 5%;
      position: relative;
   }

   #servicos h4 {
      font-weight: 500;
      /* margin-bottom: 5rem !important; */
      font-size: 1.15rem;
      color: var(--color-font-light);
      width: 100%;
      margin: 0 auto;
      line-height: initial;
      padding: 2% 0% 5% 0%;
   }

   #servicos h2 {
      font-weight: 800;
      font-size: 1.65rem;
      color: var(--color-font-light);
      width: 100%;
      margin: 0 auto;
      line-height: 32px;
   }

   #servicos article {
      border: 2px solid #ffffff00;
      padding: 0% 5%;
      border-radius: 15px;
      transition: 0.3s;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center;
   }

}



/* -------------------------------------------------------------------
* SESSAO 01 - PLANOS
* -----------------------------------------------------------------*/
#planos {
   padding: 9% 15% 2% 15%;
}

#planos .container {
   background-color: var(--color-font-light);
   padding: 5%;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
}

#planos h2 {
   font-weight: 800;
   margin-bottom: 3rem !important;
   font-size: 2.2rem;
   color: var(--color-font-dark);
   font-family: sans-serif;
   /* text-transform: uppercase; */
}

#planos .plano article {
   transition: 0.2s;
   background-color: var(--color-primary);
   border-radius: 18px;
   box-shadow: -3px 6px 9px 3px #0000001f;
   border: 6px solid var(--color-font-dark);
}

#planos .plano article:hover {
   transform: scale(1.1);
   transition: 0.4s;
}

#planos .plano article div {
   background: var(--color-font-light);
   padding: 1rem;
   margin-bottom: 1rem;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}

#planos .plano article h3 {
   font-size: 1.25rem;
   font-weight: 700;
   color: var(--color-primary);
}

#planos .plano article .valor {
   font-weight: 700;
   font-size: 2.25rem;
   margin-bottom: 0.6rem !important;
   color: var(--color-secondary2);
   font-family: system-ui;
   letter-spacing: -2px;
}

#planos .plano article ul {
   padding: 6%;
}

#planos .plano article ul li {
   list-style-type: none;
   text-align: center;
   line-height: 1.6rem;
   color: var(--color-bg-plano);
   font-size: 0.8rem;
}

#planos .plano article ul li i {
   font-size: 0.8rem;
   margin-right: 0.5rem;
   color: var(--color-font-light);
}

#planos .plano .btn_theme_secondary {
   width: 80%;
   padding: 6px 0rem !important;
   /* border-radius: 0rem !important; */
   background-color: var(--color-secondary2) !important;
   color: var(--color-bg-plano);
   font-size: 1rem;
   font-weight: 500 !important;
   margin-bottom: 20px;
}

#planos .plano .btn_theme_secondary:hover {
   background-color: #fff !important;
   color: var(--color-header) !important;
}


@media(max-width:768px) {}


@media(max-width:450px) {

   #planos .container {
      background-color: var(--color-font-light);
      padding: 10%;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
   }

   #planos {
      padding: 8%;
   }

   #planos h2 {
      font-weight: 800;
      margin-bottom: 2rem !important;
      font-size: 1.65rem;
      color: var(--color-font-dark);
      font-family: sans-serif;
      /* text-transform: uppercase; */
   }
}

/* -------------------------------------------------------------------
* SESSAO 02 - ABRIR EMPRESA - MIGRAR EMPRESA
* -----------------------------------------------------------------*/
#empresa {}

#abrirempresa img {
   transition: 0.2s;
   animation: balanco 3s ease-in-out infinite;
}

#abrirempresa img:hover {
   transform: scale(1.1);
   transition: 0.4s;
}

@keyframes balanco {
   0%, 100% { transform: rotate(-2deg); }
   50% { transform: rotate(2deg); }
 }

#empresa h3 {
   font-weight: 800;
   margin-bottom: 2rem !important;
   font-size: 2.35rem;
   color: var(--color-secondary);
   line-height: 40px;
   font-family: sans-serif;
   width: 100%;
}

#migrarempresa h3 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 2rem;
   color: var(--color-primary-hover);
   line-height: 37px;
   font-family: sans-serif;
   width: 70%;
   text-align: center;
   margin: 0 auto;
}

#migrarempresa img {
   width: 80%;
   transition: 0.2s;
}

#migrarempresa img:hover {
   transform: scale(1.1);
   transition: 0.4s;
}

#empresa .title_section h2 {
   font-weight: 800;
   font-size: 3.65rem;
   line-height: 62px;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   width: 60%;
   text-align: center;
   margin: 0 auto;
   padding-bottom: 3%;
   /* text-transform: uppercase; */
   letter-spacing: -1px;
}

#empresa h4 {
   font-size: 1.75rem;
   line-height: 34px;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   font-weight: 500;
   width: 50%;
   margin: 0 auto;
   text-align: center;
}


#empresa ul li {
   font-size: 1.35rem;
   line-height: 27px;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   font-weight: 600;
}

#migrarempresa p {
   font-size: 1.25rem;
   line-height: 24px;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   font-weight: 500;
   text-align: center;
   width: 80%;
   margin: 0 auto;
}

#abrirempresa .btn {
   display: inline-block;
   font-weight: 700;
   color: var(--color-bg-plano);
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 1rem 0.75rem;
   font-size: 1.5rem;
   line-height: 26px;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#abrirempresa button {
   background: var(--color-secondary2);
   color: #fff;
   font-size: 1.1rem;
   border-radius: 2.5em;
   padding: 5px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 600;
   margin-top: 20px;
}

#abrirempresa button::after {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
}

#abrirempresa button:hover::after,
button:focus::after {
   animation: sheen 1s forwards;
}

#migrarempresa .btn {
   display: inline-block;
   font-weight: 600;
   color: var(--color-bg-plano);
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#migrarempresa button {
   background: var(--color-secondary2);
   color: #000;
   font-size: 1.15rem;
   border-radius: 2.5em;
   padding: 5px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 600;
   margin-top: 20px;
   /* float: right; */
   margin: 0 auto;
   text-align: center;
   display: block;
   margin-top: 6%;
}

#migrarempresa button::after {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
}

#migrarempresa button:hover::after,
button:focus::after {
   animation: sheen 1s forwards;
}

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

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

@media(max-width:991px) {}

@media(max-width:768px) {}

@media(max-width:450px) {

   #empresa ul li {
      font-size: 1.25rem;
      line-height: 24px;
      color: var(--color-bg-plano);
      font-family: sans-serif;
      font-weight: 600;
      text-align: left;
      padding-bottom: 1rem;
  }

   #empresa h4 {
      font-size: 1.35rem;
      line-height: 28px;
      color: var(--color-bg-plano);
      font-family: sans-serif;
      font-weight: 500;
      width: 90%;
      margin: 0 auto;
      text-align: center;
  }

   #empresa .title_section h2 {
      font-weight: 800;
      font-size: 1.65rem;
      line-height: 34px;
      color: var(--color-bg-plano);
      font-family: sans-serif;
      width: 80%;
      text-align: center;
      margin: 0 auto;
      padding-bottom: 3%;
      text-transform: uppercase;
      letter-spacing: -1px;
   }

   #empresa #abrirempresa {
      margin-top: 1rem;
      padding: 1rem;
      text-align: center;
  }

   #empresa h3 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 1.7rem;
      color: var(--color-secondary);
      line-height: 28px;
      font-family: sans-serif;
      width: 100%;
   }

   #empresa p {
      font-size: 1.4rem;
      line-height: 25px;
      color: var(--color-bg-plano);
      font-family: sans-serif;
      font-weight: 500;
      width: 100%;
  }

   #empresa #migrarempresa {
      margin-top: 0rem;
   }

   #migrarempresa h3 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 2rem;
      color: var(--color-primary-hover);
      line-height: 35px;
      font-family: sans-serif;
      width: 100%;
      text-align: center;
      margin: 0 auto;
  }

   #migrarempresa button {
      background: var(--color-secondary2);
      color: #000;
      font-size: 1.15rem;
      border-radius: 2.5em;
      padding: 5px 25px;
      position: relative;
      overflow: hidden;
      font-weight: 600;
      margin-top: 20px;
      /* float: right; */
      margin: 0 auto;
      text-align: center;
      display: block;
      margin-top: 3%;
      margin-bottom: 8%;
   }

}


/* -------------------------------------------------------------------
* SESSAO 03 - OUTRAS SOLUÇÔES (MEI, ME)
* -----------------------------------------------------------------*/
#solucao {
   padding: 4% 22%;
}

#solucao h2 {
   font-weight: 800;
   font-size: 1.8rem;
   margin-bottom: 0.5rem;
   text-align: center;
   color: var(--color-font-dark);
   font-family: sans-serif;
}

#solucao p {
   font-weight: 500;
   text-align: center;
   font-size: 1.85rem;
   font-weight: 800;
   color: var(--color-font-dark);
}

#solucao a {
   color: #fff;
}

#solucao .btn {
   display: inline-block;
   font-weight: 600;
   color: var(--color-bg-plano);
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#solucao button {
   background: var(--color-primary);
   color: #fff;
   font-size: 1.1rem;
   border-radius: 2.5em;
   padding: 10px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 600;
   margin-top: 20px;
   width: 100%;
}

#solucao button::after {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
}

#solucao button:hover::after,
button:focus::after {
   animation: sheen 1s forwards;
}

#solucao article h3:hover {
   transition: .5s;
   background-color: var(--color-primary-hover);
   color: var(--color-primary);
}

@media(max-width:1199px) {
   #solucao article h3 {
      font-size: 1.1rem;
      padding: 2%;
   }
}

@media(max-width:768px) {

   #solucao {
      padding: 16% 10%;
      background-color: var(--color-bg-plano);
      clip-path: polygon(0 15%, 100% 0%, 100% 87%, 0% 100%);
   }

}

@media(max-width:450px) {
   #solucao article h3 br {
      display: none;
   }

   #solucao h2 {
      font-weight: 800;
      font-size: 1.45rem;
      margin-bottom: 0.5rem;
      text-align: center;
      color: var(--color-font-dark);
      font-family: sans-serif;
      line-height: 24px;
   }

   #solucao article h3 {
      font-size: 1.1rem;
      padding: 4%;
      font-weight: 600;
   }

   #solucao {
      padding: 16% 10%;
      background-color: var(--color-bg-plano);
      clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
   }
}


/* -------------------------------------------------------------------
* SESSAO 06 - SIMULADOR
* -----------------------------------------------------------------*/
#simulador {
   padding: 2rem 0 6rem;
}

#simulador h2 {
   font-weight: 600;
   font-size: 1.5rem;
   margin-bottom: 2rem;
   text-align: center;
   color: var(--color-bg-plano);
}

#simulador p {
   font-weight: 500;
   margin-bottom: 1.5rem;
   text-align: center;
   font-size: 1.1rem;
   color: var(--color-bg-plano);
}

#simulador .btn_theme_primary {
   min-width: 30%;
   padding: 10px 30px !important;
   font-size: 1.3rem;
}

@media (max-width:767px) {
   #simulador h2 {
      font-size: 2rem;
   }

   #simulador .btn_theme_primary {
      min-width: 260px;
      font-size: 1.2rem;
      margin: .5rem 0;
   }
}

@media (max-width:450px) {


   #simulador .btn_theme_primary {
      min-width: 80%;
      font-size: 1.25rem;
      margin: 4px 0;
      font-weight: 600;
   }

   #simulador h2 {
      font-size: 1.45rem;
      line-height: 27px;
   }

   #simulador p {
      font-weight: 500;
      margin-bottom: 1.5rem;
      text-align: center;
      font-size: 0.95rem;
      color: var(--color-bg-plano);
      width: 80%;
      margin: 0 auto;
      line-height: initial;
      padding-bottom: 5%;
   }

   #simulador {
      padding: 0rem 0 0rem;
   }

}

/* -------------------------------------------------------------------
* SESSAO 04 - SEGMENTOS(Atividades) e BENEFICIOS
* -----------------------------------------------------------------*/
#atividade {
   padding: 13rem 0;
   background-color: var(--color-secondary2);
   clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
}

#atividade img {
   width: 60%;
}

#atividade h2 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 3.8rem;
   color: var(--color-header);
   line-height: 53px;
   font-family: sans-serif;
   width: 70%;
   text-align: center;
   letter-spacing: -1px;
   margin: 0 auto;
   padding-bottom: 1%;
}

#atividade h3 {
   color: var(--color-font-dark);
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 2rem;
   font-family: sans-serif;
   /* background-color: var(--color-secondary2); */
   width: auto;
   display: inline-block;
   padding: 6px;
}

#atividade ul {
   list-style: none;
   margin: 0;
   padding: 0;
}

#atividade ul li {
   font-size: 1.35rem;
   /* color: var(--color-font-light); */
   display: flex;
   align-items: center;
   line-height: inherit;
   font-weight: 600;
}

#atividade ul li i {
   margin-right: 10px;
   font-size: 17px;
   color: var(--color-primary);
}

@media(max-width:991px) {}

@media(max-width:767px) {}

@media(max-width:450px) {

      #atividade ul li {
      font-size: 1.35rem;
      display: flex;
      align-items: center;
      line-height: 20px;
      font-weight: 600;
      justify-content: flex-start;
      flex-wrap: nowrap;
      flex-direction: row;
      text-align: left;
      padding-bottom: 10px;
  }

   #atividade h3 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 1.2rem;
      font-family: sans-serif;
      width: auto;
      display: inline-block;
      padding: 6px;
      text-align: center;
      width: 100%;
  }

   #atividade h2 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 2rem;
      line-height: 34px;
      font-family: sans-serif;
      width: 100%;
      text-align: center;
      letter-spacing: -1px;
      margin: 0 auto;
      padding-bottom: 4%;
  }

   #atividade ul {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-bottom: 11%;
   }

   #atividade {
      padding: 8rem 0;
      clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
  }

}

/* -------------------------------------------------------------------
* SESSAO 07 - DEPOIMENTOS
* -----------------------------------------------------------------*/
#depoimentos {
   padding: 5rem 0;
}

#depoimentos .container {
   background-color: var(--color-font-light);
   padding: 5%;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
}

#depoimentos h2 {
   font-weight: 800;
   margin-bottom: 3rem !important;
   font-size: 2.2rem;
   color: var(--color-font-dark);
   font-family: sans-serif;
}

#depoimentos .item {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   margin: 0 1rem;
   border-radius: 1rem;
}

#depoimentos .item p.text-box {
   text-align: center;
   font-size: 1rem;
   /* font-style: italic; */
   font-weight: 600;
   margin-bottom: 0;
   line-height: 23px;
   color: var(--color-font-dark);
}

#depoimentos .item p {
   margin: 0.5rem 0;
   color: var(--color-secondary2);
   font-weight: 600;
}

#depoimentos .btn {
   display: inline-block;
   font-weight: 600;
   color: var(--color-bg-plano);
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#depoimentos button {
   background: var(--color-secondary2);
   color: #fff;
   font-size: 1.1rem;
   border-radius: 2.5em;
   padding: 5px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 600;
   margin-top: 20px;
   width: 190px;
}

#depoimentos button::after {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
}

#depoimentos button:hover::after,
button:focus::after {
   animation: sheen 1s forwards;
}

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


@media(max-width:450px) {

   #depoimentos {
      padding: 8%;
   }

   #depoimentos h2 {
      font-size: 1.55rem;
   }

   #depoimentos .container {
      background-color: var(--color-font-light);
      padding: 8%;
      border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -ms-border-radius: 30px;
      -o-border-radius: 30px;
   }

}

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

#perguntas h2 {
   font-weight: 800;
   margin-bottom: 3rem !important;
   font-size: 2rem;
   color: var(--color-font-light);
   font-family: sans-serif;
   text-align: center;
}

#perguntas .accordion {
   background: rgba(255, 255, 255, 0);
   border: 0;
   padding: 0.5rem 1rem;
   text-align: left;
   display: flex;
   align-items: center;
   flex-direction: row;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: center;
}

#perguntas .accordion p {
   margin-bottom: 0;
   font-weight: 500;
   font-size: 1.35rem;
   color: var(--color-font-light);
   text-align: center;
}

#perguntas .accordion i {
   font-size: 22px;
   margin-right: 12px;
   color: var(--color-secondary);
}

#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.1rem;
   font-weight: 500;
   padding-left: 29px;
   color: var(--color-secondary2);
}

@media(max-width:767px) {}

@media(max-width:575px) {

   #perguntas h2 {
      font-size: 1.65rem;
      padding-bottom: 0%;
      margin-bottom: 1rem !important;
   }

   #perguntas .accordion p {
      font-size: 1rem;
   }

   #perguntas .panel p {
      font-size: 1rem;
      padding-left: 0px;
  }

   #perguntas .accordion p {
      font-size: 1.2rem;
      text-align: left;
  }

   #perguntas .accordion {
      background: rgba(255, 255, 255, 0);
      border: 0;
      padding: 0.5rem 1rem;
      text-align: left;
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: flex-start;
   }
}


/* -------------------------------------------------------------------
* SESSAO 09 - NOTICIAS - ARTIGOS - BLOG
* -----------------------------------------------------------------*/
#noticias {
   padding: 19rem 0;
   background-color: var(--color-secondary);
   clip-path: polygon(0 0%, 100% 15%, 100% 100%, 0% 85%);
}

#noticias h2 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 2.3rem;
   text-align: center;
   color: var(--color-font-light);
   font-family: sans-serif;
   text-transform: uppercase;
}

#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-secondary2);
   font-size: .8rem;
   border-radius: 6px;
   padding: 3px 12px;
   display: inline-block;
   margin-bottom: 8px;
   color: var(--color-bg-plano);
   font-weight: 500;
   font-family: sans-serif;
}

#noticias article h3 {
   font-size: 1.35rem;
   font-weight: 700;
   margin: 0 auto;
   padding: 2% 0%;
}

#noticias article p {
   font-weight: 500;
   font-size: .75rem;
   margin: 0.3rem 0 0;
   color: var(--color-font-light);
}

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

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

@media (max-width:768px) {}

@media (max-width:450px) {

   #noticias {
      padding: 9rem 0;
      clip-path: polygon(0 0%, 100% 3%, 100% 100%, 0% 97%);
  }

}

/* -------------------------------------------------------------------
* SESSAO 11 - PARCEIROS
* -----------------------------------------------------------------*/
#parceiros {
   padding: 2% 0%;
}

#parceiros img {
   transition: 0.2s;
   animation: balanco 3s ease-in-out infinite;
}

#parceiros img:hover {
   transform: scale(1.08);
   transition: 0.4s;
   -webkit-transform: scale(1.08);
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
}

@keyframes balanco {
   0%, 100% { transform: rotate(-2deg); }
   50% { transform: rotate(2deg); }
 }

#parceiros .img_parceiros img {
   background-color: var(--color-bg-plano);
   border-radius: 15px;
   padding: 2%;
}

#parceiros h2 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 3rem;
   text-align: center;
   font-family: sans-serif;
   color: var(--color-bg-plano);
   /* text-transform: uppercase; */
}

#parceiros h3 {
   font-weight: 600;
   font-size: 1.45rem;
   color: var(--color-bg-plano);
   padding-bottom: 4%;
   text-align: center;
}

#parceiros .btn {
   display: inline-block;
   font-weight: 600;
   color: var(--color-bg-plano);
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1.1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#parceiros button {
   background: var(--color-secondary2);
   color: #fff;
   font-size: 1.1rem;
   border-radius: 2.5em;
   padding: 5px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 600;
   margin-top: 20px;
}

#parceiros button::after {
   content: '';
   position: absolute;
   top: -50%;
   right: -50%;
   bottom: -50%;
   left: -50%;
   background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.5) 50%, rgba(229, 172, 142, 0));
   transform: rotateZ(60deg) translate(-5em, 7.5em);
}

#parceiros button:hover::after,
button:focus::after {
   animation: sheen 1s forwards;
}

@media (max-width:991px) {
   #parceiros h3 br {
      display: none;
   }
}

@media (max-width:767px) {
   #parceiros .btn_theme_primary {
      margin-bottom: 2rem;
   }

   #parceiros .img_parceiros img {
      width: 50%;
   }
}

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

   #parceiros .btn_theme_primary {
      font-size: 1.2rem;
   }
}

@media (max-width:450px) {

   #parceiros {
      padding: 8%;
   }

   #parceiros h2 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 1.8rem;
      text-align: center;
      font-family: sans-serif;
      color: var(--color-bg-plano);
      /* text-transform: uppercase; */
   }

   #parceiros h3 {
      font-size: 1.1rem;
   }

   #parceiros button {
      background: var(--color-secondary2);
      color: #fff;
      font-size: 1.1rem;
      border-radius: 2.5em;
      padding: 5px 25px;
      position: relative;
      overflow: hidden;
      font-weight: 600;
      margin-top: 20px;
      margin: 0 auto;
      text-align: center;
      display: block;
   }
}

/* -------------------------------------------------------------------
* SESSAO 10 - NEWSLETTER
* -----------------------------------------------------------------*/
#newsletter {
   padding: 6rem 0 3rem;
}

#newsletter h2 {
   font-weight: 600;
   font-size: 2rem;
   margin-bottom: 0;
   text-transform: inherit;
}

#newsletter input {
   background: var(--color-bg-plano);
   max-width: 460px;
   padding: 30px;
   font-size: 1.2rem;
   text-align: center;
   border-radius: 90px;
   margin: 0 auto;
   margin-bottom: 10px;
}

#newsletter input:focus,
#newsletter input:active {
   box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
}

#newsletter input::placeholder {
   font-weight: 500;
   color: var(--color-font-dark);
}

#newsletter .btn_theme_primary {
   padding: 10px 50px !important;
   font-size: 1.2rem;
   border-radius: 70px !important;
   background-color: var(--color-header);
   border: 3px solid var(--color-secondary2);
}

#newsletter .btn_theme_primary:hover {
   background-color: var(--color-secondary);
}

@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:450px) {
   #newsletter input {
      margin: 1rem 5%;
      max-width: 90%;
   }

   #newsletter {
      padding: 3rem 0 2rem;
   }
}



/* -------------------------------------------------------------------
* FOOTER
* -----------------------------------------------------------------*/
#footer {
   padding: 10% 0% 0% 0%;
}

#footer h2 {
   font-weight: 800;
   margin-bottom: 3rem;
   font-size: 3.5rem;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   width: 100%;
   margin: 0 auto;
   line-height: 63px;
   padding-bottom: 4%;
}

#footer p {
   font-size: 1.65rem;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   font-weight: 700;
   text-align: center;
   padding-bottom: 1rem;
}

#footer-container .contatos-group-button article {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
   padding: 1rem;
}

#footer-container .contatos-group-button article img {
   max-height: 100px;
   transition: 0.4s;
}

#footer-container .contatos-group-button article img:hover {
   transform: scale(1.1);
   transition: 0.3s;
}

#footer-container .contatos-group-button article h3 {
   color: var(--color-bg-plano);
   font-size: 1.65rem;
   font-weight: 700;
   margin: 0 auto;
   padding: 4px 0px;
   background-color: var(--color-secondary2);
   padding: 1rem 1rem;
   border-radius: 9px;
   cursor: pointer;
   animation: pulsar 1.5s infinite;
   width: 100%;
}

@keyframes pulsar {
   0%, 100% {
     transform: scale(1);
   }
   50% {
     transform: scale(1.1);
   }
 }

#footer-container .contatos-group-social {
   padding: 2rem 0 1rem;
}

#footer-container .contatos-group-social i {
   font-size: 4rem;
   margin: 0 5px 1rem;
   color: var(--color-bg-plano);
   transition: .3s;
}

#footer-container .contatos-group-social i:hover {
   transform: scale(1.05);
   transition: .3s;
}

#footer-container .contatos-group-info {
   margin: 1rem 0 3rem;
}

#footer-container .contatos-group-info strong {
   font-size: 1.4rem;
   font-weight: 600;
   color: var(--color-secondary);
}

#footer-container .contatos-group-info p {
   display: block;
   margin-bottom: 0.2rem;
   font-size: 1rem;
   color: var(--color-font-light);
   font-weight: 400;
   line-height: initial;
   font-family: 'Poppins';
}

/* Copy */
#footer #copyright {
   background: var(--color-bg-plano);
}

#footer #copyright .container {
   padding: 1.2rem 21rem 1.5rem 15rem;
}

#footer #copyright p {
   font-size: .8rem;
   letter-spacing: 0px;
   margin: 0;
   color: var(--color-font-dark) !important;
   font-weight: 600;
   font-family: sans-serif;
}

#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 h2 {
      font-weight: 800;
      margin-bottom: 3rem;
      font-size: 3rem;
      color: var(--color-bg-plano);
      /* line-height: initial; */
      font-family: sans-serif;
      width: 100%;
      margin: 0 auto;
      line-height: 49px;
      padding-bottom: 4%;
   }

   #footer {
      border-radius: 0;
   }

   #footer #copyright {
      border-radius: 0;
   }


   #footer #footer-container {
      padding-top: 2rem;
      clip-path: none;
   }

   #footer #copyright p {
      text-align: center;
      font-size: 0.8rem;
   }

   #footer-container .contatos-group-button {
      /* background: var(--color-secondary); */
      border-radius: 65px;
      /* padding: 5%; */
      clip-path: none;
   }
}

@media (max-width:450px) {

 #footer #copyright .container {
    padding: 1.2rem 1rem 1.5rem 1rem;
}

   #footer #footer-container {
      padding: 5%;
      clip-path: none;
   }

   #footer h2 {
      font-weight: 800;
      margin-bottom: 3rem;
      font-size: 33px;
      color: var(--color-bg-plano);
      /* line-height: initial; */
      font-family: sans-serif;
      width: 100%;
      margin: 0 auto;
      line-height: 37px;
      padding-bottom: 4%;
   }
}