/* region Fonts */
@font-face{
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
}
@font-face{
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face{
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face{
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face{
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face{
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face{
  font-family: NunitoSans;
  font-display: swap;
  src: url("../fonts/NunitoSans-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face{
  font-family: NunitoSans;
  font-display: swap;
  src: url("../fonts/NunitoSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face{
  font-family: NunitoSans;
  font-display: swap;
  src: url("../fonts/NunitoSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face{
  font-family: NunitoSans;
  font-display: swap;
  src: url("../fonts/NunitoSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face{
  font-family: ReadexPro;
  font-display: swap;
  src: url("../fonts/ReadexPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face{
  font-family: ReadexPro;
  font-display: swap;
  src: url("../fonts/ReadexPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

/* arabic */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Alexandria.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* vietnamese */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Alexandria-vt.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Alexandria-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Alexandria';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/Alexandria-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* endregion */

/* region Global */
:root {
  --header-offset-top: 6.4rem;

  @media (max-width: 1199px) {
    --header-offset-top: 7rem;
  }

  @media (max-width: 959px) {
    --header-offset-top: 5rem;
  }

  @media (max-width: 639px) {
    --header-offset-top: 3.6rem;
  }
}

html {
  font-size: 10px;
  -webkit-user-select: none;
  user-select: none;
}

svg.hidden {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

body.ar-lang {
  direction: rtl;
}

body.ar-lang * {
  font-family: 'Alexandria', sans-serif !important;
}

[data-name="splitText"] {
  position: relative;
  font-kerning: none;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}

[data-name="splitText"] .highlight > [data-title] > * {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

[data-title] {
  display: inline-block;
  vertical-align: top;
}

[data-letter] {
  display: inline-block;
}

[data-view] {
  transition-duration: 1s;
  transition-property: opacity, transform;
  transition-timing-function: ease;
  will-change: opacity, transform;

  /* Safari fix */
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

[data-view-easing="ease-in"] {
  transition-timing-function: ease-in;
}

[data-view-easing="ease-out"] {
  transition-timing-function: ease-out;
}

[data-view-easing="ease-in-out"] {
  transition-timing-function: ease-in-out;
}

[data-view-delay="100"] {
  transition-delay: 0.1s;
}

[data-view-delay="200"] {
  transition-delay: 0.2s;
}

[data-view-delay="300"] {
  transition-delay: 0.3s;
}

[data-view-delay="400"] {
  transition-delay: 0.4s;
}

[data-view-delay="500"] {
  transition-delay: 0.5s;
}

[data-view-delay="600"] {
  transition-delay: 0.6s;
}

[data-view-delay="700"] {
  transition-delay: 0.7s;
}

[data-view-delay="800"] {
  transition-delay: 0.8s;
}

[data-view-delay="900"] {
  transition-delay: 0.9s;
}

[data-view-delay="1000"] {
  transition-delay: 1s;
}

[data-view-delay="1100"] {
  transition-delay: 1.1s;
}

[data-view-delay="1200"] {
  transition-delay: 1.2s;
}

[data-view-delay="1300"] {
  transition-delay: 1.3s;
}

[data-view-delay="1400"] {
  transition-delay: 1.4s;
}

[data-view-delay="1500"] {
  transition-delay: 1.5s;
}

[data-view-delay="1600"] {
  transition-delay: 1.6s;
}

[data-view-delay="1700"] {
  transition-delay: 1.7s;
}

[data-view-delay="1800"] {
  transition-delay: 1.8s;
}

[data-view-delay="1900"] {
  transition-delay: 1.9s;
}

[data-view-delay="2000"] {
  transition-delay: 2s;
}

/* endregion */

/* region Header */

.logo {
  display: block;
}

.logo[data-type="pocket-option"] #pocket-option,
.logo[data-type="pocket-broker"] #pocket-broker,
.logo[data-type="po-trade"] #po-trade {
  visibility: visible;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
}

@media (max-width: 639px) {
  .header {
    --gap: 2rem;
  }
}

.header__inner {
  position: relative;
  display: grid;
  align-items: center;
  padding-top: var(--header-offset-top);
  gap: var(--gap);
}

body:not(.ar-lang) .header__inner {
  grid-template-columns: auto 1fr;
}

.ar-lang .header__inner {
  grid-template-columns: 1fr auto;
}

@media (max-width: 639px) {
  .header__inner {
    justify-items: center;
    gap: var(--gap);
  }

  body:not(.ar-lang) .header__inner {
    grid-template-columns: 1fr;
  }

  .ar-lang .header__inner {
    grid-template-columns: 1fr;
  }
}

.header__logo {
  color: inherit;
  cursor: pointer;
}

.header__logo .logo {
  --width: 25rem;

  width: var(--width);
  height: auto;
}

.header__logo .logo[data-type="po-trade"] {
  --width: 13.8rem;
}

.header__logo .logo[data-type="affiliate"] {
  --width: 26.3rem;
}

.header__logo .logo__text-second {
  color: rgba(255, 255, 255, 0.8);
}

.header__logo .logo--type-2 {
  color: #1e385b;
}

.header__logo .logo--type-2 .logo__text-second,
.header__logo .logo--type-2[data-type="po-trade"] .logo__text {
  color: #8aa1b3;
}

.header__logo .logo[data-type="affiliate"] #affiliate .logo__text--color .logo__text-first {
  color: rgba(255, 255, 255, .95);
}

.header__logo .logo[data-type="affiliate"] #affiliate .logo__text--mono .logo__text-second {
  color: rgba(255, 255, 255, .75);
}

@media (max-width: 959px) {
  .header__logo .logo {
    --width: 21.6rem;
  }

  .header__logo .logo[data-type="po-trade"] {
    --width: 12rem;
  }

  .header__logo .logo[data-type="affiliate"] {
    --width: 21.6rem;
  }
}

@media (max-width: 639px) {
  .header__logo .logo {
    --width: 19rem;
  }

  .header__logo .logo[data-type="po-trade"] {
    --width: 10.4rem;
  }

  .header__logo .logo[data-type="affiliate"] {
    --width: 19rem;
  }
}

@media (max-width: 479px) {
  .header__logo .logo {
    --width: 16.2rem;
  }

  .header__logo .logo[data-type="po-trade"] {
    --width: 8.96rem;
  }

  .header__logo .logo[data-type="affiliate"] {
    --width: 16.2rem;
  }
}

.header__logo .logo[data-type="affiliate"] .logo__text--color {
  visibility: visible;
}

.header__logo .logo__text {
  color: inherit;
}

.header__links {
  display: flex;
  align-items: center;
}

@media (min-width: 640px) {
  .header__links {
    margin-left: auto;
  }
}

@media (max-width: 639px) {
  position: unset;
  margin-top: 1.8rem;
}

.header__login {
  display: flex;
  align-items: center;
  height: 4.6rem;
  padding: 0.8rem 1.4rem;
  border-radius: 1.2rem;
  color: inherit;
  transition: 0.5s color, 0.5s background-color;
}

.header__login-icon {
  flex-shrink: 0;
  width: 2.6rem;
  height: 2.6rem;
  transition: 0.5s color;
}

body:not(.ar-lang) .header__login-icon {
  margin-right: 1rem;
}

.ar-lang .header__login-icon {
  margin-left: 1rem;
}

.header__login-label {
  white-space: nowrap;
  font-weight: 600;
  font-size: 1.8rem;
  color: inherit;
  transition: 0.5s color;
}

.header__login-label:hover {
  border-color: transparent;
}

@media (max-width: 959px) {
  font-size: 1.7rem;
}

/* endregion */

/* region Languages */
.languages {
  position: relative;
  z-index: 10;
  width: fit-content;
  cursor: pointer;
}

@media (min-width: 640px) {
  body:not(.ar-lang) .languages {
    margin-left: auto;
  }

  .ar-lang .languages {
    margin-right: auto;
  }
}

@media (min-width: 960px) {
  body:not(.ar-lang) .languages + .header__login {
    margin-left: 1.2rem;
  }

  .ar-lang .languages + .header__login {
    margin-right: 1.2rem;
  }
}

@media (max-width: 959px) {
  body:not(.ar-lang) .languages + .header__login {
    margin-left: 0.8rem;
  }

  .ar-lang .languages + .header__login {
    margin-right: 0.8rem;
  }
}

.languages img {
  display: block;
  max-width: 100%;
}

.languages--opened .languages__list {
  overflow: visible;
  opacity: 1;
  transform: translateZ(0);
  pointer-events: all;
}

.languages--opened .languages__caret {
  transform: rotate(180deg);
}

.languages__title {
  position: relative;
  display: flex;
  align-items: center;
}

.languages__title > .languages__lang-name {
  position: relative;
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  font-size: 1.8rem;
}

.languages__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 1rem;
  width: 2.6rem;
  height: 2.6rem;
  pointer-events: none;
}

.languages__caret {
  width: 2.6rem;
  height: 2.6rem;
  pointer-events: none;
  transition: transform .5s,-webkit-transform .5s;
}

.languages__list {
  position: absolute;
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem 0.4rem;
  overflow: hidden;
  margin-top: 2rem;
  border-radius: 1.2rem;
  padding: 1.8rem;
  box-shadow: 0 1.2rem 4rem 0 rgba(0, 27, 56, 0.10);
  background: rgba(255, 255, 255, 0.90);
  backdrop-filter: blur(0.75rem);
  opacity: 0;
  pointer-events: none;
  list-style: none;
  transition: overflow .5s,opacity .5s,transform .5s,-webkit-transform .5s;
}

.languages--with-once .languages__list {
  padding: 0.9rem;
  gap: 0;
}

@media (max-width: 639px) {
  .languages--col-1 .languages__list {
    margin-left: -1.4rem;
  }

  .languages--col-2,
  .languages--col-3 {
    position: unset;
  }

  .languages__list {
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
  }
}

@media (max-width: 479px) {
  .languages__list {
    left: 1rem;
    right: 1rem;
    grid-template-columns: repeat(2, 1fr);
    width: calc(100% - 2rem);
  }
}

@media (min-width: 640px) {
  .languages__item {
    width: 10rem;
  }
}

@media (max-width: 421px) {
  .languages__item {
    width: 100%;
  }
}

.languages__link {
  display: flex;
  align-items: center;
  padding: 0.45rem 1rem;
  transition: all 0.5s;
  border-radius: 1rem;
  color: inherit;
}

.languages__link:hover {
  background-color: #fff;
}

.languages__link .languages__flag {
  flex-shrink: 0;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
  width: 2.6rem;
  height: 2.6rem;
}

.languages__link .languages__flag-img {
  min-height: 2rem;
}

.languages__link .languages__lang-name {
  color: #173257;
  font-size: 1.4rem;
  line-height: 1.9rem;
}

.languages__link .languages__lang-name.caption {
  font: caption;
}

.languages__link .languages__lang-name::after {
  display: none;
}

.languages._empty .languages__title {
  padding-right: 0;
}

.languages._empty .languages__caret {
  display: none;
}

.languages--col-1 .languages__list {
  grid-template-columns: 1fr;
  width: auto;
}

@media (max-width: 639px) {
  .languages--col-1 .languages__list {
    left: auto;
    right: 0;
  }
}

.languages--col-2 .languages__list {
  grid-template-columns: repeat(2, 1fr);
}

.languages--col-3 .languages__list {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 479px) {
  .languages--col-3 .languages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 376px) {
  .languages--col-2 .languages__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ar-lang {
  .languages__flag {
    margin-right: 0;
    margin-left: 1rem;
  }

  .languages__caret {
    left: 0;
    right: auto;
  }

  .languages__list {
    left: 0;
    right: auto;
  }
}

@media (min-width: 960px) {
  .ar-lang .languages + .header__login {
    margin-right: 1.2rem;
    margin-left: 0;
  }
}

@media (max-width: 639px) {
  .ar-lang {
    .languages {
      .languages__list {
        left: 1.5rem;
        right: 1.5rem;
      }
    }
  }
}

.header__links--expanded {
  .languages__list {
    box-shadow: none;
  }
}

/* endregion */

/* region Form */
.form-section__form {
  position: relative;
  padding: 5rem 6rem 6rem;
  border-radius: 3rem;
}

@media (max-width: 1199px) {
  .form-section__form {
    padding: 4rem;
  }
}

@media (max-width: 659px) {
  .form-section__form {
    padding-top: 3.4rem;
  }
}

@media (max-width: 479px) {
  .form-section__form {
    padding: 3rem 3rem 3.6rem;
  }
}

.form-section__tabs {
  display: flex;
  flex-wrap: wrap;
}

.form-section__form--center .form-section__tabs {
  justify-content: center;
}

@media (max-width: 959px) {
  .form-section__tabs {
    justify-content: center;
  }
}

.form-section__tabs .tabs__item {
  display: flex;
  align-items: center;
  height: 5rem;
  padding: 0 2rem;
  border: 0.2rem solid transparent;
  border-radius: 1.2rem;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.7rem;
  transition: background-color 0.5s ease, border-color 0.5s ease, color 0.5s ease;
}

body:not(.ar-lang) .form-section__tabs .tabs__item:nth-of-type(1) {
  margin-right: 1rem;
}

.ar-lang .form-section__tabs .tabs__item:nth-of-type(1) {
  margin-left: 1rem;
}

.form-section__tabs .tabs__item._active {
  background-color: transparent;
  pointer-events: none;
}

@media (max-width: 1199px) {
  .form-section__tabs .tabs__item {
    font-size: 1.6rem;
  }
}

@media (max-width: 479px) {
  .form-section__tabs .tabs__item {
    font-size: 1.5rem;
  }
}

.form-section__tabs .tabs__content {
  display: flex;
  width: calc(100% + 12rem);
  margin: 3rem -6rem 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 1199px) {
  .form-section__tabs .tabs__content {
    width: calc(100% + 8rem);
    margin-right: -4rem;
    margin-left: -4rem;
  }
}

@media (max-width: 479px) {
  .form-section__tabs .tabs__content {
    width: calc(100% + 6rem);
    margin-right: -3rem;
    margin-left: -3rem;
  }
}

.form-section__tabs .tabs__content-item {
  display: none;
  flex-shrink: 0;
  width: 100%;
  padding: 0 6rem;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media (max-width: 1199px) {
  .form-section__tabs .tabs__content-item {
    padding: 0 4rem;
  }
}

@media (max-width: 479px) {
  .form-section__tabs .tabs__content-item {
    padding: 0 3rem;
  }
}

.form-section__tabs .tabs__content-item._active {
  display: block;
}

.form-section__auth {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 3rem;
}

.form-section__form--center .form-section__auth {
  justify-content: center;
}

@media (max-width: 1199px) {
  .form-section__auth {
    margin-top: 2rem;
  }
}

@media (max-width: 959px) {
  .form-section__auth {
    justify-content: center;
    margin-top: 3rem;
  }
}

@media (max-width: 639px) {
  .form-section__auth {
    flex-direction: column;
    margin-top: 1rem;
  }
}

.form-section__auth .auth__text {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 1.7rem;
}

body:not(.ar-lang) .form-section__auth .auth__text {
  margin-right: 2.2rem;
}

.ar-lang .form-section__auth .auth__text {
  margin-left: 2.2rem;
}

@media (max-width: 639px) {
  .form-section__auth .auth__text {
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
}

.form-section__auth .auth__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.form-section__auth .btn {
  margin-top: 1rem;
}

body:not(.ar-lang) .form-section__auth .btn:not(:last-child) {
  margin-right: 1rem;
}

.ar-lang .form-section__auth .btn:not(:last-child) {
  margin-left: 1rem;
}

.not-visible-mobile,
.visible-mobile {
  display: none;
}

.not-visible-mobile {
  @media (min-width: 480px) {
    display: inherit;
  }
}

.visible-mobile {
  @media (max-width: 479px) {
    display: inherit;
  }
}

.form-section .form__group {
  @media (max-width: 959px) {
    text-align: center;
  }
}

.form-section .form__group:not(:last-child) {
  margin-bottom: 3rem;
}

.form-section .form__group--actions {
  margin-top: 5rem;
}

.form-section__form--center .form__group:not(:last-child),
.form-section__form--center .form__group--actions {
  text-align: center;
}

.form-section .form__group--with-label {
  position: relative;
}

.form-section .form__control {
  padding: 1rem 0 0.7rem;
  width: 100%;
  font-size: inherit;
  font-family: inherit;
  font-style: inherit;
  border-radius: 0;
  background-color: transparent;
  border: none;
}

.form-section .form__control:focus {
  outline: none;
}

.form-section .form__control:autofill,
.form-section .form__control:autofill:hover,
.form-section .form__control:autofill:focus,
.form-section .form__control:autofill:active {
  -webkit-background-clip: text;
}

.form-section .form__control:-webkit-autofill-strong-password,
.form-section .form__control:-webkit-autofill-strong-password-viewable,
.form-section .form__control:-webkit-autofill-and-obscured {
  -webkit-background-clip: text;
}

.form-section .form__control:focus + .form__label,
.form-section .form__control--filled + .form__label,
.form-section .form__control:-webkit-autofill + .form__label {
  transform: translate(0, -1.7rem) scale(0.75);
}

.form-section .form__label {
  position: absolute;
  top: 9px;
  transform: translate(0) scale(1);
  transition: color 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
  transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms,
  -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  pointer-events: none;
}

body:not(.ar-lang) .form-section .form__label {
  left: 0;
  transform-origin: top left;
}

.ar-lang .form-section .form__label {
  right: 0;
  transform-origin: top right;
}

.form-section .form__control,
.form-section .form__label {
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 2.7rem;
}

@media (max-width: 1199px) {
  .form-section .form__control,
  .form-section .form__label {
    font-size: 1.6rem;
  }
}

@media (max-width: 479px) {
  .form-section .form__control,
  .form-section .form__label {
    font-size: 1.5rem;
  }
}

.form-section .form__checkbox {
  position: relative;
  font-size: 1.3rem;
  cursor: pointer;
  user-select: none;
}

body:not(.ar-lang) .form-section .form__checkbox {
  padding-left: 24px;
}

.ar-lang .form-section .form__checkbox {
  padding-right: 24px;
}

@media (max-width: 639px) {
  .form-section .form__checkbox {
    display: inline-block;
    max-width: 23.8rem;
  }

  body:not(.ar-lang) .form-section .form__checkbox {
    text-align: left;
  }

  .ar-lang .form-section .form__checkbox {
    text-align: right;
  }
}

.form-section .form__checkbox input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.form-section .form__checkbox input:checked + .check::after {
  opacity: 1;
}

.form-section .form__checkbox .form__link {
  white-space: nowrap;
}

.form-section .form__checkbox .form__link:hover {
  border-color: transparent;
}

.form-section .form__checkbox .check {
  position: absolute;
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.4rem;
}

body:not(.ar-lang) .form-section .form__checkbox .check {
  left: 0;
}

.ar-lang .form-section .form__checkbox .check {
  right: 0;
}

.form-section .form__checkbox .check::after {
  content: " ";
  position: absolute;
  top: 0.2rem;
  left: 0.1rem;
  width: 1rem;
  height: 0.7rem;
  opacity: 0;
  transition: 0.5s;
}

/* Alerts */
.alert {
  position: relative;
  border-radius: 0.8rem;
  border: 0.1rem solid;
  background: rgba(0, 18, 46, 0.30);
  max-width: 44rem;
  margin: 0 auto 3rem;
  padding: 1.6rem 1.6rem 1.6rem 4rem;
  color: #d6efff;
  font-size: 1.3rem;
  text-align: left;
}

.alert--error {
  border-color: #ff002e;
}

.alert--error::after {
  background-image: url('../images/icon-error.svg');
}

.alert--success {
  border-color: #05ff00;
}

.alert--success::after {
  background-image: url('../images/icon-success.svg');
}

.alert::after {
 content: ' ';
 position: absolute;
 top: 50%;
 left: 1rem;
 width: 2rem;
 height: 2rem;
 margin-top: -1rem;
}

.alert ul {
  list-style: none;
}

.alert li {
  &:not(:last-child) {
    margin-bottom: 0.2rem;
  }
}

.g-recaptcha {
  margin: 2rem auto;

  > *:first-child {
    margin: 0 auto;
  }
}

/* endregion */

/* region Footer */
.footer {
  --padding-top: 12.2rem;
  --padding-bottom: 4.8rem;
  --risk-text-font-size: 1.3rem;
  --risk-text-offset: 1rem 0 1.4rem;
  --link-font-size: 1.5rem;
  --socials-gap: 2rem;
  --general-offset-top: 7rem;
  --footer-text-offset-top: 3.4rem;
  --links-offset: 4.6rem 0 3rem -3rem;
  --link-item-offset-left: 3rem;

  position: relative;
  z-index: 5;

  @media (max-width: 1199px) {
    --padding-top: 9.4rem;
    --padding-bottom: 5.4rem;
    --risk-text-offset: 0.6rem 0 1.4rem;
    --footer-text-offset-top: 5.2rem;
    --links-offset: 4.2rem 0 3.8rem -2.4rem;
    --link-item-offset-left: 2.4rem;
  }

  @media (max-width: 959px) {
    --padding-top: 8.8rem;
    --padding-bottom: 9.2rem;
    --risk-text-font-size: 1.2rem;
    --link-font-size: 1.4rem;
    --risk-text-offset: 1.4rem 0 0.8rem;
    --general-offset-top: 6.2rem;
    --footer-text-offset-top: 2.6rem;
    --links-offset: 2.6rem 0 2.4rem -1.8rem;
    --link-item-offset-left: 1.8rem;
  }

  @media (max-width: 959px) {
    --padding-top: 10.6rem;
    --padding-bottom: 4.4rem;
    --risk-text-offset: 1.6rem 0;
    --socials-gap: 0.8rem;
    --general-offset-top: 6.6rem;
    --footer-text-offset-top: 3rem;
    --links-offset: 3.8rem 0 2.8rem -1.8rem;
  }

  @media (max-width: 639px) {
    --padding-top: 9.2rem;
    --padding-bottom: 3.2rem;
    --risk-text-offset: 1.6rem 0 1.2rem;
    --general-offset-top: 5.4rem;
    --footer-text-offset-top: 4.2rem;
    --links-offset: 2.2rem 0 2rem -0.6rem;
    --link-item-offset-left: 0.6rem;
  }
}

.footer__inner {
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
}

@media (max-width: 479px) {
  .footer__risk {
    text-align: center;
  }
}

.footer__risk-t {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.5rem;
  text-transform: uppercase;

  @media (max-width: 479px) {
    justify-content: center;
  }
}

.footer__risk-icon {
  margin-right: 1rem;
  width: 2.6rem;
  height: 2.6rem;
}

.footer__risk-text {
  margin: var(--risk-text-offset);
  font-size: var(--risk-text-font-size);
  line-height: 1.692;

  @media (max-width: 479px) {
    text-align: left;
  }
}

.footer__risk-link {
  font-size: var(--link-font-size);
}

.footer__general {
  display: grid;
  justify-items: center;
  margin-top: var(--general-offset-top);
  gap: 2.8rem;
}

@media (min-width: 480px) {
  .footer__general {
    justify-content: space-between;
    align-items: center;
    grid-template-columns: auto auto;
  }
}

.footer__logo {
  color: inherit;
  cursor: pointer;
}

.footer__logo .logo {
  --width: 22.4rem;

  width: var(--width);
  height: auto;
}

.footer__logo .logo[data-type="po-trade"] {
  --width: 12.8rem;
}

@media (max-width: 959px) {
  .footer__logo .logo {
    --width: 17.2rem;
  }

  .footer__logo .logo[data-type="po-trade"] {
    --width: 9.2rem;
  }
}

.footer__logo .logo[data-type="affiliate"] .logo__text--mono {
  visibility: visible;
}

.footer__logo .logo__text-second {
  opacity: 0.8;
}

.footer__socials {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(auto-fill, 3rem);
  gap: var(--socials-gap);
  align-items: flex-start;
}

.footer__socials-item {
  display: block;
  transition: 0.5s;
  color: inherit;
}

.footer__socials-item svg {
  display: block;
  width: 3rem;
  height: 3rem;
}

.footer__socials-item:hover {
  opacity: 0.5;
}

.footer__text {
  margin-top: var(--footer-text-offset-top);
  font-size: 1.3rem;
  line-height: 1.6;
}

.footer__text ul {
  list-style-position: inside;
}

.footer__text > :not(:last-child) {
  margin-bottom: 1.5rem;
}

.footer__links {
  display: flex;
  flex-wrap: wrap;
  margin: var(--links-offset);

  @media (max-width: 479px) {
    justify-content: center;
  }
}

.footer__links-item {
  margin-left: var(--link-item-offset-left);
  margin-bottom: 1.6rem;
  font-size: var(--link-font-size);
}

.footer__copy {
  display: flex;
  align-items: center;
}

.footer__icon {
  width: 4rem;
  height: 4rem;
}

.footer__copy-text {
  margin-left: 2rem;
  font-size: 1.3rem;
}

.ar-lang {
  .footer__risk-icon {
    margin-left: 1rem;
    margin-right: 0;
  }

  .footer__copy-text {
    margin-right: 2rem;
    margin-left: 0;
  }
}

/* endregion */

/* region Buttons */
.btn {
  position: relative;
  z-index: 5;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.btn--disabled {
  opacity: 0.5;
  pointer-events: none;
}

/* endregion */

/* region Payments */
.payments__list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4rem;

  @media (max-width: 1199px) {
    gap: 1rem 2rem;
  }

  @media (min-width: 640px) and (max-width: 959px) {
    grid-template-columns: repeat(6, 1fr);
    gap: 1.2rem 2.4rem;
  }

  @media (max-width: 639px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 4rem;
  }

  @media (max-width: 479px) {
    column-gap: 2.4rem;
  }
}

.payments__list--columns-three {
  grid-template-columns: repeat(3, 1fr);
  gap: 4.6rem 11.5rem;

  @media (max-width: 1199px) {
    gap: 1rem 8.6rem;
  }

  @media (min-width: 640px) and (max-width: 959px) {
    gap: 1.2rem 2.4rem;
  }

  @media (max-width: 639px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 0 4rem;
  }

  @media (max-width: 479px) {
    column-gap: 2rem;
  }
}

.payments__list-item {
  pointer-events: none;
  width: 100%;

  @media (min-width: 640px) and (max-width: 959px) {
    grid-column: span 2;
  }
}

.payments__list--columns-three .payments__list-item {
  @media (min-width: 640px) and (max-width: 959px) {
    grid-column: span 1;
  }
}

.payments__list-item:last-child {
  @media (min-width: 640px) and (max-width: 959px) {
    grid-column: 3/5;
  }
}

.payments__list--columns-three .payments__list-item:last-child {
  @media (min-width: 640px) and (max-width: 959px) {
    grid-column: span 1;
  }
}

.payments__list-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.payments__list:not(.payments__list--with-color) .icon__mono,
.payments__list--with-color .icon__color{
  visibility: visible;
}

/* VISA */
.payments__list--with-color .icon--visa .icon__text {
  color: #1334cb;
}

/* PERFECT MONEY */
.payments__list:not(.payments__list--with-color) .icon--pm .icon__badge-text {
  color: #fff;
}

.payments__list--with-color .icon--pm {
  color: #f01010;
}

.payments__list--with-color .icon--pm .icon__small-text {
  color: #000;
}

.payments__list--with-color .icon--pm .icon__badge-text {
  color: #fff;
}

/* JETON */
.payments__list--with-color .icon--jeton {
  color: #ff6300;
}

/* PIX */
.payments__list--with-color .icon--pix {
  color: #939598;
}

.payments__list--with-color .icon--pix .icon__accent-color {
  color: #32bcad;
}

/* UPI */
.payments__list--with-color .icon--upi {
  color: #49504f;
}

.payments__list--with-color .icon--upi .icon__main-text {
  color: #808080;
}

.payments__list--with-color .icon--upi .icon__arrow-one {
  color: #ee782c;
}

.payments__list--with-color .icon--upi .icon__arrow-two {
  color: #249350;
}

/* M-PESA */
.payments__list--with-color .icon--m-pesa {
  color: #e5eadb;
}

.payments__list--with-color .icon--m-pesa .icon__accent-color {
  color: #39b54a;
}

.payments__list--with-color .icon--m-pesa .icon__leaf-one {
  color: #9f4a3e;
}

.payments__list--with-color .icon--m-pesa .icon__leaf-two {
  color: #da3939;
}

/* MTN */
.payments__list--with-color .icon--mtn {
  color: #ffcb05;
}

/* EASYPAISA */
.payments__list--with-color .icon--easy {
  color: #000;
}

.payments__list--with-color .icon--easy .icon__accent-color {
  color: #26b15d;
}

/* BKASH */
.payments__list--with-color .icon--bkash {
  color: #171717;
}

.payments__list--with-color .icon--bkash .icon__accent-color {
  color: #e2136e;
}

/* VOLET */
.payments__list--with-color .icon--volet {
  color: #000;
}

/* CAPITEC_PAY */
.payments__list--with-color .icon--cp {
  color: #105497;
}

.payments__list--with-color .icon--cp .icon__accent-color path:nth-of-type(1) {
  color: #e61414;
}

.payments__list--with-color .icon--cp .icon__accent-color path:nth-of-type(2) {
  color: #00486D;
}

/* WEB_MONEY */
.payments__list--with-color .icon--wm {
  color: #106db3;
}

/* QIWI */
.payments__list--with-color .icon--qiwi {
  color: #ff8c00;
}

/* PAYEER */
.payments__list--with-color .icon--payeer .icon__text--primary {
  color: #04aaf4;
}

/* BITCOIN */
.payments__list:not(.payments__list--with-color) .icon--bitcoin .icon__text:not(.icon__text--primary) {
  color: #fff;
}

.payments__list--with-color .icon--bitcoin .icon__circle {
  color: #f7931a;
}

.payments__list--with-color .icon--bitcoin .icon__text {
  color: #fff;
}

.payments__list--with-color .icon--bitcoin .icon__text--primary {
  color: #4d4d4d;
}

/* TETHER */
.payments__list:not(.payments__list--with-color) .icon--tether .icon__text:not(.icon__text--primary) {
  color: #fff;
}

.payments__list--with-color .icon--tether .icon__circle {
  color: #26a17b;
}

.payments__list--with-color .icon--tether .icon__text {
  color: #fff;
}

.payments__list--with-color .icon--tether .icon__text--primary {
  color: #5b5a5d;
}

/* BINANCE */
.payments__list--with-color .icon--binance {
  color: #f3ba2f;
}

/* ADVCASH */
.payments__list .icon--advcash .icon__lines,
.payments__list .icon--advcash .icon__letter {
  color: #fff;
}

.payments__list--width-color .icon--advcash .icon__text--primary,
.payments__list--with-color .icon--advcash .icon__lines {
  color: #00364d;
}

.payments__list--width-color .icon--advcash .icon__text--secondary,
.payments__list--with-color .icon--advcash .icon__circle {
  color: #009a61;
}

.payments__list--width-color .icon--advcash .icon__text--secondary {
  color: #009a61;
}

.payments__list--width-color .icon--advcash .icon__letter {
  color: #fff;
}

/* IO_MOMEY */
.payments__list--with-color .icon--io-money .icon__text {
  color: #8b3ffd;
}

.payments__list--with-color .icon--io-money .icon__text--primary {
  color: #000;
}

/* endregion */

img {
  pointer-events: none;
  user-select: none;
}

picture {
  display: block;
}

picture img {
  display: block;
  max-width: inherit;
  object-fit: cover;
}

.hidden {
  display: none;
}