:root {
  --font-poppins: "Poppins", sans-serif;
  --font-unlock: "Unlock", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-poppins);
}

body.no-scroll {
  overflow: hidden;
}

.real-bg {
  header {
    .eZSnBuoMMh {
      .qnNniSEWie {
        p {
          display: none;
        }
      }
    }
  }
}

.header--home {
  background: url("../images/bg-home-desktop.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.header--other {
  background: url("../images/bg-desktop.webp");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: #070d40;
}



header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 16px 32px;
  position: relative;

  nav {
    max-width: 1280px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    border-radius: 200px;
    background: rgba(255, 255, 255, 0.6);
    padding: 0 80px;

    a {
      display: flex;
      align-items: center;
      justify-content: center;

      img {
        width: 205px;
        height: 42px;
      }

      &.cAWoUEkPDO {
        width: 135px;
        height: 36px;
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.32px;
        text-decoration-line: underline;
      }

      &.Iuydbypomt {
        display: none;

        img {
          width: 28px;
          height: 28px;
        }
      }
    }
  }

  .eZSnBuoMMh {
    max-width: 1280px;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 1;

    .qnNniSEWie {
      display: flex;
      flex-direction: column;
      justify-content: center;
      max-width: 768px;
      width: 100%;
      min-height: 130px;
      height: auto;
      gap: 16px;
      padding: 24px 80px;
      margin: 100px 0 68px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.15);

      h1 {
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 42px;
        letter-spacing: 0.32px;
      }

      p {
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.2px;
      }
    }
  }

  &>img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    width: 328px;
    height: 330px;
  }
}

main {
  background: #080d49;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;

  .yYbABlBdyx {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 32px;

    .IyDTcpKjdv {
      max-width: 343px;
      width: 100%;
      min-height: 284px;
      height: auto;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center;
      justify-content: center;
      position: relative;
      border-radius: 12px;
      border: 2px solid #ffeb17;
      background: rgba(255, 255, 255, 0.25);

      .UuLajpIwyu {
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px 0px 0px 0px;

        p {
          color: #fff;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 15px;
          font-style: normal;
          font-weight: 600;
          line-height: 21px;
          letter-spacing: -0.3px;
          min-width: 97px;
          width: auto;
          white-space: nowrap;
          height: 36px;
          display: flex;
          align-items: center;
          padding-left: 10px;
          border-radius: 12px 0px 0px 0px;
        }

        svg {
          transform: translateX(-1px);
        }
      }

      .OSQWhWjgwA {
        margin-left: auto;
        width: 103px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;

        p {
          color: #fff;
          text-align: center;
          font-family: var(--font-unlock);
          font-size: 24px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
        }

        img {
          width: 36px;
          height: 40px;
        }
      }

      .dQkCjYHrtM {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 8px;
        width: 100%;

        .ivIVIiVWRt {
          width: 140px;
          height: 154px;
          background: url("../images/logo-bg.webp");
          display: flex;
          align-items: center;
          justify-content: center;

          img {
            width: 121px;
            height: 81px;
          }
        }

        p {
          display: flex;
          max-width: 178px;
          width: calc(100% - 146px);
          min-height: 104px;
          height: auto;
          padding: 8px;
          justify-content: center;
          align-items: center;
          color: #fff;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 17px;
          font-style: normal;
          font-weight: 600;
          line-height: 22px;
          letter-spacing: -0.34px;
          border-radius: 4px;
          border: 1px dashed #fff;
          word-break: break-all;
        }
      }

      .HGpyCUIBpX {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding-bottom: 13px;
        width: 100%;

        .wpFoYdiHOW {
          width: 240px;
          height: 44px;
          border-radius: 10px;
          background: #fff;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;

          &>p {
            color: #171717;
            font-family: var(--font-poppins);
            font-size: 12px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            text-decoration-line: underline;
          }

          button {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            cursor: pointer;
            border: none;
            background: transparent;

            img {
              width: 16px;
              height: 16px;
            }

            p {
              color: #002eff;
              font-family: var(--font-poppins);
              font-size: 12px;
              font-style: normal;
              font-weight: 500;
              line-height: normal;
            }
          }
        }

        .xVqclOPRIp {
          width: 240px;
          height: 44px;
          display: none;
          align-items: center;
          justify-content: center;
          gap: 4px;
          border-radius: 10px;
          background: #19004b;

          img {
            width: 16px;
            height: 16px;
          }

          p {
            color: #00ec18;
            font-family: var(--font-poppins);
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
          }
        }

        &>button {
          max-width: 311px;
          width: calc(100% - 16px);
          display: flex;
          height: 44px;
          padding: 6px 16px;
          justify-content: center;
          align-items: center;
          gap: 10px;
          border-radius: 100px;
          background: linear-gradient(309deg,
              #cf56da 8.94%,
              #be29c6 51.31%,
              #802085 94.64%);
          box-shadow: 2px 2px 0px 0px #fff;
          color: #f4f4f4;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;
          text-transform: capitalize;
          cursor: pointer;
          margin-top: 6px;
          border: none;

          &:hover {
            border-radius: 100px;
            background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), linear-gradient(309deg, #CF56DA 8.94%, #BE29C6 51.31%, #802085 94.64%);
            box-shadow: 2px 2px 0px 0px #FFF;
          }
        }
      }
    }
  }
}

footer {
  background: #080d49;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 48px;
  padding: 86px 16px 24px;

  .dSFGLSFEOI {
    max-width: 1104px;
    width: 100%;
    min-height: 456px;
    height: auto;
    padding: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 64px;
    row-gap: 48px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.15);


    .cfkREOzYWV {
      width: 119px;
      height: 66px;
    }

    .tOaYFxVeFl {
      width: 77px;
      height: 64px;
    }

    .RTOLnKttOz {
      width: 375px;
      height: 53px;
    }

    .VsXTaMdaoL {
      width: 216px;
      height: 64px;
    }

    .oNniTbSZOf {
      width: 308px;
      height: 64px;
    }

    .bGmAMleOlI {
      width: 134px;
      height: 53px;
    }

    .oIkaKhoAGJ {
      width: 334px;
      height: 42px;
    }

    .XprMkBYSSR {
      width: 193px;
      height: 53px;
    }

    .BQuaxCwFJd {
      width: 245px;
      height: 42px;
    }

    .ivIVIiVWRt {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;

      .DscJmbiNMw {
        width: 64px;
        height: 64px;
      }

      p {
        color: #fff;
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -0.4px;
        text-transform: capitalize;
      }
    }

    .hXOqNtGwZc {
      width: 72px;
      height: 66px;
    }
  }

  .pBZgNLGizv {
    max-width: 1104px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 28px;

    .MuGTbReRKI {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 16px;

      h2 {
        color: #fff;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
      }

      .eWaZkiCsBu {
        display: flex;
        flex-direction: column;
        gap: 22px;

        p {
          color: #fff;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 22px;
          text-align: center;

          a {
            color: #00ec18;
            font-family: var(--font-poppins);
            font-size: 15px;
            font-style: normal;
            font-weight: 400;
            line-height: 22px;
            text-decoration-line: underline;
          }
        }
      }
    }

    .DXrbMOiJFa {
      max-width: 1104px;
      width: 100%;
      height: 1px;
      background: #cecece;
      margin-top: 28px;
    }

    .lTaZzgaDWc {
      display: flex;
      flex-direction: column;
      gap: 8px;

      h2 {
        color: #fff;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 13px;
        font-style: normal;
        font-weight: 700;
        line-height: 27px;
      }

      .eWaZkiCsBu {
        display: flex;
        flex-direction: column;
        gap: 22px;

        p {
          color: #fff;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px;
        }
      }
    }
  }

  ul {
    height: 88px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 32px;

    li {
      list-style: none;

      a {
        padding: 4px;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.3);
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.32px;
        text-decoration-line: underline;
        text-transform: capitalize;
      }
    }
  }

  &>p {
    color: #ececec;
    text-align: center;
    font-family: var(--font-poppins);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-transform: capitalize;
  }
}

.cYETTughpC {
  position: fixed;
  width: 100%;
  min-height: 108px;
  height: auto;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 5;
  background: #0f003a;

  h2 {
    height: 36px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cecece;
    background: #e74a18;
    color: #fff;
    text-align: center;
    font-family: var(--font-poppins);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: capitalize;
    padding-left: 32px;
  }

  .AMuqvXTHGM {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 0 48px 0 32px;
    min-height: 72px;
    height: auto;
    background: #fff;

    p {
      color: #000;
      font-family: var(--font-poppins);
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
    }

    .AgMCzUrGmV {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;

      button {
        width: 260px;
        display: flex;
        height: 40px;
        padding: 8px;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        border-radius: 8px;
        border: none;
      }

      .QhIijyQICG {
        background: #d5d5d5;
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.4px;
        text-transform: capitalize;
      }

      .dFbKAmnfdU {
        color: #fff;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.4px;
        text-transform: capitalize;
        background: linear-gradient(0deg, #002eff 0%, #002eff 100%);
      }
    }
  }
}

.cYETTughpC.hidden {
  display: none;
}

.GdBxHrDKep {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
  background: rgba(0, 0, 0, 0.8);

  .MyYebPWthv {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 258px;
    height: auto;
    z-index: 6;
    display: flex;
    max-width: 555px;
    width: calc(100% - 32px);
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
    background: #fff;
    padding: 12px 16px;

    h2 {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 38px;
    }

    p {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }

    .AgMCzUrGmV {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
      align-items: center;
      gap: 12px;
      margin-top: 10px;

      button {
        cursor: pointer;
        border: none;
        height: 48px;
        width: 100%;
      }

      .RugxRyzvUC {
        border-radius: 8px;
        background: #c8c8c8;
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-decoration-line: underline;
        border: none;
      }

      .dTZOWoJvBh {
        border-radius: 6px;
        background: #b9008e;
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
      }
    }
  }
}

.kCBvPuLoeI {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 6;
  background: #080d49;
  padding: 16px;

  .QRSSVrvwvV {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 214px;
    height: auto;
    width: calc(100% - 32px);
    max-width: 528px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: url("../images/warning-img.webp");
    background-size: cover;

    h2 {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px;
      text-transform: capitalize;
    }

    p {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      padding: 0 20px;
    }
  }
}

@media screen and (max-width: 1100px) {
  header {
    &>img {
      opacity: 0.3;
    }
  }
}

@media screen and (max-width: 900px) {
  .cYETTughpC {
    max-width: 343px;
    width: calc(100% - 32px);
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px 8px 0px 0px;

    h2 {
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 24px;
      border-radius: 8px 8px 0px 0px;
      padding-left: 16px;
    }

    .AMuqvXTHGM {
      flex-direction: column;
      gap: 8px;
      padding: 8px 16px;
      border-radius: 0px 0px 8px 8px;
      background: #fff;

      p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
      }

      .AgMCzUrGmV {
        flex-direction: column-reverse;
        gap: 12px;

        button {
          height: 32px;
        }
      }
    }
  }
}

@media screen and (min-width: 480px) and (max-width: 879px) {
  main {
    .yYbABlBdyx {
      .IyDTcpKjdv {
        max-width: 432px;
        min-height: 280px;

        .OSQWhWjgwA {
          height: 44px;
        }

        .dQkCjYHrtM {
          padding: 0 16px;

          p {
            max-width: 244px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  .header--home {
    background: url("../images/bg-home-mobile.webp?v=0.1");
    background-size: cover;
  }

  .header--other {
    background: url("../images/bg-mobile.webp");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-color: #070d40;
  }

  header {
    padding: 10px 16px 24px;

    nav {
      height: 38px;
      padding: 0 16px;

      a {
        img {
          width: 146px;
          height: 30px;
        }

        &.cAWoUEkPDO {
          display: none;
        }

        &.Iuydbypomt {
          display: flex;
        }
      }
    }

    &>img {
      display: none;
    }

    .eZSnBuoMMh {
      .qnNniSEWie {
        background: transparent;
        padding: 24px 12px;
        margin: 24px 0 0;
        gap: 12px;

        h1 {
          font-size: 22px;
          font-style: normal;
          font-weight: 600;
          line-height: 28px;
          letter-spacing: 0.22px;
          text-align: center;
        }

        p {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 22px;
          letter-spacing: 0.16px;
          text-align: center;
        }
      }
    }
  }

  main {
    padding: 24px 16px;
  }

  footer {
    padding: 36px 16px 24px;
    gap: 24px;

    .dSFGLSFEOI {
      column-gap: 36px;
      row-gap: 36px;
      padding: 24px 12px;

      .cfkREOzYWV {
        width: 90px;
        height: 50px;
      }

      .tOaYFxVeFl {
        width: 60px;
        height: 50px;
      }

      .RTOLnKttOz {
        width: 316px;
        height: 44px;
      }

      .VsXTaMdaoL {
        width: 168px;
        height: 50px;
      }

      .oNniTbSZOf {
        width: 240px;
        height: 50px;
      }

      .bGmAMleOlI {
        width: 125px;
        height: 50px;
      }

      .oIkaKhoAGJ {
        width: 313px;
        height: 40px;
      }

      .XprMkBYSSR {
        width: 193px;
        height: 53px;
      }

      .BQuaxCwFJd {
        width: 245px;
        height: 42px;
      }

      .ivIVIiVWRt {
        .DscJmbiNMw {
          width: 48px;
          height: 48px;
        }

        p {
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 30px;
          letter-spacing: -0.32px;
        }
      }

      .hXOqNtGwZc {
        width: 72px;
        height: 66px;
      }
    }

    .pBZgNLGizv {
      gap: 28px;

      .MuGTbReRKI {
        h2 {
          font-size: 15px;
          font-style: normal;
          font-weight: 700;
          line-height: 27px;
        }

        .eWaZkiCsBu {
          gap: 19px;

          p {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
          }
        }
      }

      .lTaZzgaDWc {
        h2 {
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: 20px;
        }

        .eWaZkiCsBu {
          gap: 20px;

          p {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
          }
        }
      }
    }

    ul {
      height: 132px;
      flex-direction: column;
      gap: 12px;

      li {
        width: 247px;

        a {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
        }
      }
    }

    &>p {
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 18px;
      letter-spacing: -0.24px;
    }
  }

  .GdBxHrDKep {
    .MyYebPWthv {
      max-width: 343px;
      min-height: 238px;

      h2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
      }

      p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
      }

      .AgMCzUrGmV {
        button {
          height: 36px;
        }

        .dTZOWoJvBh,
        .RugxRyzvUC {
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
        }
      }
    }
  }

  .kCBvPuLoeI {
    .QRSSVrvwvV {
      max-width: 343px;
      min-height: 152px;
      padding: 8px 16px;
      background-size: 100% 100%;

      h2 {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
      }

      p {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
      }
    }
  }
}

/*contact-us page*/
div.cAWoUEkPDO {
  max-width: 1280px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: 60px 0px 12px;

  h1 {
    color: #fff;
    font-family: var(--font-poppins);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0.32px;
  }

  h2 {
    color: #fff;
    font-family: var(--font-poppins);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0.24px;
    text-transform: capitalize;
    margin-bottom: 4px;
  }

  .GusrfrDGfR {
    display: flex;
    flex-direction: column;
    gap: 12px;

    p {
      color: #fff;
      font-family: var(--font-poppins);
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
    }
  }
}

@media screen and (max-width: 600px) {
  div.cAWoUEkPDO {
    gap: 12px;
    padding: 24px 0px 12px;

    h1 {
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      letter-spacing: 0.22px;
    }

    h2 {
      margin-bottom: 0px;
      margin-top: 4px;
      font-size: 18px;
      font-style: normal;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0.18px;
    }

    .GusrfrDGfR {
      p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
      }
    }
  }
}

/*privacy-policy, terms, cookies pages */
.AVUbzfvIJR {
  max-width: 1280px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  padding: 60px 0px 12px;

  h1 {
    color: #fff;
    font-family: var(--font-poppins);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0.32px;
    margin-bottom: 4px;
    width: 300px;
  }

  .TCNwlQaaAV {
    display: flex;
    flex-direction: column;
    gap: 12px;

    h2 {
      color: #fff;
      font-family: var(--font-poppins);
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
      line-height: 32px;
    }

    p {
      color: #fff;
      font-family: var(--font-poppins);
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;

      a {
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-decoration-line: underline;
      }
    }

    ul {
      display: flex;
      flex-direction: column;

      li {
        display: flex;
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        list-style: none;

        span {
          margin: 0 7px;
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  .AVUbzfvIJR {
    padding: 24px 0px 12px;

    h1 {
      margin-bottom: 0px;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      letter-spacing: 0.22px;
      width: 100%;
    }

    .TCNwlQaaAV {
      h2 {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
      }

      p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;

        a {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px;
        }
      }

      ul {
        li {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 24px;
        }
      }
    }
  }
}


.GdBxHrDKep {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 6;
  background: rgba(0, 0, 0, 0.8);

  .MyYebPWthv {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 258px;
    height: auto;
    z-index: 6;
    display: flex;
    max-width: 555px;
    width: calc(100% - 32px);
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border-radius: 12px;
    background: #fff;
    padding: 12px 16px;

    h2 {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 38px;
    }

    p {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
    }

    .GqisBpyzuQ {
      display: flex;
      flex-direction: column;
      width: 100%;
      justify-content: center;
      align-items: center;
      gap: 12px;
      margin-top: 10px;

      button {
        cursor: pointer;
        border: none;
        height: 48px;
        width: 100%;
      }

      .RugxRyzvUC {
        border-radius: 8px;
        background: #c8c8c8;
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        text-decoration-line: underline;
        border: none;
      }

      .dTZOWoJvBh {
        border-radius: 6px;
        background: #b9008e;
        color: #fff;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
      }
    }
  }
}

.kCBvPuLoeI {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 6;
  background: #080d49;
  padding: 16px;

  .QRSSVrvwvV {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 214px;
    height: auto;
    width: calc(100% - 32px);
    max-width: 528px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    background: url("../images/warning-img.webp");
    background-size: cover;

    h2 {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 32px;
      text-transform: capitalize;
    }

    p {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      padding: 0 20px;
    }
  }
}