/* BOX-QUEMSOMOS */

#box-quemsomos {
   padding: 4rem 0;
   color: var(--color-font-light);
}

#box-quemsomos h2 {
   font-weight: 700;
   margin-bottom: 0rem !important;
   font-size: 3.2rem;
   line-height: 47px;
   width: 80%;
   text-align: center;
   letter-spacing: -1px;
   margin: 0 auto;
   padding-bottom: 4%;
}

#box-quemsomos h3 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 2.2rem;
   color: var(--color-font-light);
   line-height: 53px;
   font-family: sans-serif;
   /* width: 60%; */
   text-align: left;
   letter-spacing: -1px;
   margin: 0 auto;
   padding-bottom: 1%;
   padding-top: 10px;
}

#box-quemsomos p {
   font-weight: 500;
   font-size: 1.35rem;
   line-height: 26px;
   width: 90%;
   text-align: center;
   margin: 0 auto;
}

@media(max-width:768px) {

   #box-quemsomos .container {
      max-width: 100%;
   }

}

@media(max-width:450px) {

   #box-quemsomos {
      padding: 3rem 6%;
      color: var(--color-font-light);
   }

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

   #box-quemsomos p {
   font-weight: 500;
   font-size: 19px;
   line-height: 20px;
   width: 100%;
   text-align: center;
   margin: 0 auto;
   /* color: var(--color-font-light); */
}

}


/* -------------------------------------------------------------------
* SESSAO 01 - SERVIÇOS
* -----------------------------------------------------------------*/
#servicos {
   padding: 2rem 0 6rem 0;
   position: relative;
}

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

#servicos h2 {
   font-weight: 800;
   margin-bottom: 0rem !important;
   font-size: 3rem;
   color: var(--color-font-light);
   line-height: 47px;
   font-family: sans-serif;
   width: 80%;
   text-align: center;
   letter-spacing: -1px;
   margin: 0 auto;
   padding-bottom: 6%;
   /* padding-top: 50px; */
}

#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 {
      display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: flex-start;
   align-items: center;
   border: 2px solid var(--color-header);
   padding: 2rem;
   border-radius: 23px;
   height: 400px;
}

#servicos article:hover {
   transition: 0.2s;
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
}

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

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

#servicos article div h3 {
   font-size: 1.45rem;
   font-weight: 700;
   margin-bottom: 0 !important;
   letter-spacing: 0px;
   text-align: center;
   padding: 5px 0;
   margin: 0;
   line-height: initial;
   color: var(--color-font-dark);
   line-height: 25px;
}

#servicos article p {
   color: var(--color-font-dark);
   font-size: 0.95rem;
   line-height: 17px;
   text-align: center;
   font-weight: 500;
}

#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.45rem;
    /* line-height: 60px; */
    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;
    border: 0;
}

#servicos button {
	background: #e3a41d;
    color: #fff;
    border-radius: 2.5em;
    padding: 5px 0px;
    padding: 7px 40px;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
    margin: 0 auto;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    border: 0;
}

#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) {}


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

@media(max-width:450px) {

   #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.25rem;
      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 article {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: flex-start;
   align-items: center;
   border: 2px solid var(--color-header);
   padding: 1rem;
   border-radius: 23px;
   height: auto;
}
#servicos button {
background: #e3a41d;
color: #fff;
border-radius: 2.5em;
padding: 5px 0px;
padding: 0px 0px;
position: relative;
overflow: hidden;
margin-top: 20px;
width: 70%;
margin: 0 auto;
text-align: center;
display: block;
margin-bottom: 10px;
border: 0;
margin-top: 3rem;
}

}



/* -------------------------------------------------------------------
* SESSAO 01 - PLANOS
* -----------------------------------------------------------------*/
#planos {
   background-image: linear-gradient(to top, #0000009c, #ff7b0000, #ce0b4500), url(../img/bg_2.webp);
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: inherit;
   padding: 5rem 0;
}

#planos h2 {
   font-weight: 700;
   margin-bottom: 1rem !important;
   font-size: 3.5rem;
   color: var(--color-font-dark);
   line-height: 55px;
   /* font-family: sans-serif; */
   width: 80%;
   text-align: left;
   letter-spacing: -1px;
   margin: 0 auto;
   padding-bottom: 4%;
}

#planos .plano article {
   transition: 0.2s;
   background-color: #fffffffa;
   border-radius: 28px;
   /* border: 1px solid #d7d7d7; */
}

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

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

#planos .plano article h3 {
   font-size: 1.2rem;
   font-weight: 500;
   color: var(--color-font-light);
   padding-top: 8px;
}

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

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

#planos .plano article ul li {
   list-style-type: none;
   text-align: left;
   line-height: 17px;
   /* color: var(--color-bg-plano); */
   font-size: 0.9rem;
   padding-bottom: 10px;
   padding: 0px 20px 10px 20px;
   display: flex;
   align-items: center;
   font-weight: 600;
}

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

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

#planos .plano .btn_theme_secondary:hover {
   background-color: var(--color-primary) !important;
   color: var(--color-font-light);
}

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


@media(max-width:450px) {

   #planos {
      background-image: linear-gradient(to top, #0000009c, #ff7b0000, #ce0b4500), url(../img/bg_2.webp);
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: inherit;
      padding: 3rem 1rem;
   }

   #planos h2 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 26px;
      color: var(--color-font-dark);
      line-height: 33px;
      /* font-family: sans-serif; */
      width: 100%;
      text-align: left;
      letter-spacing: 0px;
      margin: 0 auto;
      padding-bottom: 4%;
   }

}

/* -------------------------------------------------------------------
* SESSAO 02 - ABRIR EMPRESA - MIGRAR EMPRESA
* -----------------------------------------------------------------*/
#empresa {
   background-image: linear-gradient(to top, #82baff9e, #afdaff40, #90d6ff42), url(../img/bg_2.webp);
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: inherit;
   padding: 5rem 0;
}

#empresa article {
   color: var(--color-font-dark);
   background-color: var(--color-font-light);
   padding: 0;
   border-radius: 5px;
   min-height: 465px;
   transition: 0.3s;
}

#empresa article:hover {
   transition: 0.3s;
   transform: scale(1.08);
   -webkit-transform: scale(1.08);
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -ms-transition: 0.3s;
   -o-transition: 0.3s;
}

#empresa article .img-mask {
   position: relative;
   padding: 0 !important;
}

#empresa article div {
   padding: 1.5rem 0.8rem;
}

#empresa article h3 {
      font-size: 1.25rem;
   font-weight: 800;
   border-left: 10px solid var(--color-secondary);
   padding-left: 15px;
   color: var(--color-primary);
   line-height: 23px;
   text-align: left;
   margin-left: 17px;
}

#empresa article p {
      font-size: 17px;
   line-height: 20px;
   color: var(--color-font-dark);
   text-align: left;
   padding: 0;
   font-weight: 500;
}

#abrirempresa img {
   transition: 0.2s;
   filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
}

#abrirempresa img:hover {
   transform: scale(1.1);
   transition: 0.4s;
   filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
}

#empresa h3 {
   font-weight: 800;
   margin-bottom: 1rem !important;
   font-size: 3.2rem;
   color: var(--color-header);
   line-height: 54px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
}

#migrarempresa h3 {
   font-weight: 700;
   margin-bottom: 0rem !important;
   font-size: 2.3rem;
   color: var(--color-font-dark);
   line-height: 41px;
   width: 70%;
   text-align: center;
   margin: 0 auto;
   padding-top: 0%;
}

#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: 2.65rem;
   line-height: 45px;
   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 .title_section h4 {
   font-weight: 500;
   font-size: 1.65rem;
   line-height: initial;
   color: var(--color-bg-plano);
   font-family: sans-serif;
   width: 80%;
   text-align: center;
   margin: 0 auto;
   padding-bottom: 4%;
   letter-spacing: -1px;
}

#empresa p {
   font-size: 1.5rem;
   line-height: 26px;
   color: var(--color-font-dark);
   font-weight: 700;
   padding: 2% 0% 5% 0%;
   text-align: center;
   width: 90%;
   margin: 0 auto;
}

#migrarempresa p {
   font-size: 1.65rem;
   line-height: 30px;
   color: var(--color-font-dark);
   /* font-family: sans-serif; */
   font-weight: 700;
   text-align: center;
   width: 80%;
   margin: 0 auto;
}

#abrirempresa .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.85rem;
   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;
}

#abrirempresa button {
   background: var(--color-primary);
   color: #fff;
   border-radius: 2.5em;
   padding: 15px 10px;
   position: relative;
   overflow: hidden;
   margin-top: 20px;
   width: 50%;
   margin: 0 auto;
   text-align: center;
   display: block;
   margin-bottom: 10px;
   border: 0;
}

#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: 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: 0.375rem 0.75rem;
   font-size: 1.45rem;
   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-font-dark);
   color: #000;
   font-size: 1.15rem;
   border-radius: 2.5em;
   padding: 6px 25px;
   position: relative;
   overflow: hidden;
   font-weight: 400;
   margin-top: 20px;
   /* float: right; */
   margin: 0 auto;
   text-align: center;
   display: block;
   margin-top: 2%;
   width: 660px;
}

#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 {
      padding: 2rem;
   }

   #empresa h3 {
      font-weight: 800;
      margin-bottom: 1rem !important;
      font-size: 29px;
      color: var(--color-header);
      line-height: 32px;
      width: 100%;
      margin: 0 auto;
      text-align: center;
   }

   #empresa p {
      font-size: 18px;
      line-height: 22px;
      color: var(--color-font-dark);
      font-weight: 700;
      padding: 3% 0% 8% 0%;
      text-align: center;
      width: 100%;
      margin: 0 auto;
   }

   #empresa article {
      color: var(--color-font-dark);
      background-color: var(--color-font-light);
      padding: 0;
      border-radius: 5px;
      min-height: auto;
      transition: 0.3s;
      margin-bottom: 1rem;
   }


}


/* -------------------------------------------------------------------
* 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) {}

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

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


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

#simulador h2 {
   font-weight: 700;
   font-size: 2rem;
   margin-bottom: 1rem;
   text-align: center;
   color: var(--color-font-dark);
   width: 80%;
   margin: 0 auto;
   padding-bottom: 1rem;
   line-height: 36px;
}

#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: 45%;
   padding: 1rem !important;
   font-size: 1.5rem;
   background-color: #0abb32;
   border: 0;
   transition: 0.4s;
   color: var(--color-font-light);
   font-weight: 500;
   border-radius: 90px !important;
}

#simulador .btn_theme_primary:hover {
   color: var(--color-font-light) !important;
   transform: scale(1.1);
   transition: 0.3s;
}

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

@media (max-width:550px) {



   #simulador h2 {
      font-weight: 700;
      font-size: 26px;
      margin-bottom: 1rem;
      text-align: center;
      width: 90%;
      margin: 0 auto;
      padding-bottom: 1rem;
      line-height: 32px;
   }

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

}


/* ATIVIDADES ATENDIDAS */

#atividadesatendidas {
   padding: 5rem 0;
}

#atividadesatendidas h2 {
   font-weight: 700;
   margin-bottom: 3rem !important;
   font-size: 2.2rem;
   line-height: 39px;
   width: 90%;
   text-align: center;
   letter-spacing: 0px;
   margin: 0 auto;
}

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

#atividadesatendidas .segmentos {
   padding: 0 0 0 13rem;
}

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

#atividadesatendidas ul li i {
   margin-right: 10px;
   font-size: 27px;
   color: #e3a41d;
}


@media(max-width:550px) {

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

   #atividadesatendidas .segmentos ul li {
      font-size: 19px;
      display: flex;
      align-items: center;
      line-height: initial;
   }

   #atividadesatendidas .segmentos {
      padding: 0 0 0 1rem;
   }

   #atividadesatendidas h2 {
      font-weight: 700;
      margin-bottom: 1rem !important;
      font-size: 21px;
      color: var(--color-primary);
      line-height: 26px;
      font-family: sans-serif;
      width: 100%;
      text-align: center;
      letter-spacing: 0px;
      margin: 0 auto;
   }

   #atividadesatendidas {
      padding: 2rem;
   }

}


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

#atividade img {
   opacity: 0.95;
   filter: grayscale(100%);
   margin: 0 auto;
   text-align: center;
   float: right;
   transition: 0.2s;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -ms-transition: 0.2s;
   -o-transition: 0.2s;
   -webkit-filter: grayscale(100%);
}

#atividade img:hover {
   opacity: 1;
   filter: grayscale(0%);
   transition: 0.5s;
   transform: scale(1.08);
   -webkit-transform: scale(1.08);
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   -webkit-filter: grayscale(0%);
}


#atividade .vantagens {
   padding-top: 1rem;
}

#atividade h2 {
      font-weight: 700;
   margin-bottom: 4rem !important;
   font-size: 1.85rem;
   background: #e3a41d;
   line-height: 33px;
   /* font-family: sans-serif; */
   width: 60%;
   text-align: center;
   letter-spacing: 0px;
   margin: 0 auto;
   /* padding-top: 2rem; */
   padding: 18px;
   border-radius: 205px;
}

#atividade h2 span {
   color: var(--color-primary);
}

#atividade h3 {
   color: var(--color-bg-plano);
   font-weight: 600;
   margin-bottom: 1.5rem !important;
   font-size: 1.45rem;
   background-color: var(--color-secondary2);
   width: auto;
   display: inline-block;
   padding: 6px 15px;
}

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

#atividade .segmentos ul li {
   font-size: 1.15rem;
   display: flex;
   align-items: center;
   line-height: initial;
   font-weight: 600;
}

#atividade .vantagens ul li {
   font-size: 1.35rem;
   display: flex;
   align-items: center;
   line-height: 22px;
   font-weight: 600;
   padding-bottom: 17px;
   width: 100%;
   flex-wrap: nowrap;
   align-content: center;
   justify-content: flex-start;
   flex-direction: row;
   /* color: var(--color-font-light); */
}

#atividade ul li i {
   margin-right: 10px;
   font-size: 24px;
   color: #e3a41d;
}

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

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

@media(max-width:450px) {

#atividade h2 {
   font-weight: 700;
   margin-bottom: 4rem !important;
   font-size: 22px;
   background: #e3a41d;
   line-height: 24px;
   /* font-family: sans-serif; */
   width: 90%;
   text-align: center;
   letter-spacing: 0px;
   margin: 0 auto;
   /* padding-top: 2rem; */
   padding: 18px;
   border-radius: 38px;
}

}

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

#depoimentos h2 {
   font-weight: 700;
   margin-bottom: 3rem !important;
   font-size: 2.5rem;
   /* font-family: sans-serif; */
   letter-spacing: 0px;
}

#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: 400;
   margin-bottom: 0;
   line-height: 22px;
   text-transform: inherit;
}

#depoimentos .item p {
   margin: 0.5rem 0;
   color: var(--color-primary);
   font-weight: 700;
   text-transform: capitalize;
   text-align: center;
}

#depoimentos .btn {
   display: inline-block;
   font-weight: 500;
   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.3rem;
   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: #0abb32;
   color: #fff;
   border-radius: 2.5em;
   padding: 0px 0px;
   position: relative;
   overflow: hidden;
   margin-top: 20px;
   width: 320px;
   border: 0;
}

#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) {}


@media(max-width:450px) {

   #depoimentos h2 {
      font-weight: 800;
      margin-bottom: 3rem !important;
      font-size: 26px;
      color: var(--color-primary);
      font-family: sans-serif;
      letter-spacing: -1px;
   }

   #depoimentos {
      padding: 0rem 0 4rem;
   }

}

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

hr {
   width: 80%;
   margin: 43px auto;
   color: #00215d29;
   border: 0.5px solid;
}

#perguntas h2 {
   font-weight: 700;
   margin-bottom: 2rem !important;
   font-size: 2.8rem;
   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: flex-start;
}

#perguntas .accordion p {
   margin-bottom: 0;
   font-weight: 500;
   font-size: 1.35rem;
   text-align: left;
   line-height: 27px;
}

#perguntas img {
   opacity: 0.8;
   filter: grayscale(100%);
   margin: 0 auto;
   text-align: center;
   float: right;
   transition: 0.2s;
   -webkit-transition: 0.2s;
   -moz-transition: 0.2s;
   -ms-transition: 0.2s;
   -o-transition: 0.2s;
   -webkit-filter: grayscale(100%);
}

#perguntas img:hover {
   opacity: 1;
   filter: grayscale(0%);
   transition: 0.5s;
   transform: scale(1.08);
   -webkit-transform: scale(1.08);
   -moz-transform: scale(1.08);
   -ms-transform: scale(1.08);
   -o-transform: scale(1.08);
   -webkit-transition: 0.5s;
   -moz-transition: 0.5s;
   -ms-transition: 0.5s;
   -o-transition: 0.5s;
   -webkit-filter: grayscale(0%);
}

#perguntas .b-perguntas {
   padding-top: 2rem;
}

#perguntas .accordion i {
   font-size: 22px;
   margin-right: 12px;
   color: #e3a41d;
}

#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.15rem;
   font-weight: 600;
   padding-left: 29px;
   color: var(--color-font-dark);
   background-color: var(--color-font-light);
   padding: 10px 0px;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
   text-align: left;
   padding-left: 29px;
}

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

@media(max-width:575px) {

   #perguntas .panel p {
      margin-bottom: 0 !important;
      font-size: 17px;
      font-weight: 600;
      padding-left: 29px;
      color: var(--color-primary);
      padding: 10px 0px 10px 20px;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
  }

   #perguntas .accordion p {
      margin-bottom: 0;
      font-weight: 500;
      font-size: 18px;
      text-align: left;
      line-height: 22px;
   }

   #perguntas h2 {
      font-weight: 800;
      margin-bottom: 2rem !important;
      font-size: 28px;
      text-align: center;
   }

   #perguntas img {
      display: none;
   }

}


/* -------------------------------------------------------------------
* SESSAO 09 - NOTICIAS - ARTIGOS - BLOG
* -----------------------------------------------------------------*/
#noticias {
   padding: 2rem 0 4rem 0;
}

#noticias h2 {
   font-weight: 700;
   margin-bottom: 0rem !important;
   font-size: 2.8rem;
   text-align: center;
}

#noticias article {
      margin-bottom: 0rem;
   background-color: #ffffffab;
   padding: 2rem;
   border-radius: 11px;
   box-shadow: -2px 3px 6px 1px #00000029;
}

#noticias article span,
#noticias article h3,
#noticias article p {
   color: var(--color-font-dark);
}

#noticias article span {
   background-color: var(--color-secondary);
   font-size: .75rem;
   border-radius: 4px;
   padding: 3px 8px;
   display: inline-block;
   margin-bottom: 8px;
   color: var(--color-font-light);
   font-weight: 400;
   font-family: sans-serif;
}

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

#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:550px) {

   #noticias article {
      margin-bottom: 1rem;
      background-color: #ffffffab;
      padding: 1rem;
      border-radius: 11px;
      box-shadow: -2px 3px 6px 1px #00000029;
  }

   #noticias article h3 {
      font-size: 18px;
      font-weight: 700;
      margin: 0 auto;
      padding: 0% 0%;
   }

   #noticias {
      padding: 0rem 0 2rem 0;
  }

   #noticias h2 {
      font-weight: 700;
      margin-bottom: 0rem !important;
      font-size: 32px;
      text-align: center;
      color: var(--color-primary);
   }

}

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

#parceiros img {
   transition: 0.2s;
}

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

#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) {}

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

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

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

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

#newsletter h2 {
   font-weight: 700;
   font-size: 2.2rem;
   margin-bottom: 0;
   text-transform: inherit;
   padding-bottom: 2rem;
   width: 80%;
   margin: 0 auto;
   line-height: 44px;
   color: var(--color-font-light);
}

#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 {
   display: inline-block;
   font-weight: 600;
   color: var(--color-font-light);
   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;
}

#newsletter button {
   background: #0abb32;
   color: #fff;
   font-size: 1.45rem;
   border-radius: 2.5em;
   padding: 5px 10px;
   position: relative;
   overflow: hidden;
   font-weight: 500;
   margin-top: 20px;
   /* float: right; */
   margin: 0 auto;
   text-align: center;
   display: block;
   margin-top: 10px;
   border: 0;
   width: 210px;
}

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

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

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

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

@media (max-width:450px) {

   #newsletter h2 {
      font-weight: 700;
      font-size: 27px;
      margin-bottom: 0;
      text-transform: inherit;
      padding-bottom: 2rem;
      width: 100%;
      margin: 0 auto;
      line-height: 32px;
      color: var(--color-font-light);
   }

}



/* -------------------------------------------------------------------
* FOOTER
* -----------------------------------------------------------------*/
#footer {
   background-image: linear-gradient(to top, #82baff9e, #afdaff40, #90d6ff42), url(../img/rodape.webp);
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: inherit;
   padding: 6rem 0 0 0;
}

#footer h2 {
   font-weight: 800;
   margin-bottom: 3rem;
   font-size: 3.15rem;
   width: 70%;
   margin: 0 auto;
   line-height: 52px;
   padding-bottom: 6%;
   color: var(--color-font-dark);
}

#footer #social {
   padding: 0% 0% 3% 0%;
}

#footer #social i {
   color: var(--color-header);
   font-size: 5rem;
   transition: 0.1s;
}

#footer #social i:hover {
   color: #e3a41d;
   transform: scale(1.1);
   transition: 0.3s;
}

#footer-container .contatos-group-button article {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   text-align: center;
   padding: 2rem;
   background-color: var(--color-bg-plano);
   border-radius: 25px;
}

#footer-container .contatos-group-button article img {
   max-height: 110px;
   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-font-dark);
   font-size: 1.5rem;
   font-weight: 700;
   margin: 0 auto;
   padding: 2px 0px;
}

#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: 4rem 3rem 5rem;
}

#footer-container .contatos-group-info strong {
   font-size: 1.1rem;
   font-weight: 600;
   color: var(--color-font-light);
   background-color: var(--color-header);
   padding: 0px 10px;
}

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

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

#footer #copyright .container {}

#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: 9px;
   /* text-transform: uppercase; */
   margin: 4px auto;
   font-weight: 600;
   font-family: 'Poppins';
}

#footer #copyright .selos img {
   max-height: 35px;
}


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

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

@media (max-width:450px) {

   #footer #social i {
      color: var(--color-header);
      font-size: 3rem;
      transition: 0.1s;
   }

   #footer h2 {
      font-weight: 800;
      margin-bottom: 3rem;
      font-size: 33px;
      width: 90%;
      margin: 0 auto;
      line-height: 32px;
      padding-bottom: 10%;
      color: var(--color-font-dark);
      padding-top: 2rem;
   }

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

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

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

   #footer-container .contatos-group-button article {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      text-align: center;
      padding: 1rem;
      background-color: var(--color-bg-plano);
      border-radius: 25px;
      margin-bottom: 1rem;
   }

}