@charset "UTF-8";

/** colores principais do projeto*/
:root{
  --body-background-color:#e5e5e5;
  --write:#FFFFFF; 
  --black-claro:#363636;
  --black-claro:#151515;;
  --black:#000000;
  --red:#EE3322;
  --green:#3CAB26;
  --green-2:#3CAB26;
  --blue:#1D4881;
   --yellow:#FFC107;
  --font-family:"Poppins";
  --pink:#E8348B;
  --gray:#E8EDF3;
  --orange:#FF9900;
  --orange:#FF5A00;

  --wrapper-background: #fff;
  --color-1:#149cc7;

  --primary-button-color:#222222 ;
  --primary-button-color:#FFFFFF;
  --primary-button-background-color:#ffd800;
  --primary-button-background-color:#558dcb;
  --primary-button-background-color:#00c1c8;


}


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

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%; }
  
  
  body {margin: 0;
    font-family: "Poppins", sans-serif;
    font-family: var(--font-family), sans-serif;
    background-color:var(--body-background-color);
    font-weight: 400;
    color: #525f7f;
    color: #141414;
    color: #222222;
    color: #181818;
    line-height: normal;
    font-weight: 400;
    font-size: 100%;
    /*
    text-align: left;
    */
  }
  
  /**Render the `main` element consistently in IE.*/
  main {
    display: block; }
  
  h1 {
    font-size: 2rem; 
  }
  
  h2 {
    font-size: 1.2rem; }
  
  h3 {
    font-size: 1.285rem; }
  
  h4 {
    font-size: 1.071em; }
  
  h5 {
    font-size: 1rem; }
  
  h6 {
    font-size: .5em; }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.67rem;
    font-weight: 500;
    line-height: 1.1;
    color: inherit; }
  
  p {
    margin-top: 0;
    margin-bottom: 0.5rem; }
  
  b,
  strong {
    font-weight: bolder; }
  
  hr {
    height: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    overflow: visible; }
  
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0; }
  
  img, embed, object, video {
    max-width: 100%;
    height: auto; }
  
  a {
    background-color: transparent;
    text-decoration: none;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    color: #333; }
    a:hover {
      text-decoration: none; }
  
  ul {
    list-style-type: none;
    padding: 0%; }
  

    .wrapper {
    position: relative;
    max-width: 36rem;
    max-width: 33rem;
    max-width: 30rem;
    min-width: 30rem;
    width: 480px;
    margin-left: auto;
    margin-right: auto;
    /* width: 100%; */
    background-color: var(--wrapper-background);

    /*
    padding-right: .63rem;
    padding-left: .63rem;
    
    */
    }

 .wrapper:before,
 .wrapper:after {
    content: " ";
    display: table; }


.hide{display: none !important;}
.d-none{display: none;}

.row,
.form-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-right: -15px;
  margin-right: -5px;
  margin-left: -15px;
  margin-left: -5px;
  margin-left: .9rem;
  margin-right: .9rem;

 }

/*cria 5 */  
.f-3 {width: calc(100% / 3); }
.f-4 {width: calc(100% / 4); }
.f-5 {width: calc(100% / 5); }



.col {width: 100%; }

.col-20 {width: 20%; }
.col-30 {width: 30%; }
.col-35 {width: 35%; }
.col-40 {width: 40%; }
.col-50 {width: 50%; }
.col-60 {width: 60%; }
.col-65 {width: 65%; }
.col-70 {width: 70%; }
.col-80 {width: 80%; }

/*classe para imagens respononsives*/
.on-image {width: 100%;}
.on-image img {width: 100%;}
.on-image > figure img {width: 100%;}

/*classe para videos respononsives*/
.on-video {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.on-video > iframe,
.on-video > object,
.on-video > video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none; }
.margin-auto{margin: auto;}

/*BTN PRINCIPAL*/
.btn {
  width: 100%;
  cursor: pointer;
  display: block;
  font-size: .9rem;
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  padding: 1.2rem 0.375rem;
  /*padding: 0.8rem 0.375rem;*/
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
  color: var(--primary-button-color);
  background-color: var(--primary-button-background-color);
  background-color: #3CAB26;
  border: none;
}


.section-{
    position: relative;
}


/*ESTILOS SVG*/
svg {
  width: 1.8em;
  height: 1.8em;
  position: relative;
  display: block;
  fill: #999;
}

.icon-svg {display: block; font-size: 1.3rem;}


.fixed-secure {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
}


.price-footer{
  padding: 1.5rem 0 ;
}

/*HEADER */
.main-header{
    position: relative;
  }


  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
  }



.headline{
  padding: 0.35rem ;
  text-align: center;
  background: #ED2C4F;
  background: #FFFFFF;
  background: #149cc7;
  background: #181818;
  color: #000;
  color: #fff;
}

.headline h1{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 ;
}

.headline h2{
    margin: 0;
}

.headline h4{
margin: 0;
}

.headline h1,
.headline h4{
    letter-spacing: .05rem;
}

/* .box-product{
    position: absolute;
    top: 32%;
    left: 56%;
    z-index: 50;
} */


.sale{ 
    position: absolute;
    width: 150px;
    height: 150px;
    background: url(../img/100-garantia.png) 50% 50% / 100% no-repeat;
    top: 10%;
    top: 68%;
    left: 10%;
    font-weight: 400;
    text-align: center;
    /* transform: rotate(10deg); */
  }



.box-price{
    width: 45%;
  display: flex;
  position: absolute;
  top:45%;
  right: 55%;
  right: 0%;
}

.box-price .img-1{
  position: relative;
    top: -15%;
    left: 0%;
}



/*end header*/


.section-feature-item{
  position: relative;
  padding: 1rem .5rem 1rem .5rem;
  background-color: #558dca;
  background: #FFFFFF;
  background: #149cc7;
  background: linear-gradient(to right, rgba(117,182,206,1) 0%,rgba(134,197,220,1) 100%);
  /* background: linear-gradient(to right, rgba(3, 12, 143, 0.1) 0%,rgba(31,44,231,1) 100%); */
}


.section-feature-item h2 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  line-height: 2.2rem;
}


.box-item{
  margin-top: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  border-radius: 2%;
  background: #FFFFFF;
}

.box-item img{
  width: 192px;
  border-top-left-radius: 2%;
  border-bottom-left-radius: 2%;
}

.box-item-text{
  padding: 0 .5rem;
}

.box-item-text h4{
  font-weight: 600;
}


.box-item-text p{
  font-size: 1.12rem;
  line-height: 1.2rem;
  letter-spacing: .025rem;

}


.product-animation{
  position: absolute;
  top: 272px;
  left: 360Px;
    max-width: 37.5%;
}

.anim-hint_15 {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
}

.anim-hint__point_15 {
  position: relative;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background-color: #FF8A00;
  background-color: #ff4010;
}

.anim-hint__point_15::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background-color: #FF8A00;
  background-color: #ff4010;
  border: none;
  animation: star1 3s linear infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}

.anim-hint__point_15::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background-color: #FF8A00;
  background-color: #ff4010;
  border: none;
  animation: star1 3s 0.9s linear infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

.third {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background-color: #FF8A00;
  background-color: #ff4010;
  border: none;
  animation: star1 3s 1.8s linear infinite;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 3;
}

@keyframes star1 {
  0% {
    transform: scale(1);
    opacity: 1;
    }
  100% {
    transform: scale(18);
    opacity: 0;
    }
  /*100% {
    transform: scale(1);
    opacity: 0;
    }*/
  }

  @keyframes pulsation1 {
    0% {
      transform: scale(1);
      opacity: 1; }
    100% {
      transform: scale(3);
      opacity: 0; } }
  
  @keyframes pulsation2 {
    0% {
      transform: scale(1);
      opacity: 1; }
    100% {
      transform: scale(3);
      opacity: 0; } }




.timer-block{
    position: relative;
    display: flex;
    align-items: center;
    /* background-color: red; */
    padding: 0;
}

.timer-block p{
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: .7rem;
    font-weight: 600;
}



/*TIME*/
.time-wrap {
  display: flex;
  gap: 10px;
  justify-content: space-evenly;
  text-align: center;
}

.timer-item {
  width: 33%;
}

.timer-item:last-child {
  margin: 0;
}

.count {
  margin: 0 ;
  position: relative;
}

.timer-text {
  font-size: .75rem;
  color: #9d755b;
  font-weight: 300;
}

.count span {
  display: inline-block;
  font-weight: 700;
  font-size: 1.3rem;
  font-size: 30px;
  color: #999;
}

.count.hours::before,
.count.minutes::before
{
  display: block;
  content: ':';
  width: 1px;
  line-height: 24px;
  position: absolute;
  top: 10px;
  font-size: 1.5rem;
  font-weight: 900;
  color: #999;
  right: -3px;
}

/* BOX */

.box{ position: relative;}
.box img{ display: block;}

.box-text{
    padding: 0 30px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 1.1rem;
}

.box-text-dark{
  padding: 0 1rem;
    margin: 1rem 0 1.5rem 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.1rem;
}




.main-title {
  background: #0000001c;
  background-color: rgba(237, 6, 6, 0.72);
  position: absolute;
  left: 0.5rem;
  top: 175px;
  max-width: 17rem;
  /* text-shadow: 0 2px 0 #126f67; */
  color: #222;
  color: #FFFFFF;
  padding: 1rem 0.5rem;
  border-radius: 1rem;
}
.main-title h3{
  font-weight: 600;
  /* color: #fff; */
  font-size: 1.2rem;
  margin: 0;
}


.sub-title {
  position: absolute;
  left: .8rem;
  top: 183px;
  font-family: 'Intro', Arial, Helvetica, sans-serif;
  font-size: 27px;
  line-height: 1em;
  font-weight: 600;
  letter-spacing: 0.6px;
}



.discount-block{
  padding: 18px 0 0;
    width: 79px;
    height: 101px;
    background: url(../img/offer-discount.png) center no-repeat;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 0;
    right: 20px;
}
.value {
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
}

.text {
  font-size: .8rem;
  line-height: 20px;
}

.bullets{
  padding: 0.625rem .625rem;
  background: #149cc7;
  color: #fff;
}


/*SECTION PEOBLEMS*/
.section-problems{
  padding: 0 0 1.5rem 0;
  position: relative;
  background-color: #f8f8f8;
  background-color: #EAEAEA;;
}

.section-problems h2{
  font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    margin-top: 1rem;
    line-height: 2.2rem;
   
}


.section-problems h2 span:nth-child(1){
   color: #ff4010;
}

.section-problems img{
  display: block;

}


.section-problems h3{
  margin: 1rem auto 1rem;
    font-weight: 700;
    text-align: center;
}




.box-problems{
  padding: 0 1.7rem;
  margin: 0.35rem 0 0 0; 
  min-height: 60vh;
}


.item{
  display: flex;
  padding: 0 .9rem;
    background: #CCE2EA;
    margin-bottom: 0.9rem;
    align-items: center;
}

.item:nth-child(2){
  padding-left: 0;
}

.item:nth-child(2) img{
  margin-right: 1rem;
}

.text-item h3{  
  text-align: left;
  margin: 0;
 }

 .text-item p{
   font-size: 1.12rem;
  line-height: 1.2rem;
 }

 /* SECTION RESULT */

 .section-result{
   position: relative;
   padding: 1rem 0 0 0 ;
   background-color: #FFFFFF;

}

 .box-title-result{
   padding: 0 1rem ;
 }

 .box-title-result span:nth-child(2){
   font-size: 1.5rem;
   font-weight: 700;
 }


.box-title-result .before,.box-title-result .after{
  display: flex;
  align-items: center;
    justify-content: center;
 }

 .before span:nth-child(2){
   margin-left: 1em;
 }
 
 .after span:nth-child(1){
  margin-left: 2rem;
  margin-right: 1rem;
 }


  .before svg,.after svg{
    font-size: 1rem;
    }

 .box-title-result h2{
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  line-height: 2.2rem;
 }


 .box-img-result{
   position: relative;
  }

  .box-img-result img{
    display: block;
  }

  .box-img-result .box-product{
    top: 45%;
    left: 40%;
  }
 
.box-img-result  .product-animation{
  top: 205px;
left: 250px;
}



.works-section{
  position: relative;
  padding: 1rem 0;
  background: #eaeaea;
  min-height: 100vh;
}

.works-section h2{
    line-height: 1.3;
    margin: 1rem 0;
    letter-spacing: .05rem;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 2.2rem;    
}

.works-section img{
  display: block;
}

.box-works{
  position: relative;
  background: url(../img/b2.jpg) no-repeat;
    background-size: 100%;
    padding-top: 2.5rem;
    padding-left: 3.93rem;
    padding-bottom: 1rem;
   
    
}

.box-works:before {
  content: url(../img/line.svg);
  position: absolute;
  left: 2.4rem;
  top: 4rem; 
}


.list-works{
  
}

.list-works li{
  width: 60%;
  
}

.item-works{
  margin-bottom: 2rem;
}

.item-works h3{
  position: relative;
  top: -0.1rem;
font-weight: 600;

}

.item-works p{
  font-size: 1rem;
  line-height: 1.1rem;
  font-weight: 100;
  letter-spacing: .05rem;

}

.item-works:before{
  content: '';
    position: absolute;
    width: 1rem;
    max-width: 1rem;
    height: 1rem;
    max-height: 1rem;
    border-radius: 50%;
    background: #ED2C4F;
    left: 2rem;
      
}


.box-works .box-product{
  top: 50%;
}

.box-works .product-animation{
  top: 73%;
  left: 79%;
}

/* SECTION 3 */



/* END */



.benefits-list{
  display: flex;
  gap: 2px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    justify-content: space-between;  
}
.benefits-list li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
}

.benefits-list .icon-clock{
  fill:#FFFFFF;
  padding: .4rem;
}

.benefits-list .icon-clock{}

.benefits-list li > span:nth-child(1) {
  margin-right: 0.4rem;
  border-radius: 50%;
  background-color: #1D4881;
 }

 .benefits-list li > span:nth-child(2) {
  line-height: 1;
  font-size: .75rem;
  letter-spacing: .05rem;
 }

 .price-block{
  position: relative;
  display: flex;
  color: #FFFFFF;
  margin-top: 1rem;
 }

 .price-old {
  padding: .1rem;
  background: #1cba9f;  
  background: #ff4010;
  text-align: center;
}

.price-block span {
  display: block;
  font-size: .8rem;
}

.price-block span:nth-child(2) {
  font-size: 2.3rem;
  font-weight: 700;
}

.price-old span:nth-child(2) {
  /* text-decoration: line-through; */
}

.price-new {
  padding: .1rem;
  background: #ff4010;;
  background: #1cba9f;
  text-align: center;
}


.bullets-1{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.bullets-1 li {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-top: 0.3rem;
  padding-bottom: 0.4rem;
}

.bullets-1 li:nth-child(2) {
  width: 100%;
  background-color: #f6f7f7;
  justify-content: flex-start;
}

.bullets-1 li > span:nth-child(1) {
  margin-right: 1rem;
  margin-left: 1rem;
}

.bullets-1 li > span:nth-child(2) {
  font-size: 1.1rem;
}

.bullets-1 svg {
  width: 1.2em;
  height: 1.2em;
  position: relative;
  display: block;
  fill: #4692ca;
}


.section-timer {
  position: relative;
  border-top: 1px dashed #dcddde;
  border-bottom: 1px dashed #dcddde;
  background: #f5f6f7;
  color: #222;
  padding: 1.25rem;
  text-align: center;
}

.section-product-description{
  position: relative;
  /* padding: 0 0 1.5rem 0; */
  background-color: #f8f8f8;
  background-color: #EAEAEA; 
}

.section-product-description h2 {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  line-height: 2.2rem;
}

.section-product-description h2 span:nth-child(1) {
  color: #ff4010;
}


.video-presentation{
  position: relative;
  display: block;
}


.text-p{  
  padding: .7rem;
  margin-top: .9rem;

}
.text-p p{
  text-align: justify;
      font-size: 1.15rem;
    letter-spacing: .020rem;
    /* margin-bottom: 0.9rem; */
}

.text-p span{
  font-weight: bold;
  color: #75b6ce;
  color: #ff4010;;
}







.section-timer p {
  margin-bottom: 0.94rem;
  letter-spacing: .09rem;
  font-weight: 100;
}

.timer-box {
  display: flex;
  justify-content: space-evenly;
}

.timer-item{
  float: left;
    margin: 0 35px 0 0;
}

.timer-item:last-child {
  margin: 0;
}
.count {
  margin: 0 0 10px;
  height: 60px;
}

.count span { 
  display: inline-block;
  margin: 0 8px 0 0;
  width: 46px;
  height: 60px;
  background: #fadc35;
  font-weight: 700;
  font-size: 36px;
  line-height: 60px;
  color: #222;
}





.list-1 {
  padding: 0 0.7rem;
  margin: 1.7rem 0;
}

.list-1 li {
  font-size: .9rem;
  display: block;
  margin: 0;
  padding-left: 0;
  padding-bottom: 1rem;
  margin: 0 0 15px;
  padding: 0 0 0 30px;
  position: relative;
  color: #121314;
}


.list-2 li {
  font-size: .9rem;
  display: block;
  margin: 0 0 15px;
  padding: 0 0 0 30px;
  position: relative;
  color: #FFFFFF;
  /*
  margin: 0;
  padding-left: 0;
  padding-bottom: 1rem;
  
  */
}


.list-1 span {
  background-color: #149cc7;
  padding: 0.2rem 0.3rem;
  color: var(--write);
  border-radius: 20%;
}

.list-2 span {
  background-color:#ffd800;
  padding: 0.2rem 0.3rem;
  color: #149cc7;
  font-weight: 600;
  border-radius: 20%;
}


.list-2 li:before {
  position: absolute;
  display: block;
  content: '-';
  width: 100%;
  height: 4px;
  bottom: 0;
  left: 0;
  /*
  background: url(list1__separator5f527.png) center no-repeat;
  */
}

.btn-form-block{
  position: relative;

}

.button-form {
  position: relative;
  display: block;
  width: 92%;
  margin: 0 auto;
  font-size: 1.25rem;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: .05rem;
  padding: 1.62rem 2.68rem 1.62rem;
  padding: 1.5rem 0.375rem;
  padding: 1rem 0.375rem;
}


.button-form {
  position: relative;
  display: block;
  margin: 10px auto;
  width: 90%;
  border: none;
  border-radius: 2.5rem;
  background: #68c017;
  background: #00c1c8;
  /* background: linear-gradient(to right, #68c017 0%,#a1d725 100%); */
  box-shadow: 0 0 0 10px rgb(97 190 11 / 30%);
  box-shadow: 0 0 0 10px rgb(11 173 190 / 30%);
  font-weight: 700;
  font-size: 1.25rem;
  padding: 1.5rem 0.375rem;
  padding: 1.2rem 0.375rem;
  letter-spacing: 0.8px;
  letter-spacing: .05rem;
  color: #fff;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}


.btn-form-block p {
  text-align: center;
  font-size: .9rem;
  margin: 1rem 0 0 0;
  padding-bottom: 1rem;
}

.btn-form-block P > span {
  font-size: 1rem;
  background-color: #57aceb;
  color: #fff;
  padding: 7px;
  font-weight: 700;
  border-radius: 4px;
  margin-left: 5px;
}




.list-v1{
  margin:0 0 1.2rem 0;
}

.list-v1 li:before {
  position: absolute;
  left: 25px;
  top: 15px;
  width: 14px;
  height: 14px;
  background: #ff4010;
  box-shadow: 0 0 0 5px rgb(255 0 0 / 5%);
  border-radius: 50%;
  content: '';
}

.list-v1 li {
  position: relative;
  font-size:1.1rem;
  font-weight: 100;
  line-height: 1.56rem;
  padding: 10px 20px 10px 55px;
}
.list-v1 li:nth-child(even) {
  background: #fff;
}



.alert-v1 {
  width: 440px;
  color: #fff;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  padding: 15px 20px;
  background: #033b4a;
  border-radius: 0 20px;
  margin: 0 auto 30px;
}

.alert-v1 span {
  color: #fff600;
}


.section-dark{
  padding:  2rem 0;
  position: relative;
  background: #033b4a;
}

.section-dark h2{
  padding: 0 20px;
  margin: 0 0 1.2rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  letter-spacing: .025rem;
}

.section-dark h2 span {
  color: #fff600;;
}
.section-dark img{
  display: block;
    margin: 0 auto 1.4rem;
}

.check-list {
  padding: 0 0.25rem;
  margin: 1.7rem 0;
}

.check-list li:first-child {
  border-top: 0;
}

.check-list li {
  position: relative;
  display: flex;
  width: 100%;
  color: #000;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: .020rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 10px 15px 0px;
  /* border-bottom: 1px solid #07566b;
  border-top: 1px solid #043644; */
}

.check-list li > span:nth-child(1) {
  margin-right: 1rem;
  margin-left: 1rem;
}


/*INFO SECTION*/

.info-section{
  padding:  1rem 0 1.4rem 0;
  position: relative;
  background: #eae9ee;
  text-align: center;

}

.info-section h2{
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.info-section h2 span{
  color: #558dca;
}

.info-section p{
     font-size: 1.1rem;
     line-height: 1.25rem;
     font-weight: 100;
    text-align: center;
    text-align: justify;
    /* padding: 0 25px; */
    margin-bottom: .9rem;
    margin-bottom: 0;
    letter-spacing: .020rem;
}


.info-section img{
  display: block;
    margin: 0;
    padding-bottom: 1.5rem;
}

/*END*/


.infra-section{
  position: relative;
  padding:  1.2rem 0 1.4rem 0;
  background: #eae9ee;
  background: #f8faf5;
  }

 .box-infra{
  margin-left: 0.9rem;
  margin-right: 0.9rem;
 text-align: center;

 }

.infra-section h2{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.8rem;
}

.infra-section h3{
  color: #ff4010;
  font-weight: 600;
}


.user-section{
  position: relative;
  padding:  1.2rem 0 1.4rem 0;
  background: #FFFFFF;
}

.click-element {
  cursor: pointer;
}

.play-overlay{
    cursor: pointer;
    z-index: 3;
    opacity: .8;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.section-modo-usar{
  position: relative;
  padding:  1.2rem 0 1.4rem 0;
  background: #f8faf5;
  background: #cce2ea;
  background: #eae9ee;
  /* background: linear-gradient(to bottom, white, #ffa501); */
}

.num-rond{
  display: block;
  margin: 0 auto 10px;
  width: 50px;
  height: 50px;
  background: #8ac537;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.6em;
}

.list-number {
  padding: 0 1.2rem;
  margin-bottom: 2.5rem;
}

.list-number > li {
  padding: 1rem ;
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  background: #1cba9f;
  border-radius: 0 1rem;
}

.list-number span{
    width: 2.75rem;
    height: 2.75rem;
    line-height: 2.75rem;
    background: #fff;
    border-radius: 0 10px;
    font-size: 20px;
    text-align: center;
    color: #1cba9f;
    flex-shrink: 0;
    font-weight: 700;
    margin-right: 15px;
}


.list-number p {
  color: #fff;
  font-size: 1rem;
  font-weight: 100;
  text-align: left;
  padding: 0;
  margin: 0;
}


.section-benefits{
    padding: 2rem 0;
    position: relative;
    background: #f8f8f8;
    text-align: center;
}


.section-benefits h2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
}

.section-benefits h3 {
    color: #558dca;
    line-height: 1.5rem;
    font-weight: 600;
}

.list-benefits{

  position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.8rem;
    margin-bottom: 0;

}

.list-benefits li{
    padding: 0 0.625rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0 0 2rem 0;
}

.list-benefits img{
  border-radius: 2rem 0;
  border: 3px solid #168b79;
  padding: .1rem;
}

.list-benefits p{
  width: 90%;
  margin:  0 auto;
  padding: 0 .9rem;
  font-size: 1.1rem;
  line-height: 1.25rem;
  font-weight: 100;
  text-align: center;
}


.reviews-section {
    padding: 2rem 0;
    position: relative;
    background: #033b4a;
    text-align: center; 
}

.reviews-section h2{
  font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #fff600;
    letter-spacing: .05rem;
}
.reviews-section h3{
  color: #FFFFFF;
  font-size: 1.4rem;
  line-height: 1.7rem;
  font-weight: 600;
}



.stats-rev{
  width: 440px;
  margin: 15px auto;
  position: relative;
  display: flex;
  color: #FFFFFF;
  justify-content: space-between;
}

.stats-rev span{
    display: block;
    font-size: 1rem;
}

.stats-rev span:nth-child(1){  
    color: #fff600;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1em;
    padding-bottom: 5px;
}

.rew-1,.rew-2{
  width: 48%;
}

.rew-1,
.rew-2{
   padding: 0.1rem;
    background: transparent;
    text-align: center;
    border: 1px solid #075d74;
    border:  1px solid #FFFFFF;
    padding: 20px 10px;
   border-radius: .5rem;
}

.reviews-section img{ 
  border-radius: .5rem;
  margin:  1.5rem 0;
}


.section-size{
    padding: 2rem 0;
    position: relative;
    background: #FFFFFF;
    text-align: center;
}

.section-size h2{
  font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.5rem;
   letter-spacing: .05rem;
}
.section-size img {
  display: block;
  margin: 0 auto 2.5rem;
}

.section-size h4{
  text-align: center;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: .05rem;
    margin: 1rem 0 0 0;
}
.section-size p{
  padding: 0 1.4rem;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 100;
  margin-bottom: 1.875rem;
}


.section-size table th {
  position: relative;
  background: #1cba9f;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  padding: 8px 20px;
}


.section-size table tr:nth-child(odd) td {
  background: #f8f8f8;
}

.section-size table td {
  padding: 8px;
  color: #181818;
  font-size: 16px;
  text-align: center;
}


.faq{
  padding: 2rem 0;
  position: relative;
  background: var(--gray);
  text-align: center;
  min-height: 100vh;
}

.faq h2{
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: .05rem;
    /* color: #558dca; */
}


.certificate{
   position: relative;  
}
.certificate .photo {
  position: relative;
}

.certificate .text-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 240px;
}

.certificate .photo img {
  display: block;
}

.certificate .text-photo p {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 600;
  font-weight: 700;
  height: 2.75rem;
  line-height: 2.5rem;
  padding-left: 1.25rem;
  color: #fff;
  letter-spacing: .08rem;
}

.certificate .text-photo p:nth-child(1) {
  background: #000100;
}

.certificate .text-photo p:nth-child(2) {
  background: #b91f27;
}

.certificate .text-photo p:nth-child(3) {
  background: #e5c43f;
}

.txt {
  background: #033b4a;  
  text-align: center;
  padding: 20px;  
}

.txt p{
  color: #fff;
   font-size: 1.1rem;
  line-height: 1.5rem;
  font-weight: 100;
}

.txt span{
  color: #fff600;
}

.step{
  position: relative;
  padding:  2rem 0 0 0 ; 
}

.step h2{
    padding: 0 20px;
    margin: 0 0 1.2rem;
    font-size: 1.8rem;
    line-height: 2.2rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: .025rem;
}

.step h2 span{
    color: #558dca;
}


.order-form{
  position: relative;
  padding:  2rem 0 ; 
  color: #FFFFFF;
  background: #033b4a;  
  text-align: center;
}

.order-form h4{
    font-weight: 700;
    font-size: 1.56rem;
    line-height: 1em;
    margin-bottom: 5px;  
}

.order-form p{
  font-size: 1rem;
  letter-spacing: .08rem;
    font-weight: 100;
    padding: 0 2rem;
    margin: .5rem 0;
}

.box-form{
  padding: 1.5rem 1rem;
}
.box-form button{
  margin: 2rem auto;
}

.form-order {
  /* padding-bottom: 1rem; */
}


.form-order > input {
  border: none;
  border-radius: 0.4rem;
  background: #fff;
  border: 1px solid #ececec;
  width: 95%;
  display: block;
  height: 3.75rem;
  margin: 0 auto 1.5rem;
  font-size: 1.3rem;
  font-family: var(--font-family);
  text-indent: 65px;
  transition: all 0.5s;
}

input[name="name"] {
  background: #fff url(../img/pers-icon.png) 20px 50% no-repeat;
}

input[name="phone"] {
  background: #fff url(../img/phone-icon.png) 20px 50% no-repeat;
}


.security {
  width: 90%;
  margin: 0 auto;
  padding: 1rem 0 1rem 3rem;
  background: url(../img/security-icon.png) 23px 50% no-repeat;
  border: 1px solid #075d74;
  border: 1px solid #FFFFFF;
  margin-top: 23px;
  border-radius: 0.5rem;  
  color: #fff;
}

.security h4 {
  font-size: 18px;
  color: #fff600;
}

.security p {
  font-size: 1rem;
  line-height: 23px;
}

/*footer*/
.footer {
    padding: .6rem 0 .1rem;
    font-size: .8rem;
    background: #fafafa;
    color: #000
}

.copyright {
    width: 100%;
    text-align: center
}

.copyright a {
    color: #333;
    color: inherit
}

.copyright p {
    margin: 0;
    font-size: .8rem
}

.benefit-item{
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 .8rem .9rem ;
  margin-bottom: 1rem;
  border-bottom: 1px dashed #ebebeb;
}

.benefit-item:nth-child(4){
  border-bottom: none
}

.benefit-item img {
  border: 3px solid #fff;
  width: 150px;
  background: #fff;
  background: #e6e6e6;
  border-radius: 4px;
/*
  display: block;
    border: 3px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    position: absolute;
    top: 0;
    left: 0;
    */
}


.benefit-item h4{
  color: #ffd800;
}

.benefit-item p{
  color: #fff;
  text-align: justify;
}


.description-section{
  position: relative;
  padding: 1.5rem 0 0 0;
}

.description-section h2{
  margin: 0 0 1rem;
    font-weight: 700;  
    text-align: center;
    color: #149cc7;
}

.description-section h4{
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .08rem;
}

.description-section h3{
  text-align: center;
  font-weight: 600;
}

.thumb{
  margin: 1.2rem 0 ;
}



.order-info{
  position: relative;
}

.order-info h2{
  min-width: 100%;
  margin: 0 0 1rem;
    font-weight: 700;
    text-align: center;
    color: #149cc7;
}

.order-info-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  justify-content: space-between;
}


.order-info-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0.8rem 0.9rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed #ebebeb;
}

.order-info-item:nth-child(4) {
  border-bottom: none;
}

.order-info-item h4{
    margin: 0 0 5px;
    font-weight: 700;
    color: #149cc7;
}



.icon-block {
  width: 5rem;
  height: 5rem;
  margin: 0 20px 0 0;
  -webkit-border-radius: 20px 4px;
  -moz-border-radius: 20px 4px;
  border-radius: 20px 4px;
  background: #f5f5f5;
  line-height: 80px;
  text-align: center;
  
}

.icon-block img {
  display: inline-block;
  vertical-align: middle;
}




.offer-section{
    position: relative;
    
    
    
}