/*==================================================
 * Geral
 ===================================================*/

 :root {
  --purple: #AF1685;
  --blue: #1D4F91;
}

 body {
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif!important;
  width: 100%;
}

html,
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

a {
  cursor: pointer;
  transition: all .5s;
  text-decoration: none!important;
}

li {
  list-style: none;
}

.container {
  overflow: hidden;
  z-index: 1;
  padding: 0!important;
}

.w-90 {
  width: 90%!important;
}

.btn-main {
  border-radius: 5px;
  background: linear-gradient(90deg, #005EEC 0%, #35D1C6 100%);
  color: #fff!important;
  padding: 9.5px 40px;
  font: normal normal 600 16px/60px Poppins;
  letter-spacing: 1.95px;
  vertical-align: middle;
}

.btn-main i {
  font-size: 20px;
  vertical-align: middle;
  margin-left: 20px;
}

.btn-main:hover {
  filter: saturate(2);
}

@media(min-width: 1024px) {
  .back-to-top{
    bottom: 3%;
    right: 6%;
  }

  .container {
    max-width: 1330px!important;
  }

  .mobile-show {
    display: none!important;
  }
}

@media(max-width: 1023px) {
  .desktop-show {
    display: none!important;
  }
}

@media(min-width: 329px) {
  .container {
    max-width: 306px;
  }
}

/*==================================================
 * Header
 ===================================================*/

  .section-header {
    background: transparent radial-gradient(closest-side at 55% 29%, #FFFFFF 0%, #F9F9F9 100%) 0% 0% no-repeat padding-box;
    padding-top: 50px;
  }

  .img-header {
    display: contents;
  }

 .header-contact {
  text-align: left;
  color: #011F2D;
 }

 .header-title {
  color: var(--purple);
  text-align: left;
 }

 .header-text {
  text-align: left;
 }

 .header-text-2 {
  text-align: left;
 }

 @media(min-width: 1024px) {
    .header-contact {
      margin: auto 0;
      font: normal normal normal 20px/30px Poppins;
      letter-spacing: 2.14px;
    }

    .header-contact span {
      font: normal normal bold 20px/30px Poppins;
    }

    .header-title {
      font: normal normal bold 65px/65px Poppins;
      letter-spacing: -2.27px;
      max-width: 497px;
    }

    .header-text {
      font: normal normal normal 20px/30px Poppins;
    }

    .header-text-2 {
      font: normal normal 500 15px/23px Poppins;
    }
 }

@media(max-width: 1023px) {
    .header-contact {
      font: normal normal normal 20px/30px Poppins;
      letter-spacing: 2.14px;
      width: 159px;
    }

    .header-contact span {
      font: normal normal bold 20px/30px Poppins;
    }

    .header-title {
      font: normal normal bold 40px/40px Poppins;
      letter-spacing: -1.4px;
    }

    .header-text {
      font: normal normal normal 12px/18px Poppins;
    }

    .header-text-2 {
      font: normal normal 500 12px/18px Poppins;
    }
 }

 /*==================================================
 * Features
 ===================================================*/

 .features-section {
  margin-top: 70px;
 }

 .features-title {
  text-align: left;
  color: var(--blue);
 }

 .card-feature {
  padding: 33px 31px;
  box-shadow: 0px 3px 6px 2px #0000001c;
  border-radius: 10px;
  width: 98%;
  margin: auto;
 }

 .feature-title {
  text-align: left;
  font: normal normal bold 34px/35px Poppins;
  letter-spacing: -0.85px;
  color: var(--purple);
 }

 .feature-content {
  text-align: left;
  font: normal normal 300 15px/23px Poppins;
  color: #011F2D;
  margin-top: 14px;
 }

 .feature-content span {
  font: normal normal 500 15px/23px Poppins;
 }

 .features-section-2 {
  background-color: #F9F9F9;
 }

 .features-2-title {
  text-align: left;
  color: #000000;
  padding: 52px 0 2px 0;
 }

 .feature-2-content span {
  font: normal normal 500 15px/23px Poppins;
 }

 @media(min-width: 1024px) {
   .card-feature {
    max-width: 295px;
    margin: 20px auto;
   }

   .features-title {
    font: normal normal bold 65px/83px Poppins;
    letter-spacing: -2.27px;
   }

   .feature-title {
    max-width: 241px;
   }

   .feature-content {
    max-width: 232px;
   }
  
   .features-section-2 {
    margin-top: 30px;
   }
  
   .features-2-title {
    font: normal normal bold 34px/51px Poppins;
    letter-spacing: -1.16px;
   }

   .feature-2-content {
    margin-bottom: 40px;
    font: normal normal 300 15px/23px Poppins;
    max-width: 880px;
   }
 }

@media(max-width: 1023px) {
  .card-feature {
    margin: 40px auto;
  }
  
  .features-title {
    font: normal normal bold 40px/48px Poppins;
    letter-spacing: -1.4px;
   }
  
   .features-section-2 {
    margin-top: 30px;
   }
  
   .features-2-title {
    font: normal normal bold 34px/39px Poppins;
    letter-spacing: -1.16px;
    width: 279px;
   }

   .feature-2-content {
    font: normal normal 300 15px/23px Poppins;
    max-width: 279px;
   }
 }

  /*==================================================
 * CTA 1
 ===================================================*/

 .cta-section {
  background: radial-gradient(closest-side at 50% 50%, #2564B7 0%, #1D4F91 100%);
 }

 .cta-icon {
  text-align: center;
 }

 .cta-title {
  text-align: center;
  color: #FFFFFF;
 }

 .cta-title-2 {
  text-align: center;
  color: #FFFFFF;
 }

 .cta-text {
  text-align: center;
  color: #FFFFFF;
 }

 @media(min-width: 1024px) { 
   .cta-section {
    padding: 57px 0;
   }

   .cta-section-2 {
    width: 80%;
    margin: auto;
    border-radius: 10px;
   }

   .cta-title {
    font: normal normal bold 65px/87px Poppins;
    letter-spacing: -1.95px;
   }

   .cta-title-2 {
    font: normal normal bold 42px/63px Poppins;
    letter-spacing: -1.43px;
    margin: 10px auto;
   }
  
   .cta-text {
    font: normal normal normal 34px/41px Poppins;
    letter-spacing: -1.02px;
    margin-bottom: 46px;
   }
 }

 @media(max-width: 1023px) {
   .cta-section {
    padding: 46px 0;
   }

  .cta-title {
    font: normal normal bold 34px/39px Poppins;
    letter-spacing: -1.02px;
    margin: 10px auto;
   }

  .cta-title-2 {
    font: normal normal bold 34px/39px Poppins;
    letter-spacing: -1.02px;
    margin: 10px auto;
   }
  
   .cta-text {
    font: normal normal normal 15px/20px Poppins;
    letter-spacing: -0.45px;
    margin: auto;
    margin-bottom: 23px;
    max-width: 230px;
   }
 }

/*==================================================
 * Features 2
 ===================================================*/

 .features2-title {
  text-align: left;
  color: var(--blue);
 }

 .feature-content font {
  color: #AF1685;
 }

 .card-feature-2 {
  background: #FFFFFF;
  box-shadow: 0px 3px 6px 2px #0000001c;
  border-radius: 10px;
 }

 .featurer2-content {
  text-align: left;
 }

 .feature2-content font {
  font: normal normal 500 15px/23px Poppins;
  color: #AF1685;
 }

 @media(min-width: 1024px) {
  .order-ft-1 {
    order: 2;
  }
  .order-ft-2 {
    order: 1;
  }

  .z-index-3{
    z-index: 3;
  }

  .card-feature-2 {
    margin-bottom: 36px;
    margin-top: 32px;
    padding: 49px 45px;
    width: 110%;
    margin-left: 5px;
  }

  .features-2-bg {
    background: url('../img/features-2.png');
    height: 1079px;
  }

  .features2-title {
    font: normal normal bold 65px/83px Poppins;
    letter-spacing: -2.27px;
    width: 554px;
   }

   .feature2-content {
    font: normal normal 300 15px/23px Poppins;
    margin-top: 5px;
   }
  
   .feature2-content font {
    font: normal normal 500 15px/23px Poppins;
   }

   .feature2-content span {
    font: normal normal 500 15px/23px Poppins;
   }
 }

@media(max-width: 1023px) {
  .card-feature-2 {
    width: 98%;
    margin: 40px auto;
    padding: 44px 39px;
  }

  .mt-ft2 {
    margin-top: 73px;
  }

  .features2-title {
    font: normal normal bold 34px/35px Poppins;
    letter-spacing: -1.4px;
   }

   .feature2-content {
    font: normal normal 300 15px/23px Poppins;
   }

   .feature2-content font{
    font: normal normal 500 15px/23px Poppins;
   }

   .feature2-content span {
    font: normal normal 500 15px/23px Poppins;
   }
 }