pre {
  font-weight: 600;
  font-size: 12px;
  line-height: 150%;
  color: #FFF;
  letter-spacing: 0.18em;
  font-family: 'Nunito Sans';
  font-style: normal;

}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #67697A;
  margin-bottom: 0;
}


.button {
  background: #0025e0 !important;
}

.button:hover {
    background-color: #5872F5 !important;
}

/*******************    hero   **********************/

.hero {
background: rgba(238, 241, 255, 1) !important
}

.img-banner {
height: 480px;
}

.text-banner {
  max-width: 43%; !important}

/*******************    cards   **********************/

h3 {
  margin-bottom: 0;
  text-align: center;
  font-weight: 800;
  font-size: 24px;
  line-height: 100%;
  color: #393B47;
}




/*******************    buttons   **********************/

.kl-rich-text__buttons .button, .kl-header .button {
   border-radius: 500px;
  cursor: pointer;
  font-weight: 700;
  outline: none;
  text-align: center;
  transition: background-color 0.1s ease-out;
  font-size: 20px;
  width: 132px;
  max-width: 100%;
  padding: 0 24px;
  padding-top: 16px;
  background-color: #0E248F;
  padding-bottom: 16px;
  color: white;
}

.kl-rich-text__buttons .button span, .kl-header span {
  color: white;
}



#hs_cos_wrapper_module_1682617413029 .botao-primary-button-md {
    display: flex;
    justify-content: center;
    margin: 0 auto !important;
    margin-top: 32px !important;

}

.botao-primary-button-md {
  margin: 0 auto
}


/******************* cards **********************/


.row-number-5 .row-fluid .span3 {
    border: 1px solid rgba(235, 236, 245, 1);
    padding: 24px;
    border-radius: 16px;
    height: 294px;
}

.row-number-5 .row-fluid .span3:last-child  {
    background-color: rgba(184, 195, 255, 0.24);
}


.row-number-5::before {
background: rgba(184, 195, 255, 0.24)
}


/******************* vantagens **********************/

.row-number-7 {
border-radius: 16px;
}



/******************  social proof  ***********************/

.hs-testimonial figure {
display: none;
}

.hs-testimonial--top blockquote:before {
  display: none;
}

.hs-testimonial blockquote {
  height: 332px;
  box-shadow: none;
  border-radius: 16px;
  margin: 0;

}


.hs-testimonial h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: #67697A;
  text-align: left;
  height: 170px;
}

.hs-testimonial h6 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: rgba(182, 185, 204, 1);
  text-align: left;
}

.slick-prev:before, .slick-next:before {
  opacity: 100%;
  color: #0025e0;
}

.slick-dots li.slick-active button:before {
  opacity: 100%;
  color: #0025e0;

}
.slick-dots li {
    width: 4px;
    height: 4px;
    margin: 8px;
}


.slick-dots li button:before {
  color: rgba(216, 218, 232, 1);
  opacity: 100%;
}




/*******************media**********************/


@media screen and (max-width: 768px) {
  
pre {
  text-align: center;
  } 
  
  
  
/*******************  hero  **********************/

.text-banner {
  max-width: 100%; !important}

  



/*******************  cards  **********************/


.row-number-5 .row-fluid .span3  {
    height: auto;
      margin-bottom: 24px;
}


/*******************    vantagens   **********************/

.row-number-6 {
  padding-bottom: 0 !important;
}
  
.row-number-7 {
    display: inline-flex;
    margin: 16px 16px -121px;
  border: 1px solid rgba(235, 236, 245, 1);
}

.cell_16831401221889-row-0-padding {
padding: 24px 24px 8px 24px !important;
  }

.row-number-12  {
padding-top: 160px !important;
  }
  
  
.dnd_area-row-2-background-image {
background-position: -502px -86px !important;  
  }

  
}