/* flat-css: compiled from nested source by lightningcss */
@media screen and (min-width: 1200px) {
  .features #header #title-container {
    background: url("../images/globe-bg-U0sYAL9.png") 0 100% no-repeat, url("../images/features-head-bg-lg-gRNy3TE.png") 100% 100% no-repeat;
    background: image-set(url("../images/globe-bg-XeIIHXj.avif") type("image/avif"), url("../images/globe-bg-U0sYAL9.png") type("image/png")) 0 100% no-repeat, image-set(url("../images/features-head-bg-lg-bClkXVB.avif") type("image/avif"), url("../images/features-head-bg-lg-gRNy3TE.png") type("image/png")) 100% 100% no-repeat;
    justify-content: start;
    min-height: 748px;
  }
}

.features #header #title-container .container h1 {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .features #header #title-container .container h1 {
    text-align: start;
    margin: 0;
  }
}

.features #header #title-container .container h2 {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .features #header #title-container .container h2 {
    text-align: start;
    margin: 0;
  }
}

.features #header #title-container .container p {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .features #header #title-container .container p {
    text-align: start;
    margin: 0;
  }
}

.features #header #title-container .container p {
  margin: 0 auto;
  font-size: 14px;
  line-height: 21px;
}

@media screen and (min-width: 1200px) {
  .features #header #title-container .container p {
    max-width: 530px;
    margin: 0;
    font-size: 16px;
    line-height: normal;
  }
}

.features #header #title-container .container .badge {
  box-sizing: border-box;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .features #header #title-container .container .badge {
    width: auto;
  }
}

.features .all-features .box {
  border: 1px solid #f3f3f3;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box {
    padding: 90px;
  }

  .features .all-features .box h2 {
    font-size: 36px;
    line-height: 54px;
  }
}

.features .all-features .box h2 {
  font-weight: 700;
}

.features .all-features .box h2 {
  text-align: start;
}

.features .all-features .box p {
  text-align: start;
}

.features .all-features .box:nth-child(odd) h2 {
  max-width: 700px;
}

.features .all-features .box:nth-child(odd) p {
  max-width: 700px;
}

.features .all-features .box .badge {
  background: #fff;
  box-shadow: 0 10px 20px #0000000d;
  font-weight: 400 !important;
}

.features .all-features .box.purple-gradient {
  background: linear-gradient(#fbefff 0%, #fff 100%);
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.purple-gradient {
    background: url("../images/ad-blocker-bg-6N0_Pfj.png") 100% 100% no-repeat, linear-gradient(#fbefff 0%, #fff 100%);
    background: image-set(url("../images/ad-blocker-bg-giZg95S.avif") type("image/avif"), url("../images/ad-blocker-bg-6N0_Pfj.png") type("image/png")) 100% 100% no-repeat, linear-gradient(#fbefff 0%, #fff 100%);
  }
}

.features .all-features .box.purple-gradient .badge {
  color: #6113fa;
}

.features .all-features .box.blue-gradient {
  background: linear-gradient(0deg, #e6effd 0%, #fff 100%);
  padding: 24px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.blue-gradient {
    background: url("../images/no-log-shield-bg-j07-Om8.png") 146px no-repeat, linear-gradient(0deg, #e6effd 0%, #fff 100%);
    background: image-set(url("../images/no-log-shield-bg-0CQgvts.avif") type("image/avif"), url("../images/no-log-shield-bg-j07-Om8.png") type("image/png")) 146px no-repeat, linear-gradient(0deg, #e6effd 0%, #fff 100%);
    padding: 90px 90px 90px 710px;
  }
}

.features .all-features .box.blue-gradient .badge {
  color: #133afa;
}

.features .all-features .box.green-gradient {
  background: linear-gradient(#ecf6f3 0%, #fff 100%);
}

.features .all-features .box.green-gradient h2 {
  max-width: 770px;
}

.features .all-features .box.green-gradient p {
  max-width: 770px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.green-gradient {
    background: url("../images/server-bg-Jt-2VNl.png") 100% 100% no-repeat, linear-gradient(#ecf6f3 0%, #fff 100%);
    background: image-set(url("../images/server-bg-z-Khb9I.avif") type("image/avif"), url("../images/server-bg-Jt-2VNl.png") type("image/png")) 100% 100% no-repeat, linear-gradient(#ecf6f3 0%, #fff 100%);
  }
}

.features .all-features .box.green-gradient .badge {
  color: #0e8e66;
}

.features .all-features .box.pink-gradient {
  background: linear-gradient(0deg, #fff1f1 0%, #fff 100%);
}

.features .all-features .box.pink-gradient h2 {
  max-width: 770px;
}

.features .all-features .box.pink-gradient p {
  max-width: 770px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.pink-gradient {
    background: url("../images/no-access-block-bg-dKBfiFB.png") 0 100% no-repeat, linear-gradient(0deg, #fff1f1 0%, #fff 100%);
    background: image-set(url("../images/no-access-block-bg-SJc0Fpv.avif") type("image/avif"), url("../images/no-access-block-bg-dKBfiFB.png") type("image/png")) 0 100% no-repeat, linear-gradient(0deg, #fff1f1 0%, #fff 100%);
    padding: 90px 90px 90px 710px;
  }
}

.features .all-features .box.pink-gradient .badge {
  color: #fa1313;
}

.features .all-features .box.yellow-gradient {
  background: linear-gradient(#fff9ed 0%, #fff 100%);
}

.features .all-features .box.yellow-gradient h2 {
  max-width: 770px;
}

.features .all-features .box.yellow-gradient p {
  max-width: 770px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.yellow-gradient {
    background: url("../images/encryption-level-bg-2R_CbVM.png") 100% no-repeat, linear-gradient(#fff9ed 0%, #fff 100%);
    background: image-set(url("../images/encryption-level-bg-AbYW0ju.avif") type("image/avif"), url("../images/encryption-level-bg-2R_CbVM.png") type("image/png")) 100% no-repeat, linear-gradient(#fff9ed 0%, #fff 100%);
  }
}

.features .all-features .box.yellow-gradient .badge {
  color: #e59a02;
}

.features .all-features .box.cyan-gradient {
  background: linear-gradient(0deg, #e6fdff 0%, #fff 100%);
}

.features .all-features .box.cyan-gradient h2 {
  max-width: 770px;
}

.features .all-features .box.cyan-gradient p {
  max-width: 770px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.cyan-gradient {
    background: url("../images/ad-free-bg-58gnjd4.png") 0 100% no-repeat, linear-gradient(0deg, #e6fdff 0%, #fff 100%);
    background: image-set(url("../images/ad-free-bg-mCRB7F3.avif") type("image/avif"), url("../images/ad-free-bg-58gnjd4.png") type("image/png")) 0 100% no-repeat, linear-gradient(0deg, #e6fdff 0%, #fff 100%);
    padding: 90px 90px 90px 710px;
  }
}

.features .all-features .box.cyan-gradient .badge {
  color: #00b295;
}

.features .all-features .box.orange-gradient {
  background: linear-gradient(#fff4ed 0%, #fff 100%);
}

.features .all-features .box.orange-gradient h2 {
  max-width: 640px;
}

.features .all-features .box.orange-gradient p {
  max-width: 640px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.orange-gradient {
    background: url("../images/stay-secure-bg-AZ6p70Z.png") 100% 100% no-repeat, linear-gradient(#fff4ed 0%, #fff 100%);
    background: image-set(url("../images/stay-secure-bg-VHSqRGE.avif") type("image/avif"), url("../images/stay-secure-bg-AZ6p70Z.png") type("image/png")) 100% 100% no-repeat, linear-gradient(#fff4ed 0%, #fff 100%);
  }
}

.features .all-features .box.orange-gradient .badge {
  color: #fa8713;
}

.features .all-features .box.blue2-gradient {
  background: linear-gradient(#e6fdff 0%, #fff 100%);
}

.features .all-features .box.blue2-gradient h2 {
  max-width: 640px;
}

.features .all-features .box.blue2-gradient p {
  max-width: 640px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.blue2-gradient {
    background: url("../images/hide-vpn-bg-qxcYk9m.png") right 100px bottom no-repeat, linear-gradient(#e6fdff 0%, #fff 100%);
    background: image-set(url("../images/hide-vpn-bg-OXTmpl0.avif") type("image/avif"), url("../images/hide-vpn-bg-qxcYk9m.png") type("image/png")) right 100px bottom no-repeat, linear-gradient(#e6fdff 0%, #fff 100%);
  }
}

.features .all-features .box.blue2-gradient .badge {
  color: #0091b2;
}

.features .all-features .box.purple2-gradient {
  background: linear-gradient(0deg, #ffe6fa 0%, #fff 100%);
}

.features .all-features .box.purple2-gradient h2 {
  max-width: 640px;
}

.features .all-features .box.purple2-gradient p {
  max-width: 640px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.purple2-gradient {
    background: url("../images/safe-vpn-bg-lg-uymkY_1.png") 0 100% no-repeat, linear-gradient(0deg, #ffe6fa 0%, #fff 100%);
    background: image-set(url("../images/safe-vpn-bg-lg-MxpYM4G.avif") type("image/avif"), url("../images/safe-vpn-bg-lg-uymkY_1.png") type("image/png")) 0 100% no-repeat, linear-gradient(0deg, #ffe6fa 0%, #fff 100%);
    padding: 90px 90px 90px 670px;
  }
}

.features .all-features .box.purple2-gradient .badge {
  color: #ff4ad1;
}

.features .all-features .box.green2-gradient {
  background: linear-gradient(#e6ffeb 0%, #fff 100%);
}

.features .all-features .box.green2-gradient h2 {
  max-width: 640px;
}

.features .all-features .box.green2-gradient p {
  max-width: 640px;
}

@media screen and (min-width: 1200px) {
  .features .all-features .box.green2-gradient {
    background: url("../images/flexible-vpn-payment-bg-kbewp7L.png") 100% 100% no-repeat, linear-gradient(#e6ffeb 0%, #fff 100%);
    background: image-set(url("../images/flexible-vpn-payment-bg-9md-6l8.avif") type("image/avif"), url("../images/flexible-vpn-payment-bg-kbewp7L.png") type("image/png")) 100% 100% no-repeat, linear-gradient(#e6ffeb 0%, #fff 100%);
    padding: 176px 90px;
  }
}

.features .all-features .box.green2-gradient .badge {
  color: #10931f;
}

.features #no-limit p {
  color: #c3b8d8;
  max-width: 1000px;
}

