/* 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-Bold.woff2") format("woff2");
    font-weight: 700;
    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-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: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2");
    font-weight: 600;
    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: ReadexPro;
    font-display: swap;
    src: url("../fonts/ReadexPro-Bold.woff2") format("woff2");
    font-weight: 700;
    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: NunitoSans;
    font-display: swap;
    src: url("../fonts/NunitoSans-SemiBold.woff2") format("woff2");
    font-weight: 600;
    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;
  }
  
  svg.hidden {
    display: none;
  }
  
  body.ar-lang {
    direction: rtl;
  }
  
  body.ar-lang * {
    font-family: 'Alexandria', sans-serif !important;
  }
  
  /* 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: #fff;
  }
  
  .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,
  .header__logo .logo__icon--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;
    transition: 0.5s;
  }
  
  .header__login-icon {
    flex-shrink: 0;
    width: 2.6rem;
    height: 2.6rem;
    transition: 0.5s;
  }
  
  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;
  }
  
  .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__flag {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 1rem;
    border: .2rem solid;
    border-radius: 2.6rem;
    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);
    overflow: hidden;
    margin-top: 2rem;
    border-radius: 0.5rem;
    padding: 1rem 0.6rem;
    box-shadow: 0 0 7rem rgba(1, 19, 36, 0.2);
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    list-style: none;
    transition: overflow .5s,opacity .5s,transform .5s,-webkit-transform .5s;
  }
  
  @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);
    }
  }
  
  .languages__item {
    width: 14rem;
  }
  
  @media (max-width: 421px) {
    width: auto;
  }
  
  .languages__link {
    display: flex;
    align-items: center;
    padding: 0.3rem 1rem;
    transition: all 0.5s;
    color: inherit;
  }
  
  .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 {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  
  .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;
  }
  
  @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;
    overflow: hidden;
  }
  
  @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;
  }
  
  @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(:first-child) {
    margin-top: 3rem;
  }
  
  .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;
    background-color: transparent;
    border: none;
  }
  
  .form-section .form__control:focus {
    outline: none;
  }
  
  .form-section .form__control:-webkit-autofill,
  .form-section .form__control:-webkit-autofill:hover,
  .form-section .form__control:-webkit-autofill:focus,
  .form-section .form__control:-webkit-autofill:active {
    background: transparent;
  }
  
  .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;
  }
  
  /* 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 .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,
  .footer__logo .logo__icon--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;
  }
  
  .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;
  }
  
  /* 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-item {
    pointer-events: none;
    width: 100%;
  
    @media (min-width: 640px) and (max-width: 959px) {
      grid-column: span 2;
    }
  }
  
  .payments__list-item:last-child {
    @media (min-width: 640px) and (max-width: 959px) {
      grid-column: 3/5;
    }
  }
  
  .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--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;
  }
  
  /* endregion */
  
  img {
    pointer-events: none;
  }
  
  picture img {
    display: block;
    max-width: inherit;
  }