:root {
  --font-poppins: "Poppins", sans-serif;
  --font-russo: "Russo One", sans-serif;
}

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

.PfplWNSLFx {
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #040045;
  left: -100%;
  transition: left 0.3s ease;
  z-index: 6;
  padding: 16px 24px;
  gap: 38px;

  img {
    width: 16px;
    height: 14px;
    margin-left: auto;
    cursor: pointer;
  }

  ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    height: 100%;
    width: 100%;

    li {
      list-style: none;

      a {
        display: flex;
        padding: 8px 0px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #fff;
        text-align: right;
        font-family: var(--font-poppins);
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
        text-decoration: none;
        width: 127px;
        height: 42px;

        &:active {
          color: #000;
          border-radius: 4px;
          background: #e9e9e9;
          text-align: right;
          font-family: var(--font-poppins);
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 26px;
        }
      }
    }
  }
}

.PfplWNSLFx.active {
  left: 0;
}

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

  .VSWjIBoBhi {
    display: none;
  }

  .TXOfTlUnmq {
    display: none;
  }

  nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 200px;
    height: 60px;
    z-index: 1;

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

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

    ul {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 32px;

      li {
        list-style: none;

        a {
          color: #000;
          text-align: right;
          font-family: var(--font-poppins);
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 26px;
        }
      }
    }

    .qDMlBEEeJs {
      display: none;
      width: 24px;
      height: 24px;
    }
  }

  .DkCCjeMHxQ {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 42px 0;
    max-width: 797px;
    width: 100%;
    z-index: 1;

    h1 {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 36px;
      font-style: normal;
      font-weight: 600;
      line-height: 48px;
      letter-spacing: -0.72px;
    }

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

.stFMFMlSEo {
  .VSWjIBoBhi {
    position: absolute;
    left: 0;
    top: 0;
    width: 313px;
    height: 204px;
    display: block;
  }

  .TXOfTlUnmq {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: 222px;
    height: 235px;
    display: block;
  }
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 16px;

  .HhSUvftxjX {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    max-width: 976px;
    width: 100%;
    margin: 32px 0;

    .PZOfhEAhOc {
      width: 100%;
      height: 198px;
      display: flex;
      position: relative;
      border-radius: 12px;
      background: #040045;
      align-items: center;

      .iemlhuHEtw {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -23px;
        display: flex;

        .NjrAvjvJdt {
          position: absolute;
          bottom: -9px;
          left: -27px;
        }

        .VCAYomaPDe {
          position: absolute;
          bottom: -8px;
          left: 0px;
        }

        .WIgaTtFWgP {
          position: absolute;
          bottom: -9px;
          right: -27px;
        }

        .vsXnCPZhrM {
          position: absolute;
          bottom: -8px;
          right: 0px;
        }

        .triangle-vector {
          width: 100%;
        }

        .OmkXldtvwg {
          color: #fff;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 20px;
          min-width: 248px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 10px;
          height: 24px;
        }
      }

      .oMQTJUXUuZ {
        width: 220px;
        height: 158px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        border-radius: 12px;
        background: #fff;
        margin: 0 12px;

        img {
          width: auto;
          height: 74px;
        }

        p {
          color: #000;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 17px;
          font-style: normal;
          font-weight: 500;
          line-height: 24px;
          letter-spacing: -0.34px;
        }
      }

      ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0 32px;

        li {
          list-style: none;
          display: flex;
          gap: 8px;
          align-items: center;

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

          p {
            color: #fff;
            width: 280px;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
          }
        }
      }

      .OMZQENSztJ {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
        justify-content: center;
        padding: 0 24px;

        .lzXcmJJOHb {
          display: flex;
          flex-direction: column;
          gap: 16px;

          p {
            color: #fff;
            text-align: center;
            font-family: var(--font-russo);
            font-size: 28px;
            font-style: normal;
            font-weight: 400;
            line-height: 32px;
            letter-spacing: 0.28px;
          }

          .oqGKAcFRBY,
          .oqGKAcFRBY::before {
            content: " ";
            min-height: 23px;
            min-width: 28px;
            max-width: 140px;
            background-size: 28px 23px;
            background-position-x: left;
            background-position-y: top;
            display: block;
            color: transparent;
          }

          .oqGKAcFRBY {
            width: 140px;
            height: 23px;
            background-image: url("../images/gray-star.webp");
          }

          .oqGKAcFRBY::before {
            margin: 0;
            padding: 0;
            height: 23px;
            background-image: url("../images/yellow-star.webp");
          }

          .oqGKAcFRBY[data-star="1"]::before {
            width: 28px;
          }
          .oqGKAcFRBY[data-star="1.5"]::before {
            width: 42px;
          }
          .oqGKAcFRBY[data-star="2"]::before {
            width: 56px;
          }
          .oqGKAcFRBY[data-star="2.5"]::before {
            width: 70px;
          }
          .oqGKAcFRBY[data-star="3"]::before {
            width: 84px;
          }
          .oqGKAcFRBY[data-star="3.5"]::before {
            width: 98px;
          }
          .oqGKAcFRBY[data-star="4"]::before {
            width: 112px;
          }
          .oqGKAcFRBY[data-star="4.5"]::before {
            width: 126px;
          }
          .oqGKAcFRBY[data-star="5"]::before {
            width: 140px;
          }
        }

        .IBIxCeaGef {
          cursor: pointer;
          width: 312px;
          height: 52px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 12px;
          background: #ffeb00;
          color: #000;
          text-align: center;
          font-family: var(--font-poppins);
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 28px;
          letter-spacing: 0.2px;
          border: none;
        }
      }
    }
  }

  .KXgFKsDSsU {
    max-width: 1280px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #969696;
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 24px 32px;
    margin: 48px 0 0px;

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

      h2 {
        width: 100%;
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
      }

      p {
        width: 100%;
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
      }

      ul {
        width: 100%;
        display: flex;
        flex-direction: column;

        li {
          color: #000;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 26px;
          list-style: none;

          span {
            font-weight: 400;
          }
        }
      }
    }

    & > p {
      color: #000;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;

      span {
        color: #000;
        font-family: var(--font-poppins);
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 26px;
        text-decoration-line: underline;
      }
    }
  }
}

footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 38px;
  padding: 38px 16px 44px;

  .OxPrHNgYkV {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 36px;

    ul {
      display: flex;
      gap: 32px;

      li {
        list-style: none;

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

    p {
      color: #8a8a8a;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      letter-spacing: -0.32px;
      text-transform: capitalize;
    }
  }
}

.ygvpegTAeW {
  position: fixed;
  max-width: 375px;
  width: 100%;
  min-height: 122px;
  height: auto;
  bottom: 37px;
  right: 31px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 16px;
  justify-content: center;
  z-index: 5;
  border-radius: 8px;
  outline: 1px solid #a7a7a7;
  background: #fff;

  .mAXpVQenvq {
    display: flex;
    align-items: center;
    width: 100%;

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

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

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

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

    .SNFptkapJL {
      background: linear-gradient(90deg, #4c13be 0%, #4c13be 100%);
      color: #fff;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: -0.32px;
      text-transform: capitalize;
    }
  }
}

.ygvpegTAeW.hidden {
  display: none;
}

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

@media screen and (max-width: 1056px) {
  main {
    .HhSUvftxjX {
      max-width: 761px;

      .PZOfhEAhOc {
        flex-wrap: wrap;
        height: 342px;

        .oMQTJUXUuZ {
          width: 244px;
          height: 174px;
          margin-right: 0px;
        }

        ul {
          li {
            p {
              width: 377px;
            }
          }
        }

        .OMZQENSztJ {
          width: 100%;

          .lzXcmJJOHb {
            flex-direction: row;
          }

          .IBIxCeaGef {
            width: 100%;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 861px) {
  header {
    nav {
      height: 48px;
      width: 100%;
      justify-content: space-between;
      gap: 0px;

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

      ul {
        display: none;
      }

      .qDMlBEEeJs {
        display: block;
        cursor: pointer;
      }
    }
  }
}

@media screen and (max-width: 841px) {
  main {
    .HhSUvftxjX {
      .PZOfhEAhOc {
        flex-direction: column;
        width: 466px;
        height: 430px;
        padding: 12px 16px;
        flex-wrap: nowrap;
        justify-content: space-around;

        .oMQTJUXUuZ {
          width: 100%;
          height: 105px;
          gap: 8px;
          margin: 0px;

          img {
            width: auto;
            height: 52px;
          }
        }

        ul {
          width: 100%;
          padding: 24px 0;

          li {
            width: 100%;

            p {
              width: 100%;
              font-size: 15px;
              font-style: normal;
              font-weight: 400;
              line-height: 24px;
            }
          }
        }

        .OMZQENSztJ {
          padding: 0px;
          gap: 16px;

          .lzXcmJJOHb {
            flex-direction: column;
            gap: 8px;

            p {
              font-size: 24px;
              font-style: normal;
              font-weight: 400;
              line-height: 32px;
              letter-spacing: 0.24px;
            }
          }

          .IBIxCeaGef {
            height: 48px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  header {
    .DkCCjeMHxQ {
      margin: 16px 0;
      gap: 12px;

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

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

  main {
    .KXgFKsDSsU {
      padding: 24px 16px;
      gap: 16px;
      margin: 24px 0 6px;

      .fsVbLRAajd {
        gap: 8px;

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

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

        h3 {
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: 28px;
        }

        ul {
          li {
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 20px;
            span {
              font-weight: 400;
            }
          }
        }
      }

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

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

  .stFMFMlSEo {
    .VSWjIBoBhi {
      width: 138px;
      height: 90px;
    }

    .TXOfTlUnmq {
      width: 161px;
      height: 170px;
      bottom: 0px;
    }
  }
  footer {
    gap: 30px;
    padding: 24px 16px 12px;

    .OxPrHNgYkV {
      gap: 24px;

      ul {
        flex-direction: column;
        gap: 12px;
        align-items: center;

        li {
          a {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            letter-spacing: -0.24px;
          }
        }
      }

      p {
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.2px;
      }
    }
  }

  .ygvpegTAeW {
    bottom: 6px;
    right: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    max-width: 359px;
    width: calc(100% - 16px);
    min-height: 114px;

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

    .JRlpQVuXVM {
      button {
        width: 155px;
      }
    }
  }
}

@media screen and (max-width: 514px) {
  main {
    .HhSUvftxjX {
      width: 100%;
      gap: 32px;
      margin: 24px 0;

      .PZOfhEAhOc {
        max-width: 343px;
        width: 100%;
        height: 436px;

        ul {
          padding: 27px 0;
        }
      }
    }
  }
}

/*about-us page*/
main {
  .FXmJFhnVII {
    max-width: 1280px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 36px;
    border-radius: 20px;
    outline: 1px solid #969696;
    margin: 42px 0 80px;
    padding: 24px 32px;

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

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

      h3 {
        color: #000;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
      }

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

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

        li {
          color: #000;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px;
          list-style: none;

          span {
            font-weight: 700;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  main {
    .FXmJFhnVII {
      margin: 24px 0;
      padding: 24px 16px;
      gap: 16px;

      .cYWLudTNbM {
        gap: 8px;

        h2 {
          font-size: 24px;
          font-style: normal;
          font-weight: 700;
          line-height: 32px;
        }

        h3 {
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: 28px;
        }

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

        ul {
          li {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;

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

/*contact-us page*/
main {
  .vCezmwcLAU {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 66px;
    margin: 42px 0 62px;
    max-width: 1280px;
    width: 100%;

    h1 {
      color: #000;
      text-align: center;
      font-family: var(--font-poppins);
      font-size: 40px;
      font-style: normal;
      font-weight: 600;
      line-height: 52px;
      letter-spacing: -0.8px;
    }

    .DTkUgbGjlT {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 80px;
      width: 100%;

      form {
        width: 628px;
        display: flex;
        padding: 24px 32px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        border-radius: 12px;
        background: #040045;

        .aTCoOpZjbl {
          display: flex;
          justify-content: center;
          gap: 20px;
          width: 100%;
        }

        .wBmTafcuDq {
          width: auto;
          display: flex;
          flex-direction: column;
          gap: 4px;
          width: 100%;

          label {
            color: #fff;
            font-family: var(--font-poppins);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            margin-bottom: 4px;

            span {
              color: #df1414;
              font-family: Inter;
              font-size: 15px;
              font-style: normal;
              font-weight: 400;
              line-height: 22px;
            }
          }

          input {
            display: flex;
            padding: 10px 14px;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            border-radius: 8px;
            background: #fff;
            color: #000;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            outline: none;
            width: 100%;

            &::placeholder {
              color: #b0b0b0;
              font-family: var(--font-poppins);
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 24px;
            }
          }

          p {
            color: #f00;
            font-family: var(--font-poppins);
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            display: none;
          }

          textarea {
            width: 100%;
            display: flex;
            padding: 10px 14px;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            border-radius: 8px;
            background: #fff;
            color: #000;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
            outline: none;
            width: 100%;
            height: 132px;
            resize: none;
            
            &::placeholder {
              color: #b0b0b0;
              font-family: var(--font-poppins);
              font-size: 16px;
              font-style: normal;
              font-weight: 400;
              line-height: 24px;
            }
          }
        }

        .SKHtPZXPci {
          margin-top: 8px;
          width: 100%;
          height: 48px;
          border-radius: 8px;
          background: #ffeb00;
          color: #9f9f9f;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 24px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: center;
        }

        .JwshLuRHyb {
          margin-top: 8px;
          width: 100%;
          height: 48px;
          border-radius: 8px;
          background: #4bfb00;
          color: #000;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 24px;
          display: none;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }
      }

      .HiOlnrPYuz {
        max-width: 572px;
        width: 54%;
        display: flex;
        flex-direction: column;
        padding: 24px 32px;
        gap: 16px;
        border-radius: 12px;
        outline: 1px solid #cecece;

        .OIIhUUWoZZ {
          display: flex;
          flex-direction: column;

          h2 {
            color: #000;
            font-family: var(--font-poppins);
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 32px;
            letter-spacing: -0.48px;
          }

          p {
            color: #000;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
            letter-spacing: -0.32px;
          }

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

            li {
              list-style: none;
              color: #000;
              font-family: var(--font-poppins);
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              line-height: 24px;
              letter-spacing: -0.28px;

              span {
                font-weight: 600;
              }
            }
          }

          .HTWbyFZfJQ {
            gap: 4px;
          }

          h3 {
            color: #000;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 26px;
            letter-spacing: -0.32px;
            margin-bottom: 4px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1000px) {
  main {
    .vCezmwcLAU {
      .DTkUgbGjlT {
        flex-direction: column;

        form {
          max-width: 628px;
          width: 100%;
        }

        .HiOlnrPYuz {
          width: 100%;
        }
      }
    }
  }
}

@media screen and (min-width: 600px) {
  main {
    .HhSUvftxjX {
      .PZOfhEAhOc {
        .OMZQENSztJ {
          .IBIxCeaGef {
            &:hover {
              background: linear-gradient(
                  0deg,
                  rgba(0, 0, 0, 0.15) 0%,
                  rgba(0, 0, 0, 0.15) 100%
                ),
                #ffeb00;
            }
          }
        }
      }
    }
  }

  .ygvpegTAeW{
    .JRlpQVuXVM{
      .oEkqsHHSdy:hover {
        background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.2) 100%
          ),
          #d5d5d5;
      }

      .SNFptkapJL:hover {
        background: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.2) 0%,
            rgba(0, 0, 0, 0.2) 100%
          ),
          linear-gradient(90deg, #4c13be 0%, #4c13be 100%);
      }
    }
  }
}

@media screen and (max-width: 600px) {
  main {
    .vCezmwcLAU {
      gap: 32px;
      margin: 24px 0 16px;

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

      .DTkUgbGjlT {
        gap: 24px;

        form {
          padding: 24px 16px;

          .aTCoOpZjbl {
            flex-direction: column;
          }
        }

        .HiOlnrPYuz {
          padding: 24px;

          .OIIhUUWoZZ {
            h1 {
              font-size: 20px;
              font-style: normal;
              font-weight: 600;
              line-height: 28px;
              letter-spacing: -0.4px;
            }

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

            h2 {
              text-align: center;
              margin-bottom: 8px;
            }

            .HTWbyFZfJQ {
              gap: 8px;

              li {
                line-height: 24px;
              }
            }

            ul {
              li {
                line-height: 20px;
              }
            }
          }
        }
      }
    }
  }
}

/*qr-code-uses*/
main {
  .zlmStNxMZM {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 36px;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #969696;
    margin: 42px 0 80px;

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

      h1 {
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 48px;
        letter-spacing: -0.72px;
      }

      h2 {
        color: #000;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: -0.4px;
      }

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

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

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

        li {
          list-style: none;
          color: #000;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 600;
          line-height: 26px;

          span {
            color: #000;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 26px;
          }
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  main {
    .zlmStNxMZM {
      margin: 24px 0;
      gap: 24px;
      padding: 16px 12px;

      .PVbgkwPFEa {
        gap: 8px;

        h1 {
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: 32px;
          letter-spacing: -0.48px;
        }

        h2 {
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          line-height: 28px;
          letter-spacing: -0.36px;
        }

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

        ul {
          li {
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 20px;

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

/*privacy-terms page*/
main {
  .JsNxxnWXMd {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin: 42px 0 80px;
    padding: 24px;
    border-radius: 20px;
    outline: 1px solid #969696;

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

      h1 {
        color: #000;
        text-align: center;
        font-family: var(--font-poppins);
        font-size: 36px;
        font-style: normal;
        font-weight: 600;
        line-height: 48px;
        letter-spacing: -0.72px;
      }

      h2 {
        color: #000;
        font-family: var(--font-poppins);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: -0.4px;
      }

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

        span {
          color: #000;
          font-family: var(--font-poppins);
          font-size: 18px;
          font-style: normal;
          font-weight: 700;
          line-height: 28px;
          text-decoration-line: underline;
        }
      }

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

        li {
          list-style: none;
          color: #000;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 26px;

          span {
            color: #000;
            font-family: var(--font-poppins);
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 26px;
          }
        }
      }

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

        span {
          color: #000;
          font-family: var(--font-poppins);
          font-size: 16px;
          font-style: normal;
          font-weight: 700;
          line-height: 26px;
          text-decoration-line: underline;
        }
      }
    }
  }
}

@media screen and (max-width: 600px) {
  main {
    .JsNxxnWXMd {
      margin: 24px 0;
      gap: 24px;
      padding: 16px 12px;

      .XZbdFYZLzg {
        gap: 8px;

        h1 {
          font-size: 24px;
          font-style: normal;
          font-weight: 600;
          line-height: 32px;
          letter-spacing: -0.48px;
        }

        h2 {
          font-size: 18px;
          font-style: normal;
          font-weight: 600;
          line-height: 28px;
          letter-spacing: -0.36px;
        }

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

          span {
            font-size: 14px;
            font-style: normal;
            line-height: 20px;
          }
        }

        .VFdBtvftaU {
          margin-top: 4px;
        }

        .jtbmCrpNJn {
          line-height: 26px;
        }

        ul {
          margin: 4px 0;

          li {
            font-size: 14px;
            font-style: normal;
            line-height: 20px;

            span {
              font-size: 14px;
              font-style: normal;
              line-height: 20px;
            }
          }
        }

        .PrSXVZSunK {
          margin: 0;
        }
      }
    }
  }
}