/* flat-css: compiled from nested source by lightningcss */
@font-face {
  font-family: Inter Display;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Inter Display;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Inter Display;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Inter Display;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Inter Display;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Neue Kaine;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Neue Kaine;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Neue Kaine;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: Neue Kaine;
  src: url("fonts/NotoSansArabic-Variable-ugD6PGs.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  unicode-range: U+6??, U+750-77F, U+870-8FF, U+200C-200E, U+FB50-FDFF, U+FE70-FEFF;
}

[dir="rtl"] body {
  letter-spacing: normal !important;
}

[dir="rtl"] body * {
  letter-spacing: normal !important;
}

[dir="rtl"] #header #logo-banner a.pink {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] #header #ellipse {
  left: -16px;
  right: auto;
}

@media screen and (min-width: 1670px) {
  [dir="rtl"] #header #logo-banner #logo-top {
    padding: 0 0 0 20px;
  }

  [dir="rtl"] #header #desktop-menu #language ul {
    left: auto;
    right: 0;
  }
}

[dir="rtl"] #mobile-menu {
  border-radius: 0 48px 48px 0;
  transition: left .5s ease-in-out;
  left: -310px;
  right: auto;
  box-shadow: 24px 0 27.5px #00000038;
}

[dir="rtl"] #mobile-menu.open {
  left: 0;
}

[dir="rtl"] #mobile-menu .row #close-menu {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] #mobile-menu #language img:last-child {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] #locale-banner {
  padding: 12px 20px 12px 48px;
}

[dir="rtl"] #locale-banner button {
  left: 12px;
  right: auto;
}

[dir="rtl"] .ribbon {
  background: none;
  padding: 0 0 0 8px;
  left: -8px;
  right: auto;
}

[dir="rtl"] .ribbon:before {
  content: "";
  z-index: -1;
  background: url("../images/ribbon-vAtxrBU.svg");
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transform: scaleX(-1);
}

[dir="rtl"] #afraid-of-commitment img {
  transform: scaleX(-1);
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] #afraid-of-commitment {
    margin-left: -3rem;
    margin-right: 0;
  }

  [dir="rtl"] #afraid-of-commitment img {
    transform: scaleX(-1)rotate(-.3turn);
  }
}

[dir="rtl"] h2 img.shield {
  left: -34px;
  right: auto;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] h2 img.shield {
    left: -100px;
  }
}

[dir="rtl"] h2 img.trophy {
  left: 8px;
  right: auto;
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] h2 img.trophy {
    left: -30px;
  }
}

[dir="rtl"] #faq > div .box.white {
  margin: 0 20px 0 0;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div .box.white {
    margin: 0 130px 0 0;
  }
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div #what-does-a-vpn-hide {
    margin-left: 0;
    margin-right: 130px;
  }
}

[dir="rtl"] #faq > div .pl-faq {
  padding-left: 0;
  padding-right: 20px;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div .pl-faq {
    padding-right: 130px;
  }
}

[dir="rtl"] #faq > div picture {
  left: auto;
  right: 0;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div #gradient-shield {
    left: auto;
    right: 60px;
  }
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div #glass-padlock-secure-vpn {
    left: auto;
    right: -20px;
  }
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div #worldwide-vpn-unlock {
    left: auto;
    right: 40px;
  }
}

@media screen and (min-width: 876px) {
  [dir="rtl"] #faq > div #secure-vpn-purple-shield {
    left: auto;
    right: 40px;
  }
}

[dir="rtl"] #faq > div #dashed-line {
  left: auto;
  right: 61px;
}

[dir="rtl"] .checkout .checkout-content #plan-chooser label {
  background-position: right 16px top 16px;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #plan-chooser label {
    background-position: right 24px top 32px;
  }
}

[dir="rtl"] .checkout .checkout-content #plan-chooser input[type="radio"]:checked + label {
  background-position: right 16px top 16px, 100% 100%, 100% 100%;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #plan-chooser input[type="radio"]:checked + label {
    background-position: right 24px top 32px, 100% 100%, 100% 100%;
  }
}

[dir="rtl"] .checkout .checkout-content #plan-chooser .payment {
  padding: 1rem 48px 1rem 1rem;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #plan-chooser .payment {
    padding: 24px 64px 24px 24px;
  }
}

[dir="rtl"] .checkout .checkout-content #plan-chooser .plan {
  padding: 1rem 48px 1rem 1rem;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #plan-chooser .plan {
    padding: 24px 64px 24px 24px;
  }
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #plan-chooser .plan .price {
    text-align: left;
  }
}

[dir="rtl"] .checkout .checkout-content #payment-chooser label {
  background-position: right 16px top 16px;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #payment-chooser label {
    background-position: right 24px top 32px;
  }
}

[dir="rtl"] .checkout .checkout-content #payment-chooser input[type="radio"]:checked + label {
  background-position: right 16px top 16px, 100% 100%, 100% 100%;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #payment-chooser input[type="radio"]:checked + label {
    background-position: right 24px top 32px, 100% 100%, 100% 100%;
  }
}

[dir="rtl"] .checkout .checkout-content #payment-chooser .payment {
  padding: 1rem 48px 1rem 1rem;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #payment-chooser .payment {
    padding: 24px 64px 24px 24px;
  }
}

[dir="rtl"] .checkout .checkout-content #payment-chooser .plan {
  padding: 1rem 48px 1rem 1rem;
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #payment-chooser .plan {
    padding: 24px 64px 24px 24px;
  }
}

@media screen and (min-width: 876px) {
  [dir="rtl"] .checkout .checkout-content #payment-chooser .plan .price {
    text-align: left;
  }
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="email"]:user-valid + span:after {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="email"]:user-invalid + span:after {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="text"]:user-valid + span:after {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="text"]:user-invalid + span:after {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="password"]:user-valid + span:after {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="password"]:user-invalid + span:after {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="email"] {
  text-align: right;
  direction: ltr;
  background-position: right 16px center;
}

[dir="rtl"] .checkout .checkout-content #account-chooser input[type="text"] {
  text-align: right;
  direction: ltr;
  background-position: right 16px center;
}

[dir="rtl"] .checkout .checkout-content #account-chooser #password {
  text-align: right;
  direction: ltr;
  background-position: right 16px center;
}

[dir="rtl"] .checkout .checkout-content #account-chooser .unmask {
  left: 16px;
  right: auto;
}

[dir="rtl"] .checkout .checkout-content .price .was {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] .download .platform .ml-auto {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .download-platform #getting-started .step .badge-num {
  left: 16px;
  right: auto;
}

[dir="rtl"] .abs.right:not(.left) {
  left: 0;
  right: auto;
}

[dir="rtl"] .abs.left:not(.right) {
  left: auto;
  right: 0;
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .features #header #title-container {
    background-position: 100% 100%, 0 100%;
  }
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .locations #header #title-container {
    background-position: 0;
  }
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .download #header #title-container {
    background-position: left -175px bottom;
  }
}

@media screen and (min-width: 1400px) {
  [dir="rtl"] .download #header #title-container {
    background-position: 0 100%;
  }
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .no-logging #header #title-container {
    background-position: 100% 100%;
  }
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .download-platform #platform-hero-img {
    left: 0;
    right: auto;
  }
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .features .all-features .box.purple-gradient {
    background-position: 0 100%, 0 0;
  }

  [dir="rtl"] .features .all-features .box.green-gradient {
    background-position: 0 100%, 0 0;
  }

  [dir="rtl"] .features .all-features .box.orange-gradient {
    background-position: 0 100%, 0 0;
  }

  [dir="rtl"] .features .all-features .box.green2-gradient {
    background-position: 0 100%, 0 0;
  }

  [dir="rtl"] .features .all-features .box.yellow-gradient {
    background-position: 0, 0 0;
  }

  [dir="rtl"] .features .all-features .box.blue2-gradient {
    background-position: left 100px bottom, 0 0;
  }

  [dir="rtl"] .features .all-features .box.blue-gradient {
    background-position: right 146px center, 0 0;
    padding: 90px 710px 90px 90px;
  }

  [dir="rtl"] .features .all-features .box.pink-gradient {
    background-position: 100% 100%, 0 0;
    padding: 90px 710px 90px 90px;
  }

  [dir="rtl"] .features .all-features .box.cyan-gradient {
    background-position: 100% 100%, 0 0;
    padding: 90px 710px 90px 90px;
  }

  [dir="rtl"] .features .all-features .box.purple2-gradient {
    background-position: 100% 100%, 0 0;
    padding: 90px 670px 90px 90px;
  }
}

[dir="rtl"] .legal-content h2 {
  text-align: right;
}

[dir="rtl"] .legal-content ul {
  padding-left: 0;
  padding-right: 22px;
}

@media screen and (min-width: 1200px) {
  [dir="rtl"] .locations #servers table td:first-child {
    border-radius: 0 16px 16px 0;
    padding-left: 0;
    padding-right: 21px;
  }

  [dir="rtl"] .locations #servers table td:first-child:before {
    left: auto;
    right: 0;
  }

  [dir="rtl"] .locations #servers table td:last-child {
    border-radius: 16px 0 0 16px;
  }
}

