.icon-compromisso {
    background: #568dc4 !important;
    border-radius: 10px;
    padding:5px 10px 5px 10px;
    margin-right:-8px;
    width:64px;
    height:60px;
    line-height: 60px;
    z-index:2;
    box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.29);
    -webkit-box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.29);
    -moz-box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.29);
}

.icon-compromisso i {
    color: #fff;
}

.text-compromisso {
    background: #3368a0;
    color:#fff;
    font-weight:500;
    width:100%;
    border-radius: 10px;
    min-height: 60px;
    
    margin-top:24px;
    padding-left:20px;
    padding-right: 20px;
    box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.29);
    -webkit-box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.29);
    -moz-box-shadow: 10px 10px 12px -9px rgba(0,0,0,0.29);
    animation-name: slideInLeft;
    cursor: pointer;
}

.text-compromisso:hover{
    transition: 0.3s;
    background: #DC760A;
}
 /* -------------------------------------------------------------------
 * BOX 01 - SERVIÇOS
 * -----------------------------------------------------------------*/ 

#servicos { padding: 6rem 0; }
#servicos h1 { color: #01346b; font-weight: 700; font-size: 2.7rem; margin-bottom:0.5rem; text-shadow: 2px 2px 5px rgba(51,51,51,0.16); }
#servicos h2 { font-weight: 700; font-size: 2rem; }
#servicos h2.orange{ color: var(--color-secondary); }
#servicos h2 span { background-color: var(--color-secondary); padding: 1px 6px; border-radius:5px; color:#fff }

 #servicos article { 
    background-color: var(--color-primary);
    color: var(--color-font-light);
    text-align: center;
    width: 260px;
    height: 260px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}
#servicos article img { max-height: 50px; margin-bottom: 1rem; }
#servicos article h2 { font-size: 1.2rem; font-weight: 600; }

#servicos .background-01 { background-image: linear-gradient(#01346ba8, #01346bd9), url(../img/bg-servico-01.png); }
#servicos .background-02 { background-image: linear-gradient(#f57e01de, #f57e01a6), url(../img/bg-servico-02.png);}
#servicos .background-03 { background-image: linear-gradient(#01346ba8, #01346bd9), url(../img/bg-servico-03.png); }
#servicos .background-04 { background-image: linear-gradient(#f57e01de, #f57e01a6), url(../img/bg-servico-04.png); }

#servicos article:hover { transition: .4s; transform: scale(1.1); }

#servicos .container {
    max-width: 1320px !important;
}

#servicos .card-servicos {
    margin-top:6%;
}

#servicos .img-servicos{
    max-width:80%;
    max-height:90%;
    margin-top:-40%;
    box-shadow: 6px 8px 20px -7px rgba(0,0,0,0.57);
    -webkit-box-shadow: 6px 8px 20px -7px rgba(0,0,0,0.57);
    -moz-box-shadow: 6px 8px 20px -7px rgba(0,0,0,0.57);
}

#servicos .inner-card-servicos {
    border-radius:10px;
    padding-bottom:5%;
    transition: all 0.2s linear;
    box-shadow: 7px 14px 13px -7px rgba(0,0,0,0.27);
    -webkit-box-shadow: 7px 14px 13px -7px rgba(0,0,0,0.27);
    -moz-box-shadow: 7px 14px 13px -7px rgba(0,0,0,0.27);
}

#servicos .inner-card-servicos-blue {
    border-top:solid 4px #01346B;
}

#servicos .inner-card-servicos-blue:hover{ 
    background-color: #01346B;
    color:#fff;
    transform: scale(1.05); 
}

#servicos .inner-card-servicos-orange {
    border-top:solid 4px #F57E01;
}

#servicos .inner-card-servicos-orange:hover{ 
    background-color: #F57E01;
    color:#fff;
    transform: scale(1.05); 
}

#servicos .inner-card-servicos h2 {
    font-size:1.3rem;
}

#servicos a {
    color:#001d3d !important;
    line-height:1.3rem;
}

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

    #servicos .img-servicos{
        max-width:50%;
        max-height:90%;
        margin-top:-20%;
    }    
}

@media(max-width:767px) {
    #servicos h1 { font-size: 2.3rem; }

    #servicos .img-servicos{
        max-width:25%;
        max-height:90%;
        margin-top:-10%;
    }     
}
@media(max-width:599px) {
    #servicos {
        padding: 3rem 0;
    }   
    #servicos h1 {
    font-size: 29px;
    }
    #servicos article {
    width: 230px;
    height: 230px;
    }
}

#sobre img{
    border-radius: 25px;
}

 /* -------------------------------------------------------------------
 * BOX 02 - BENEFICIOS
 * -----------------------------------------------------------------*/ 
 #beneficios {
        padding: 5rem 0 4rem 0;
    background: linear-gradient(#e9e9e98c, #f1f1f17a), url(../img/bg.jpg);
    background-attachment: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
 #beneficios .bx-beneficios h2 {
     font-weight: 700!important;
    font-size: 2rem!important;
    width: 80%;
}

 #beneficios .bx-beneficios img { max-width: 35px; }

 #beneficios h3 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1rem;
}
 
 #beneficios .b-bene h3 {
    font-size: 1.3rem;
    font-weight: 600;
}

 #beneficios .bx-beneficios{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
}

#beneficios .b-bene{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#beneficios .b-bene h3{
    margin-left: 20px;
}

#beneficios .box-bene-img{
    magin:0;
    padding:0;
}

#eficacia h3{
    font-size:1.2rem;
}

#eficacia img{
    max-width:40px;
}

@media(max-width:599px) {
    #beneficios h2 {
        font-weight: 700;
        font-size: 2rem;
        padding-bottom: 50px;
    }
}


 /* -------------------------------------------------------------------
 * BOX 03 - PERGUNTAS FREQUENTES 
 * -----------------------------------------------------------------*/
#perguntas{ 
    padding: 6rem 0;
    background: linear-gradient(#203a6acf, #203a6acf), url(../img/bg-perguntas-frequentes.png);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#perguntas h2, #perguntas h3 { color: var(--color-font-light); font-weight: 700; font-size: 2rem; }
#perguntas h2 span { background-color: var(--color-secondary); padding: 1px 6px; border-radius:5px }

#perguntas .pergunta .accordion {
    background: transparent;
    color: var(--color-font-light);
    border: 0;
    padding: 0.3rem 0 0;
    margin-bottom: 0.3rem;
    font-weight: 600;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.1rem;
}
#perguntas .pergunta .accordion i { font-size: 26px; color: var(--color-secondary); margin-right: 10px; }
#perguntas .pergunta button:focus { outline: 0px !important; }
#perguntas .pergunta .panel { font-size: 1rem; display: none; font-weight: 600; margin: -0.7rem 0 0.8rem; padding: 0 1.7rem; }
#perguntas .pergunta .panel p { margin-bottom: 0 !important; color: var(--color-secondary); font-size: 1.1rem; }


/* multistep form - steps */
.multi-form-steps ul{
  list-style: none outside none;
  width:100%;
  padding:0;
  margin:0 !important;
}

.multi-form-steps ul li{
  display: inline-block;
  background:#F57E01;
  position:relative;
  height:80px; /* double arrow wrapper height */
  overflow: hidden;
  -webkit-box-shadow: 13px 5px 10px -1px rgba(0,0,0,0.29); 
  box-shadow: 13px 5px 10px -1px rgba(0,0,0,0.29);
}

.multi-form-steps ul li .letter {
    margin-right:10px;
    font-size:2rem;
    font-weight: 600;
}

.multi-form-steps ul li.previous-active .arrow-background,
.multi-form-steps ul li.active{
  background:#452E13;
}
.multi-form-steps ul li .arrow-background{
  position:absolute;
  display:inline-block;
  right:0;
}
.multi-form-steps ul li.active .arrow-background{
  background:#F57E01;
}
.multi-form-steps ul li span.step-text{
  padding:0 10px;
  line-height:100%;
  color:#fff;
  display:inline-block;
  vertical-align:middle;
  margin-top:10px;
  height:80px; /* double arrow wrapper height */
  line-height:60px;
  overflow: hidden;
  width:100%;
  text-align: left;
}
.multi-form-steps ul li span.arrow-wrapper{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #FFF;
}
.multi-form-steps ul li.last span.arrow-wrapper{
  border-left: 40px solid #F57E01;
}
.multi-form-steps ul li span.arrow{
  display:block;
  position:absolute;
  top:-38px; /* height of THIS arrow - arrow wrapper - 2px */
  left:-40px; /* width of arrow-wrapper */
  width: 0;
  height: 0;
  border-top: 38px solid transparent;/* arrow wrapper - 2px */
  border-bottom: 38px solid transparent;/* arrow wrapper - 2px */
  border-left: 38px solid #F57E01;/* arrow wrapper - 2px */
}
.multi-form-steps ul li.active span.arrow,
.multi-form-steps ul li.last.active span.arrow-wrapper {
  border-left: 38px solid #452E13;
}
.multi-form-steps ul li.last.active span.arrow-wrapper,
.multi-form-steps ul li.last.active .arrow-background{
  background:#452E13 !important;
}
/* set the width for the 4 step bar */
.multi-form-steps ul.step-4 li{
  width:25%;
}

@media(max-width:991px) {
    .multi-form-steps ul li {
        display:block;
    }
    .multi-form-steps ul.step-4 li {
        width:100%;
        border-radius:5px;
        margin-bottom:10px;
    }
    .multi-form-steps ul li span.arrow-wrapper {
        display:none;
    }
}

:root {
  --circle-size: clamp(1.5rem, 5vw, 3rem);
  --spacing: clamp(0.25rem, 2vw, 0.5rem);
}

.c-stepper {
  display: flex;
  padding:0;
}

.c-stepper__item {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;

  &:before {
    --size: 3rem;
    content: "";
    display: block;
    width: var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
    background-color: #F57E01;
    opacity: 0.8;
    margin: 0 auto 1rem;
  }

  &:not(:last-child) {
    &:after {
      content: "";
      position: relative;
      top: calc(var(--circle-size) / 2);
      width: calc(100% - var(--circle-size) - calc(var(--spacing) * 2));
      left: calc(50% + calc(var(--circle-size) / 2 + var(--spacing)));
      height: 2px;
      background-color: #e0e0e0;
      order: -1;
    }
  }
}

.c-stepper__title {
  font-weight: bold;
  font-size: clamp(1rem, 4vw, 1.25rem);
  margin-bottom: 0.5rem;
}

h3.c-stepper__title {
    font-size:1.5rem !important;
}

.c-stepper__desc {
  color: #fff;
  font-size: clamp(0.85rem, 2vw, 1rem);
  padding-left: var(--spacing);
  padding-right: var(--spacing);
}

/*** Non-demo CSS ***/

.wrapper {
  max-width: 1000px;
  margin: 2rem auto 0;
  margin-top:5rem;
  margin-bottom: 0;}


*,
*:before,
*:after {
  box-sizing: border-box;
}

@media(max-width:991px) {
    #perguntas h2 br { display: none; }
}
@media(max-width:599px) {
    #perguntas h2, #perguntas h3 {
    font-size: 24px;
}
}

/* -------------------------------------------------------------------
 * BOX 02 - EXPERIÊNCIA 
 * -----------------------------------------------------------------*/
#experiencia{ 
    padding: 5rem 0;
    background: linear-gradient(#203a6a00, #0e1f3e17), url(../img/slide_6.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#experiencia h2{
    color: var(--color-font-light);
    font-weight: 700;
    font-size: 2.7rem;
    width: 80%;
    margin: 0 auto;
    padding: 3% 0%;
}
#experiencia h2 span { background-color: var(--color-secondary); padding: 1px 4px; }

#experiencia .bx-experiencia h4{
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
}

#experiencia .bx-experiencia img{
        text-align: center;
    margin: 0 auto;
    float: none;
    display: block;
    padding: 5% 0%;
}

#experiencia .bx-experiencia{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

#experiencia .bx-experiencia .accordion {
    background: transparent;
    color: var(--color-font-light);
    border: 0;
    padding: 0.3rem 0 0;
    margin-bottom: 0.3rem;
    font-weight: 600;
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.1rem;
}
#experiencia .bx-experiencia .accordion i { font-size: 26px; color: var(--color-secondary); margin-right: 10px; }
#experiencia .bx-experiencia button:focus { outline: 0px !important; }
#experiencia .bx-experiencia .panel { font-size: 1rem; display: none; font-weight: 600; margin: -0.7rem 0 0.8rem; padding: 0 1.7rem; }
#experiencia .bx-experiencia .panel p { margin-bottom: 0 !important; color: var(--color-secondary); font-size: 1.1rem; }


@media(max-width:991px) {
    #experiencia h2 br { display: none; }
}
@media(max-width:599px) {
    #experiencia h2, #experiencia h3 {
    font-size: 25px;
    width: 100%;
}
    #experiencia .bx-experiencia {
    display: block;
    }
    #experiencia .bx-experiencia h4 {
    color: #fff;
    text-align: center;
    font-size: 19px;
    margin: 0;
    }
}

/* -------------------------------------------------------------------
 * BOX 02 - ATIVIDADES 
 * -----------------------------------------------------------------*/
#atividades{ 
    padding: 4rem 0;
    /*background: linear-gradient(#203a6a00, #0e1f3e17), url(../img/slide_6.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
}
#atividades h2{
    color: color: var(--color-font-dark);
    font-weight: 700;
    font-size: 2.4rem;
    margin: 0 auto;
    text-align: center;
}
#atividades p {
    color: color: var(--color-font-dark);
    font-weight: 600;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}
#atividades ul li{
    color: color: var(--color-font-dark);
    text-align: left;
    font-size: 1.45rem;
    font-weight: 600;
    list-style: none;
}

#atividades ul li i{
    padding-right: 10px;
}

#atividades .bx-atividades{
    padding:1% 5% 3% 10%;
}

@media(max-width:991px) {
    
}
@media(max-width:599px) {
    #atividades h2 {
    color: color: var(--color-font-dark);
    font-weight: 700;
    font-size: 28px;
    margin: 0 auto;
    text-align: center;
}

#atividades ul li {
    color: color: var(--color-font-dark);
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}

#beneficios .bx-beneficios h2 {
    font-weight: 700!important;
    font-size: 32px!important;
    width: 90%;
    padding-bottom: 40px;
    text-align: center;
    float: none;
    margin: 0 auto;
}
#beneficios h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 1rem;
}
    
}


/* -------------------------------------------------------------------
 * BOX 04 - NOTICIAS - ARTIGOS - BLOG
 * -----------------------------------------------------------------*/

/* Dashed geometric shapes */
.dashed-circle,
.dashed-square,
.dashed-triangle,
.dashed-hexagon,
.dashed-wave {
  position: absolute;
  border: 2px solid rgba(255, 255, 255, 0.8);
  z-index: 0;
}

.dashed-circle {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  left: -50px;
  animation: rotate 20s linear infinite;
  border-color: #eaeaea;
}

.dashed-circle-2 {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  left: 80%;
  animation: rotate 20s linear infinite;
  border-color: #e4e4e4;
  z-index:0;
}

 #noticias { padding: 4rem 0; background: #e6e6e6;
background: linear-gradient(90deg,rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(230, 230, 230, 1) 97%);}
 #noticias .noticias-tag { background: var(--color-secondary); color: var(--color-font-light); padding: 2px 20px; font-size: 1.4rem; font-weight: bold; display: inline-block; margin-bottom: 1rem; }
 #noticias h2 { font-weight: 700; font-size: 2.3rem; line-height:3rem }



 #noticias .artigos article, #noticias .blog article { min-height: 275px; }
 #noticias a { color: var(--color-font-dark); }

 #noticias .btn_theme__primary { font-weight: 600; }
 #noticias .btn_theme__primary:hover { color: var(--color-font-light); }
 
 #noticias .noticias article span,
 #noticias .artigos article span,
 #noticias .blog article span {
     color: var(--color-font-light);
     font-size: .8rem;
     line-height: 1rem;
     border-radius: 5px;
     padding: 6px 16px;
     display: inline-block;
     margin-bottom: 10px;
 }
 #noticias .noticias article h3, #noticias .artigos h3, #noticias .blog h3 { 
     font-size: 1.2rem; 
     font-weight: 700; 
     margin: 2px 0 1rem 0; 
 }

 #noticias .noticias article span { background-color: var(--color-secondary); }
 #noticias .noticias article p { font-weight: 600; font-size: .8rem; margin-bottom: 0; }
 
 #noticias .artigos article span { background-color: var(--color-primary); }
 #noticias .artigos article p { font-weight: 600; font-size: .8rem; margin-bottom: 0; margin-top: 6px; }
 
 #noticias .blog article span { background-color: var(--color-secondary); }
 #noticias .blog article p { font-weight: 600; font-size: .8rem; margin-bottom: 0; margin-top: 6px; }
 
 #noticias article .image-cover { position: relative; padding: 0 !important; height: 150px; }
  #noticias article .image-cover img { width: 100%; height: 100%; display: block; transition: 1s; border-radius:10px; }
 /* #noticias article .image-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: 1s; } */


#noticias h4{
    background:#F57E01;
    color:#fff;
    display:inline-block;
    padding:6px 16px;
    border-radius: 5px;
    font-size:1.2rem;
    margin-bottom:4px;
}

#noticias ul {
    list-style-type: none;
    padding-left:0;
}

#noticias ul li {
    font-weight:bold;
    font-size:1rem;
    margin-bottom: 0.5rem;
}

#noticias ul li i{
    color:#F57E01;
}

#noticias ul li span{
    font-weight: normal;
    font-size:1rem;
    padding-left:1rem;
}

 @media(max-width:991px) {
    #noticias h2 br { display: none; }
 }
 @media(max-width:767px) {
    #noticias h2 {
    font-size: 27px;
}
 }



 /* -------------------------------------------------------------------
 * BOX 05 - NEWSLETTER
 * -----------------------------------------------------------------*/
 #newsletter{ padding: 2rem 0 4rem 0; background: #e6e6e6;
background: linear-gradient(90deg,rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 49%, rgba(230, 230, 230, 1) 97%);}
 #newsletter h2 { font-weight: 700; font-size: 1.5rem; text-align: center; margin-bottom: 1rem; }

 #newsletter input { border: 1px solid var(--color-primary); min-width: 470px; padding: 25px 20px; font-size: 1.2rem; text-align: center; margin-bottom: 1rem; border-radius: 10px; }
 #newsletter input::placeholder { font-weight: 600; color: var(--color-font-dark); }
 #newsletter .btn_theme__primary { font-weight: 700; border-color: var(--color-secondary); background: var(--color-secondary); color: var(--color-font-light); padding: 8px 40px !important; }

 @media (max-width:991px) {
     #newsletter h2 { font-size: 1.1rem; }
     #newsletter h2 br { display: none; }
 }

 @media (max-width:499px) {
    #newsletter input { min-width: 300px; }
 }

 

 /* -------------------------------------------------------------------
 * FOOTER
 * -----------------------------------------------------------------*/
#footer { padding: 3rem 0 2rem; background:#01346B; color:#fff; }
#footer h2 { font-weight: 700; font-size: 1.8rem; color:#F57E01}
#footer h3 { font-weight: 700; font-size: 2rem; color: var(--color-secondary); margin-bottom: 1.5rem; }
#footer .btn_theme__primary { font-weight: 600; margin: 0 .3rem 1rem; background:#fff; }
#footer .btn_theme__primary:hover { transform: scale(1.1); transition: .3s; color:#01346B; }
#footer button{ background:#F57E26; color:#fff; font-weight:500 }

#footer .social a i {
   background-color: var(--color-secondary); 
   color: var(--color-font-light); 
   font-size: 1.5rem; 
   width: 50px;
   height: 50px; 
   display: inline-flex; 
   align-items: center;
   justify-content: center; 
}
#footer .social a:hover i { transform: scale(1.1); background-color: var(--color-primary); transition: .3s; }


#copyright { background-color: var(--color-primary); color: var(--color-font-light) !important; padding: 2rem 0; }
#copyright img { max-height: 60px; }
#copyright p { font-size: .9rem; margin: 1rem 0 1rem; }
#copyright .selo img { max-height: 35px; margin: 0 1rem; }
#copyright h2 { font-size: 1.2rem; }
#copyright h3 { font-size: 2rem; }

#copyright .btnUp {
    position: absolute;
    right: 3rem;
    color: var(--color-secondary);
    font-size: 2.5rem;
    font-weight: bold;
}

@media(max-width:991px) {
    #footer h3 { font-size: 2rem; }
    #footer .btn_theme__primary { width: 48%; }
}
@media(max-width:767px) {
    #footer h3 { font-size: 1.6rem; }
}
@media(max-width:549px) {
    #footer h2 { font-size: 1.4rem; }
    #footer h3 {
    font-size: 21px;
}
    #footer .btn_theme__primary { width: 80%; }
}

.btn-voltar{
    background-color: #ee8203;
    color:#fff;
    border-radius:20px;
    border:0;
    padding:5px 15px;
}

.btn-voltar:hover{
    background-color: #01346b;
}