* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

button,
input {
  outline: none;
  border: none;
  background-color: transparent;
}

button {
  cursor: pointer;
  font-family: "Maven Pro";
}

textarea {
  font-family: "Maven Pro";
  outline: none;
}

input {
  font-family: "Maven Pro";
}

ul {
  list-style: none;
}

body {
  font-family: "Maven Pro";
  min-height: 100vh;
  display: flex;
  flex-direction: column;

}

main {
  flex: 1 auto;
  overflow: hidden;
}

.empty-f__Tn8Rb2Hv {
  padding: 0;
  margin: 0;
  height: 3px;
}

a {
  font-family: "Maven Pro";
}

html {
  scroll-behavior: smooth;
}

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

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

@font-face {
  font-family: 'Maven Pro';
  src: url('../fonts/MavenPro-SemiBold.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


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

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





:root {
  --gradient-color: linear-gradient(0deg, #0B0A0F 0%, #0D1413 47.12%, #1E2E2E 100%);
  --title-font: "Maven Pro";
  --light-color: #fff;
  --btn-color: #fff;
}

.container {
  max-width: 1170px;
  width: 100%;
  margin: 0 auto;

  @media(max-width: 1450px) {
    padding-left: 24px;
    padding-right: 24px;
  }

  @media(max-width: 700px) {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.btn-filled__Tn8Rb2Hv {

  border-radius: 2px;
  background: #FFA600;
  color: #FFF;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.86px;
  font-family: var(--title-font);
  max-width: 385px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;

  @media(max-width: 600px) {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding-left: 27px;
    padding-right: 27px;
  }
}

.btn-simple__Tn8Rb2Hv {
  border-radius: 15px;
  border: 1px solid #106B75;
  padding: 16px 40px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: var(--light-color);
  text-transform: capitalize;
  font-family: var(--title-font);
}

.btn-black__Tn8Rb2Hv {
  border-radius: 6px;
  background: #333;
  box-shadow: 0 1px 3px 3px rgba(51, 51, 51, 0.15);
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  max-width: 434px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}

.btn-orange__Tn8Rb2Hv {
  color: #FFF;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  border-radius: 6px;
  background: #FFA600;
  box-shadow: 0 1px 3px 3px rgba(51, 51, 51, 0.15);
  max-width: 434px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 45px;
}

.nav-logo-Tn8Rb2Hv {
  display: flex;
  gap: 10px;
  align-items: center;

  & img {
    object-fit: contain;
    object-position: left;
    width: 100%;
    height: 39px;
  }

  & span {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 16.8px */
    text-transform: uppercase;
    color: var(--light-color);
  }
}

header {
  /* background: var(--gradient-color); */
  /* position: absolute;
  width: 100%;
  left: 0;
  top: 0; */
  z-index: 5;

  /* background-color: #13171F; */

  & .nav-wrap__Tn8Rb2Hv {
    position: relative;
    border-bottom: 3px solid #066670;
    background: #0AAABC;
  }

  & .nav-left {
    display: flex;
    justify-content: space-between;
    align-items: center;

    & .menu-btn__Tn8Rb2Hv {
      @media(max-width: 992px) {
        display: none;
      }

      & img {
        width: 28px;
        height: 28px;
        object-fit: contain;
      }
    }
  }

  & .nav-menu__inner-Tn8Rb2Hv {

    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    max-width: 1118px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 20px;

    @media(max-width: 992px) {
      justify-content: space-between;
      width: 100%;
    }

    & .page-name__Tn8Rb2Hv {
      color: #FFF;
      font-size: 17px;
      font-style: normal;
      font-weight: 500;
      line-height: 22.1px;
      text-transform: capitalize;
      display: none;

      @media(max-width: 992px) {
        display: block;
      }
    }


    /* @media(Max-width: 992px) {
      padding-bottom: 8px;
      padding-top: 8px;
    } */


    & .nav-logo__Tn8Rb2Hv {
      width: 144px;
      height: 62px;

      & img {
        object-fit: contain;
        width: 100%;
        height: 100%;
      }
    }

    & .nav-buttons__Tn8Rb2Hv {
      display: flex;
      gap: 5px;

      @media(max-width: 992px) {
        display: none;
      }
    }

    & .header-right__Tn8Rb2Hv {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      /* max-width: 774px;
      width: 100%; */

      @media(max-width: 992px) {
        flex-direction: column;
        align-items: flex-end;
      }
    }

    & nav {
      max-width: 755px;
      width: 100%;

      @media(max-width: 992px) {
        display: none;
      }

      & .nav-menu__Tn8Rb2Hv {
        display: flex;

        @media(max-width: 992px) {
          display: none;
        }

        & li {
          & a {
            color: #FFF;
            text-align: center;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 12px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 7px;
            padding: 8px 18px 9px;

            & img {
              width: 16px;
              height: 15px;
              object-fit: contain;
            }

            &.current {
              background-color: #066670;
            }
          }

          &.current-menu-item {
            & a {
              color: #FF0083;
            }
          }
        }
      }
    }



    & .mob-menu__Tn8Rb2Hv {
      display: none;

      @media(max-width: 992px) {
        position: absolute;
        left: -100%;
        top: 86px;
        width: 100%;
        height: 50vh;
        background: #000;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        transition: all .3s ease-in;
      }

      & .mob-menu__list-Tn8Rb2Hv {
        display: flex;
        flex-direction: column;
        gap: 12px;

        & li {
          display: flex;
          justify-content: center;
        }

        & a {
          display: flex;
          justify-content: center;
          align-items: center;
          max-width: fit-content;
          color: #fff;
          font-family: var(--title-font);
          font-size: 18px;
          font-style: normal;
          font-weight: 400;

        }

        &.current-menu-item {
          & a {
            color: #76DD00;
          }
        }

      }

      &.active {
        transition: all .3s ease-in;
        left: 0;
      }
    }

    & .burger-Tn8Rb2Hv {
      display: none;

      & img {
        width: 24px;
        height: 17px;
      }

      @media(max-width: 992px) {
        display: block;
      }
    }
  }

  & .header-disclaimer__Tn8Rb2Hv {
    display: flex;
    gap: 21px;

    @media(max-width: 992px) {
      padding-bottom: 3px;
    }

    & .header-disclaimer__age-Tn8Rb2Hv {
      & img {
        width: 21px;
        height: 14px;
      }
    }

    & .header-disclaimer__text-Tn8Rb2Hv {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: #222;
    }

    &.moved {
      margin-top: 20px;
    }
  }
}

.header-bottom__Tn8Rb2Hv {

  background-color: #0AAABC;

  & .header-bottom__inner-Tn8Rb2Hv {
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  & .header-disclaimer__Tn8Rb2Hv {
    color: #FFF;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16.9px;
    /* 130% */
  }

  & .header-bottom__links-Tn8Rb2Hv {
    display: flex;
    align-items: center;
    gap: 5px;

    & a {
      color: #FFF;
      text-align: center;
      font-size: 12px;
      font-style: normal;
      font-weight: 500;
      line-height: 12px;
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.00);
      box-shadow: 0 0 0 2px #FFF inset;
      padding: 10px 18px;
      /* 100% */
    }
  }
}

main {
  position: relative;
}

.page-image__Tn8Rb2Hv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 726px;

  & img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

h1 {
  color: var(--light-color);
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 49.5px;
  font-family: var(--title-font);
      overflow-wrap: break-word;


  @media(max-width: 600px) {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
}

h2 {
  color: #FFF;

  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  font-family: var(--title-font);


  @media(max-width: 600px) {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
  }
}

h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #fff;
  font: var(--title-font);

  @media(Max-width: 992px) {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
  }
}

h4 {}

h5 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  color: #fff;
}

.section {
  margin-bottom: 70px;
}

.mainscreen-Tn8Rb2Hv {
  position: relative;
  padding-bottom: 101px;
  padding-top: 100px;
  position: relative;

  @media(max-width: 768px) {
    padding-top: 26px;
    padding-bottom: 32px;
  }

  & .gradient-Tn8Rb2Hv {
    background: linear-gradient(180deg, rgba(13, 0, 0, 0.2) 0%, rgba(13, 0, 0, 0.75) 64.07%, #0D0000 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
  }


  @media(max-width: 600px) {
    padding-top: 60px;
    padding-bottom: 40px;
  }


  & .container {
    width: 100%;
    height: 100%;
  }

  & .mainscreen-bg__Tn8Rb2Hv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    & video {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }

  & .mainscreen-inner__Tn8Rb2Hv {
    height: 100%;
    position: relative;
    /* padding: 40px 24px; */



    & .mainscreen-inner__top-Tn8Rb2Hv {
      position: relative;
      height: 100%;
      /* display: flex;
      align-items: center;
      justify-content: center; */
      text-align: center;
      /* max-width: 584px; */
      z-index: 2;

      & .mainscreen-inner__info-Tn8Rb2Hv {
        & .logo_Tn8Rb2Hv {
          margin-bottom: 33px;

          @media(max-width: 600px) {
            margin-bottom: 24px;
          }
        }

        & h1 {
          color: #FFF;
          margin-bottom: 12px;
          margin-left: auto;
          margin-right: auto;

          /* text-align: center; */
          @media(max-width: 600px) {
            font-size: 40px;
            font-style: normal;
            font-weight: 400;
            line-height: 44px;
          }

        }

        & .mainscreen-description__Tn8Rb2Hv {
          color: #FFF;
          text-align: center;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
          font-size: 21px;
          font-style: normal;
          font-weight: 500;
          line-height: 23.1px;
          margin-bottom: 33px;

          @media(max-width: 600px) {
            font-size: 21px;
            font-style: normal;
            font-weight: 500;
            line-height: 23.1px;
            margin-bottom: 24px;
          }
        }

        & .app-links__Tn8Rb2Hv {
          display: flex;
          justify-content: center;
          gap: 30px;
          margin-top: 64px;

          & a {
            max-width: 160px;
            width: 100%;
            height: 48px;

            & img {
              object-fit: contain;
              width: 100%;
              height: 100%;
            }
          }

          @media(max-width: 600px) {
            margin-top: 26px;
            gap: 18px;
          }
        }

        & .btn-filled__Tn8Rb2Hv {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-left: auto;
          margin-right: auto;
          width: 100%;
          text-align: center;

          @media(max-width: 992px) {

            max-width: 100%;
          }


        }
      }

      & .mainscreen-badges__items-Tn8Rb2Hv {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
        position: relative;
        z-index: 2;

        @media(max-width: 700px) {
          gap: 5px;
          margin-top: 10px;
        }

        & li {
          border-radius: 20px;
          border: 1px solid #985809;
          background: radial-gradient(237.9% 141.42% at 0% 100%, rgba(50, 21, 11, 0.60) 0%, rgba(13, 0, 0, 0.60) 100%);
          backdrop-filter: blur(3px);
          padding: 10px 20px;
          color: #FFF;
          text-align: center;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.50);
          font-size: 14px;
          font-style: normal;
          font-weight: 700;
          line-height: normal;

          @media(max-width: 700px) {
            font-size: 8px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            padding: 5px 7px;
          }
        }
      }
    }
  }

  &.about-page {

    @media(max-width: 600px) {

      & h1 {
        max-width: 62% !important;
      }

      & .mainscreen-description__Tn8Rb2Hv {
        max-width: 62% !important;
      }
    }
  }
}

.advantages-Tn8Rb2Hv {
  background-color: #0AAABC;
  padding-top: 70px;
  padding-bottom: 70px;

  @media(max-width: 768px) {
    padding-top: 48px;
    padding-bottom: 68px;
  }

  & .advantages-inner__Tn8Rb2Hv {
    & .advantages-items__Tn8Rb2Hv {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;

      @media(max-width: 1050px) {
        grid-template-columns: repeat(1, 1fr);
      }

      & .advantages-item__Tn8Rb2Hv {
        display: flex;
        gap: 16px;

        @media(max-width: 1050px) {
          flex-direction: column;
          align-items: center;
          text-align: center;
        }

        & .advantages-item__icon-Tn8Rb2Hv {
          width: 90px;
          height: 90px;
          min-width: 90px;

          & img {
            object-fit: contain;
            width: 100%;
            height: 100%;
          }
        }

        & .advantages-item__info-Tn8Rb2Hv {
          display: flex;
          flex-direction: column;
          gap: 10px;

          & .advantages-item__name-Tn8Rb2Hv {
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: 22px;
          }

          & p {
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
          }
        }
      }
    }
  }
}

.video-block__Tn8Rb2Hv {
  & .video-block__inner-Tn8Rb2Hv {
    display: flex;
    align-items: center;

    @media(max-width: 1300px) {
      height: 400px;
    }

    @media(max-width: 1050px) {
      flex-direction: column;
      height: initial;
    }

    & .video-block__video-Tn8Rb2Hv {
      width: 50%;
      height: 400px;
      position: relative;

      @media(max-width: 1050px) {
        width: 100%;
      }

      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }

      & .video-modal-trigger__Tn8Rb2Hv {
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        gap: 15px;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        border: 2px solid #FFF;
        background: rgba(63, 97, 132, 0.61);
        max-width: 426px;
        padding: 28px 48px 28px 18px;

        @media(max-width:600px) {
          width: 90%;
        }

        & img {
          width: 68px;
          height: 68px;
          object-fit: contain;
        }

        & span {
          color: #FFF;
          text-align: center;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
          font-size: 26px;
          font-style: normal;
          font-weight: 400;
          line-height: 40px;

          @media(max-width: 768px) {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 40px;
          }
        }
      }
    }

    & .video-block__info-Tn8Rb2Hv {
      padding: 40px;
      max-width: 50%;
      width: 100%;

      @media(max-width: 1050px) {
        max-width: 100%;
      }

      @media(max-width: 1450px) {
        padding: 24px;
      }

      & h2 {
        color: #333;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
        font-size: 30.8px;
        font-style: normal;
        font-weight: 500;
        line-height: 33.88px;
        margin-bottom: 24px;
      }

      & p {
        color: #333;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 16px;
      }

      & button {
        display: flex;
        align-items: center;
        gap: 4px;

        & img {
          width: 11px;
          height: 11px;
          object-fit: contain;
        }

        & span {
          color: #0AAABC;
          text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 25px;
          /* 178.571% */
        }
      }
    }
  }
}

.about-Tn8Rb2Hv {
  padding-top: 64px;
  padding-bottom: 64px;
  background: #F4F4F4;

  & .about-inner__Tn8Rb2Hv {
    display: flex;
    align-items: center;
    gap: 80px;

    @media(max-width: 768px) {
      flex-direction: column;
    }

    & .about-info__Tn8Rb2Hv {
      & h2 {
        color: #333;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
        font-size: 30.8px;
        font-style: normal;
        font-weight: 500;
        line-height: 33.88px;
        margin-bottom: 14px;
        /* 110% */
      }

      & p {
        color: #333;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 14px;
        /* 178.571% */
      }
    }

    & .about-img__Tn8Rb2Hv {
      max-width: 224px;
      width: 100%;
      height: 170px;

      & img {
        object-fit: contain;
        width: 100%;
        height: 100%;
      }
    }
  }
}

.demo-Tn8Rb2Hv {
  padding-top: 60px;
  padding-bottom: 40px;
  position: relative;

  & .demo-bg__Tn8Rb2Hv {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }

  & .demo-inner__Tn8Rb2Hv {
    padding-left: 165px;
    display: flex;
    align-content: center;
    justify-content: space-between;
    gap: 40px;
    position: relative;
    z-index: 2;

    @media(max-width: 1150px) {
      padding-left: 0;
    }

    @media(max-width: 992px) {
      flex-direction: column;
    }


    & .demo-phone__Tn8Rb2Hv {
      max-width: 288px;
      width: 100%;
      height: 570px;

      @media(max-width: 992px) {
        margin-left: auto;
        margin-right: auto;
      }

      & img {
        object-fit: contain;
        width: 100%;
        height: 100%;

      }
    }

    & .demo-info__Tn8Rb2Hv {
      max-width: 555px;
      width: 100%;

      @media(max-width: 992px) {
        max-width: 100%;
      }

      & .demo-title {
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 24.2px;
        margin-bottom: 20px;
      }

      & p {
        color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        margin-bottom: 25px;
      }

      & img {
        height: 21px;
        width: 71px;
        object-fit: contain;
        margin-bottom: 8px;
      }

      & .demo-author__Tn8Rb2Hv {
        display: flex;
        gap: 15px;
        align-items: center;

        & img {
          width: 88px;
          height: 88px;
          border-radius: 50%;
          object-fit: contain;
        }

        & .demo-author__info-Tn8Rb2Hv {
          & .demo-author__name-Tn8Rb2Hv {
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
            font-size: 14px;
            font-style: normal;
            font-weight: 600;
            line-height: 15.4px;
            margin-bottom: 3px;
            /* 110% */
          }

          & p {
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 25px;
            /* 178.571% */
          }
        }

      }
    }

  }
}

.contact-Tn8Rb2Hv {
  padding-top: 60px;
  padding-bottom: 60px;

  & h2 {
    color: #303030;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 39.2px;
    font-style: normal;
    font-weight: 400;
    line-height: 43.12px;
    margin-bottom: 40px;
    /* 110% */
  }

  & p {
    color: #303030;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.1px;
    margin-bottom: 40px;
    max-width: 598px;
    margin-left: auto;
    margin-right: auto;
    /* 110% */
  }

  & a {
    max-width: 300px;
  }
}

.form-section__inner-Tn8Rb2Hv {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 40%;
  transform: translateY(-50%);
  z-index: 51;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 623px;
  width: 100%;
  padding: 24px;
  background-color: #fff;

  @media(max-width: 768px) {
    flex-direction: column;
    align-items: flex-start;
    width: 95%;
  }

  & h1 {
    color: #FFA600;
    text-align: center;

    /* title */
    font-family: 'Roboto';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 57.6px */
    letter-spacing: -0.96px;
    margin-bottom: 32px;
  }

  & .form-section__info-Tn8Rb2Hv {
    max-width: 598px;
    width: 100%;

    & .form-section__info-list__Tn8Rb2Hv {
      display: flex;
      flex-direction: column;
      gap: 20px;
      list-style: disc;
      padding-left: 25px;

      @media(max-width: 600px) {
        gap: 10px;
      }

      & li {
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        color: var(--light-color);

        @media(max-width: 600px) {
          font-size: 12px;
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
        }
      }
    }
  }


  & .form-section__inner-image__Tn8Rb2Hv {
    max-width: 616px;
    width: 100%;
    height: 604px;
    border-radius: 40px;
    border: 1.32px solid #10919F;
    overflow: hidden;

    @media(max-width: 992px) {
      display: none;
    }

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }

  & .form-section__inner-form__Tn8Rb2Hv {
    max-width: 600px;
    width: 100%;

    @media(max-width: 992px) {
      max-width: 100%;
    }
  }



  & .form-section__description-Tn8Rb2Hv {
    color: #171717;
    text-align: center;
    font-family: "Roboto";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 24px */
    letter-spacing: -0.4px;
    margin-bottom: 24px;
  }

  & .form-Tn8Rb2Hv {
    max-width: 610px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 2;

    @media(Max-width: 992px) {
      max-width: 100%;
    }

    & label {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      color: var(--light-color);
      margin-bottom: 12px;
    }

    & .form-section__input-Tn8Rb2Hv {
      border-radius: 10px;
      border: 1px solid #303030;
      background: #FFF;
      padding: 14px;
      color: rgba(0, 0, 0, 0.60);
      font-family: 'Roboto';
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: -0.32px;
      margin-bottom: 16px;


      &::placeholder {
        color: rgba(0, 0, 0, 0.60);
        font-family: 'Roboto';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: -0.32px;

      }
    }



    & .btn-filled__Tn8Rb2Hv {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 48px;
      color: #FEFEFE;
      text-align: center;
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      /* 24px */
      letter-spacing: -0.4px;
      border-radius: 16px;
      background: #FFA600;
      padding: 8px 16px;
      height: 48px;
    }
  }

  & .form-section__contacts-Tn8Rb2Hv {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 17px;

    & li {
      display: flex;
      align-items: center;
      gap: 16px;

      & img {
        width: 24px;
        height: 24px;
        object-fit: contain;
        min-width: 24px;
      }

      & address {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        color: var(--light-color);
      }

      & a {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        color: var(--light-color);
      }
    }
  }
}

.form-section__Tn8Rb2Hv {
  padding-top: 60px;
  padding-bottom: 60px;

  & h2 {
    margin-bottom: 40px;
    text-align: left;
    position: relative;
    z-index: 2;
    font-family: var(--title-font);

    @media(max-width: 600px) {
      margin-bottom: 20px;
    }
  }


}

.form-switch__Tn8Rb2Hv {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 32px;

  & span {
    color: #171717;
    text-align: center;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: -0.32px;
  }

  & a {
    color: #FFA600;
    font-family: 'Roboto';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
  }
}

.form-disclaimer__Tn8Rb2Hv {
  text-align: center;
  color: #171717;
  text-align: center;
  font-family: 'Roboto';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  & span {
    color: #171717;
    text-align: center;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }

  & a {
    color: #FFA600;
    text-align: center;
    font-family: 'Roboto';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline;
  }
}

.success-message__Tn8Rb2Hv {
  margin-top: 15px;
  text-align: center;
  color: #000;
  display: none;

  &.active {
    display: block;
  }
}

.disclaimer-Tn8Rb2Hv {
  margin-bottom: 60px;

  & .disclaimer-inner__Tn8Rb2Hv {
    border-radius: 40px;
    border: 1px solid #10919F;
    background: linear-gradient(180deg, #0B0A0F 0%, #0D1413 47.12%, #1E2E2E 100%);
    padding-top: 16px;
    padding-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;

    @media(max-width: 700px) {
      /* padding: 24px 16px; */
    }

    & .disclaimer-icon__Tn8Rb2Hv {
      margin-bottom: 24px;
      width: 80px;
      height: 70px;



      & img {
        object-fit: contain;
        width: 100%;
        height: 100%;
      }
    }


    & .disclaimer-text__Tn8Rb2Hv {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      color: #F1F1F1;
      text-align: center;

    }
  }
}

.logo_Tn8Rb2Hv {
  max-width: 331px;
  width: 100%;
  height: 172px;
  object-fit: contain;
}

footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #066670;
  display: flex;
  flex-direction: column;
  align-items: center;

  & img {}

  & address {
    color: #FFF;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 11px;
    /* 208.333% */
  }

  & .privacy-link-Tn8Rb2Hv {
    color: #FFF;

    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
  }
}

.text-page-Tn8Rb2Hv {
  position: relative;
  padding-bottom: 60px;

  & img {
    /* position: absolute;
    left: 0;
    top: 0; */
    height: 220px;
    object-fit: cover;
    width: 100%;
    margin-bottom: 48px;
  }

  & h1 {
    color: #303030;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: 23.1px;
    margin-bottom: 48px;
    /* 110% */

  }

  & h2 {
    margin-bottom: 16px;
    color: #303030;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 142.857% */
  }

  & ul {
    margin-bottom: 16px;
    padding-left: 25px;
    list-style: disc;

    /* &:has(+p) {
      margin-bottom: 0;
    } */

    & li {
      color: #303030;
      text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 25px;
      /* 178.571% */
    }
  }

  & p {
    color: #303030;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 16px;

    /* &:has(+ul) {
      margin-bottom: 0;
    } */
  }

  & span {
    color: #303030;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    /* 178.571% */
    margin-bottom: 10px;

    /* &:has(+ul) {
      margin-bottom: 0;
    } */
  }

  & .high-h2 {
    color: #303030;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.00);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    /* 100% */
  }

  & a {
    color: #0AAABC;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
  }
}

.overlay-Tn8Rb2Hv {
  /* background-color: #0009; */
  background: rgba(66, 66, 66, 0.48);
  backdrop-filter: blur(12.550000190734863px);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  display: none;
}

.overlay-page-Tn8Rb2Hv {
  /* background-color: #0009; */
  background: rgba(66, 66, 66, 0.48);
  backdrop-filter: blur(12.550000190734863px);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 50;
  display: none;
}

.overlay-page-Tn8Rb2Hv.active {
  display: block;
}


.overlay-Tn8Rb2Hv.active {
  display: block;
}

.modal-Tn8Rb2Hv {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 51;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;

  & .modal-inner__Tn8Rb2Hv {
    max-width: 520px;
    width: 100%;
    padding: 20px;
    position: relative;
    border-radius: 5px;
    background: radial-gradient(237.9% 141.42% at 0% 100%, rgba(50, 21, 11, 1) 0%, rgba(13, 0, 0, 1) 100%);
    backdrop-filter: blur(3px);

    @media(max-width: 700px) {
      width: 98%;
      padding: 10px;
    }

    & .close-btn__Tn8Rb2Hv {
      position: absolute;
      top: 32px;
      right: 29px;
      cursor: pointer;

      & img {
        width: 14px;
        height: 14px;
      }
    }

    & img {
      width: 40px;
      height: 40px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      text-align: center;
      display: block;
    }

    & .modal-title__Tn8Rb2Hv {
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      line-height: 120%;
      /* 19.2px */
      text-transform: uppercase;
      color: #FF8E05;
      margin-bottom: 10px;
      text-align: center;
    }

    & .modal-title-subtitle__Tn8Rb2Hv {
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      text-align: center;
      margin-bottom: 20px;
      color: #fff;
      text-align: center;
    }

    & .age-buttons__Tn8Rb2Hv {
      display: flex;
      justify-content: center;
      flex-direction: column;
      gap: 12px;

      & .btn-filled__Tn8Rb2Hv {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        width: 100%;
      }

      & .btn-simple__Tn8Rb2Hv {
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding-left: 6px;
        padding-right: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 100%;
        width: 100%;
      }
    }

    & .form-Tn8Rb2Hv {
      & input {
        background: #E4E4E4;
        padding: 24px;
        display: block;
        width: 100%;
        height: 55px;
        border-radius: 14px;
        margin-bottom: 12px;
      }

      & .btn-filled__Tn8Rb2Hv {
        max-width: 100%;
        width: 100%;
      }
    }

    & .modal-bottom__Tn8Rb2Hv {
      display: flex;
      justify-content: center;
      gap: 8px;
      margin-top: 12px;

      & span {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        color: #fff;
      }

      & a {
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        background: linear-gradient(90deg, #6C877E 0%, #D1FF88 100%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
    }
  }
}

.modal-Tn8Rb2Hv.active {
  display: flex;
}

.thx-modal {
  & .modal-inner__Tn8Rb2Hv {
    border-radius: 40px;
    background: #0B0A0F;
    padding: 32px;

    & .modal-sup__Tn8Rb2Hv {
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      margin-bottom: 8px;
      color: #DCDCDC;
      font-family: var(--title-font);
      text-align: center;
    }

    & .modal-title__thx-Tn8Rb2Hv {
      font-size: 40px;
      font-style: normal;
      font-weight: 400;
      line-height: 50px;
      color: var(--light-color);
      font-family: var(--title-font);
      margin-bottom: 24px;
      text-align: center;
    }

    & .btn-filled__Tn8Rb2Hv {
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
    }

    & .btn-simple__Tn8Rb2Hv {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 100%;
    }
  }
}

/* about page */

.about-mainscreen_Tn8Rb2Hv {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #FFF4E3;
  backdrop-filter: blur(12.5px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  & h1 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #222;
    margin-bottom: 24px;
    font-family: var(--title-font);
    text-align: center;
  }

  & p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    color: #222;
    text-align: center;
  }
}

.image-block__Tn8Rb2Hv {
  display: flex;
  align-items: center;
  gap: 24px;

  @media(max-width: 700px) {
    flex-direction: column-reverse;
  }

  & .image-block__image-Tn8Rb2Hv {
    max-width: 610px;
    width: 100%;
    height: 388px;
    border-radius: 30px;
    overflow: hidden;

    @media(max-width: 700px) {
      height: 209px;
    }

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    & video {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }

  & .image-block__info-Tn8Rb2Hv {
    max-width: 606px;
    width: 100%;

    & h2 {
      margin-bottom: 10px;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
      color: #222;
    }

    & p {
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
      color: #222;

      &:last-child {
        margin-top: 16px;
      }
    }
  }
}

.mission-Tn8Rb2Hv.cream {
  & .image-block__Tn8Rb2Hv {
    @media(max-width: 700px) {
      flex-direction: column
    }
  }
}

.advantages-Tn8Rb2Hv {
  padding-top: 60px;
  padding-bottom: 60px;

  @media(max-width: 600px) {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  & h2 {
    margin-bottom: 40px;
    text-align: left;

    @media(max-width: 600px) {
      margin-bottom: 20px;
    }
  }

  & .advantages-items__inner-Tn8Rb2Hv {
    display: flex;
    gap: 40px;
    align-items: center;

    @media(max-width: 992px) {
      flex-direction: column;
      gap: 20px;
    }

    & .advantages-items__Tn8Rb2Hv {
      display: flex;
      flex-direction: column;
      gap: 20px;

      & .advantages-item__Tn8Rb2Hv {
        border-radius: 5px;
        background: #242D3D;
        padding: 20px;

        @media(max-width: 600px) {
          padding: 10px;
        }

        & p {
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 120%;
          /* 24px */
          text-transform: uppercase;
          color: var(--light-color);

          @media(max-width: 600px) {
            font-size: 12px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%;
          }
        }
      }
    }

    & .advantages-items__image-Tn8Rb2Hv {
      max-width: 598px;
      width: 100%;
      border-radius: 5px;
      overflow: hidden;
      height: 520px;

      @media(max-width: 992px) {
        height: initial;
        aspect-ratio: 1.15 / 1;
      }

      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }
  }


  /* & .advantages-items__Tn8Rb2Hv {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;

      @media(max-width: 1200px) {
        grid-template-columns: repeat(2, 1fr);
      }

      @media(max-width: 992px) {
        grid-template-columns: repeat(1, 1fr);
      }

      & .advantages-item__Tn8Rb2Hv {
        padding: 24px;
        border-radius: 40px;
        border: 1px solid var(--stroke, #10919F);
        background: linear-gradient(180deg, #0B0A0F 0%, #0D1413 47.12%, #1E2E2E 100%);
        min-height: 361px;

        @media(max-width: 992px) {
          min-height: 383px;
        }

        & .advantages-item__image-Tn8Rb2Hv {
          width: 100%;
          height: 100px;
          margin-bottom: 10px;

          & img {
            object-fit: contain;
            width: 100%;
            height: 100%;
            object-position: center;
          }
        }

        & h3 {
          font-size: 26px;
          font-style: normal;
          font-weight: 400;
          line-height: 33px;
          color: #fff;
          height: 99px;
          font-family: var(--title-font);
          text-align: center;
          margin-bottom: 24px;

          @media(max-width: 768px) {
            font-size: 26px;
            font-style: normal;
            font-weight: 400;
            line-height: 33px;
          }
        }

        & p {
          font-size: 16px;
          font-style: normal;
          font-weight: 400;
          line-height: 22px;
          color: #fff;
          text-align: center;
        }
      }
    } */

}

/* .cream {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #FFF4E3;
  backdrop-filter: blur(12.5px);
} */

/* .transparent {
  padding-top: 0;
  padding-bottom: 0;
  background: transparent;

  & .advantages-inner__Tn8Rb2Hv {
    & h2 {
      margin-bottom: 24px;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: #222;
      text-align: center;
    }

    & .advantages-items__Tn8Rb2Hv {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;

      @media(max-width: 992px) {
        grid-template-columns: repeat(1, 1fr);
      }


      & .advantages-item__Tn8Rb2Hv {
        padding: 16px;
        border-radius: 20px;
        background: transparent;
        border: 1px solid #555454;
        max-width: 292px;
        width: 100%;

        @media(max-width: 992px) {
          min-height: 310px;
        }

        & h3 {
          color: #222;
        }

        & p {
          color: #222;
        }
      }
    }
  }
} */

/* about page  end*/

.form-section__Tn8Rb2Hv.contact-page {
  & .form-section__inner-Tn8Rb2Hv {
    padding: 0;

    & h2 {
      font-family: var(--title-font);
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }

    & .form-Tn8Rb2Hv {
      & .form-section__input-Tn8Rb2Hv {
        background: #fff;
        color: #222;
        border: 1px solid #555454;


        &::placeholder {
          color: #222;
        }
      }

      & textarea {
        background: #fff;
        color: #222;
        border: 1px solid #555454;

        &::placeholder {
          color: #222;
        }
      }
    }
  }

}

.bg-game__Tn8Rb2Hv {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  & img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  & .bg-layer__Tn8Rb2Hv {
    background: rgba(10, 170, 188, 0.20);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
}

.game-ms__Tn8Rb2Hv {
  position: relative;
  padding-top: 260px;
  padding-bottom: 316px;
  padding-left: 10vw;

  @media(max-width: 1150px) {
    padding-bottom: 58px;
    padding-left: 15px;
    padding-right: 15px;
  }

  @media(max-width: 992px) {
    padding-top: 75px;
  }


  & .mans-Tn8Rb2Hv {
    position: absolute;
    right: 74px;
    top: 70px;
    max-width: 670px;
    width: 100%;
    height: 45vw;
    z-index: 3;

    @media(max-width: 992px) {
      right: -2rem;
      top: 7rem;
      height: 267px;
    }

    & img {
      object-fit: contain;
      width: 100%;
      height: 100%;
      object-position: right;
    }
  }


  & .game-ms__info-Tn8Rb2Hv {
    position: relative;
    z-index: 3;
    max-width: 434px;
    width: 100%;

    & h1 {
      color: #4A4A4A;
      font-size: 45.5px;
      font-style: normal;
      font-weight: 700;
      line-height: 59.15px;
      /* 130% */
      margin-bottom: 24px;
      text-align: left;

      @media(max-width: 992px) {
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 33.8px;
        margin-bottom: 16px;
        max-width: 233px;
      }
    }

    & p {
      color: #4A4A4A;
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 25.5px;
      /* 150% */
      margin-bottom: 24px;

      @media(max-width: 992px) {
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.5px;
        margin-bottom: 78px;
        max-width: 233px;
      }
    }

    & .btn-black__Tn8Rb2Hv {
      margin-bottom: 16px;
    }
  }

  & .arrow-game__Tn8Rb2Hv {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 50px;
    height: 50px;

    & img {
      object-fit: contain;
      width: 100%;
      height: 100%;
    }
  }

  & .advantages-wrapper__Tn8Rb2Hv {
    @media(max-width: 992px) {
      display: flex;
      justify-content: flex-end;
    }

    & .advantages-man__Tn8Rb2Hv {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 4;
      max-width: 720px;
      width: 100%;
      height: 37vw;

      @media(max-width: 1150px) {
        transform: translateX(-20%);
      }

      @media(max-width: 992px) {
        height: 329px;
        max-width: fit-content;
        transform: translateX(-40%);
      }

      & img {
        object-fit: contain;
        object-position: left;
        width: 100%;
        height: 100%;
      }
    }
  }

  & .game-advantages-Tn8Rb2Hv {
    position: relative;
    z-index: 3;
    max-width: 777px;
    width: 100%;
    margin-top: 414px;
    margin-left: 150px;

    @media(max-width: 1150px) {
      margin-left: 0;
      margin-right: 0;
      max-width: fit-content;

    }

    @media(max-width: 992px) {
      margin-top: 191px;
    }

    & li {
      display: flex;
      gap: 25px;
      justify-content: flex-end;
      padding: 13px 29px;
      background: #FFF;
      box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);

      @media(max-width: 992px) {
        padding-left: 30%;
      }

      & p {
        color: #4A4A4A;
        text-align: right;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 22.1px;
        display: flex;
        align-items: center;

        @media(max-width: 992px) {
          color: #4A4A4A;
          text-align: right;
          font-size: 13px;
          font-style: normal;
          font-weight: 700;
          line-height: 16.9px;
          /* 130% */
        }
      }

      & img {
        height: 39px;
        width: 42px;
        object-fit: contain;
      }
    }
  }
}

.game-slider__Tn8Rb2Hv {
  padding-bottom: 48px;

  @media(max-width: 992px) {
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 26px;
  }

  & .splide {
    max-width: 974px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -50px;

    @media(max-width: 992px) {
      margin-top: 32px;
    }

    & .splide__slide {
      display: flex;
      align-items: flex-end;
      gap: 80px;

      @media(max-width: 700px) {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 30px;
      }

      & h2 {
        color: #545454;
        font-size: 32.5px;
        font-style: normal;
        font-weight: 700;
        line-height: 42.25px;
        margin-bottom: 12px;

        @media(Max-width: 700px) {
          font-size: 20px;
          font-style: normal;
          font-weight: 700;
          line-height: 26px;
          margin-bottom: 12px;
        }
      }

      & p {
        color: #4A4A4A;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 22.5px;

        @media(max-width: 992px) {
          font-size: 13px;
          font-style: normal;
          font-weight: 400;
          line-height: 16.9px;
        }
      }

      & .game-slider__info-image-Tn8Rb2Hv {
        max-width: 288px;
        width: 100%;
        height: 570px;

        & img {
          object-fit: contain;
          width: 100%;
          height: 100%;
        }

        @media(max-width: 700px) {
          max-width: 230px;
          height: 458px;
        }
      }
    }
  }
}

.slider-nav__Tn8Rb2Hv {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;

  & [aria-label="prev button"] {
    transform: rotate(180deg);
  }
}

.splide__pagination__page {
  border-radius: 4px;
  opacity: 0.2;
  background: #000;
}

.splide__pagination__page.is-active {
  border-radius: 4px;
  background: #0AAABC;
  opacity: 1;
  transform: scale(1);
}

.slider-nav__Tn8Rb2Hv button.disable {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.game-disclaimer__Tn8Rb2Hv {
  padding-top: 39px;
  padding-bottom: 78px;
  background-color: #066670;

  @media(max-width: 992px) {
    padding-left: 26px;
    padding-right: 26px;
  }

  & h2 {
    color: #FFF;
    text-align: center;
    font-size: 32.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 42.25px;
    margin-bottom: 15px;
    /* 130% */
  }

  & p {
    color: #FFF;
    text-align: center;
    font-family: "Maven Pro";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.5px;
    max-width: 887px;
    margin-left: auto;
    margin-right: auto;
  }
}

.last-Tn8Rb2Hv {
  position: relative;
  padding-top: 442px;
  padding-bottom: 50px;

  @media(max-width: 600px) {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.small-banner__wrap-Tn8Rb2Hv {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.small-banner__Tn8Rb2Hv {
  position: relative;
  padding: 12px;
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 140px;

  @media(max-width: 600px) {
    width: 90%;
    border-radius: 6px;
    overflow: hidden;
  }

  & .small-banner__bg-Tn8Rb2Hv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }

  & .small-banner__head-Tn8Rb2Hv {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    margin-bottom: 15px;

    @media(max-width: 992px) {
      padding-bottom: 0;
    }

    & .small-banner__time-Tn8Rb2Hv {
      border-radius: 4px;
      background: rgba(4, 8, 35, 0.70);
      padding: 5px;
      display: flex;
      align-items: center;
      gap: 3px;

      & img {
        width: 13px;
        height: 13px;
        object-fit: contain;
      }

      & time {
        color: #FFF;
        font-size: 11.1px;
        font-style: normal;
        font-weight: 500;
        line-height: 11.14px;
        /* 100.36% */
      }
    }

    & .small-banner__ball-Tn8Rb2Hv {
      width: 20px;
      height: 20px;

      & img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }
    }
  }

  & .small-banner__body-Tn8Rb2Hv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2;

    & .small-banner__info-Tn8Rb2Hv {
      display: flex;
      flex-direction: column;
      gap: 30px;

      @media(max-width: 992px) {
        gap: 17px;
      }

      & .small-banner__title-Tn8Rb2Hv {
        color: #FFF;
        text-shadow: 6px 3px 6px rgba(0, 0, 0, 0.60), -2px 2px 6px rgba(0, 0, 0, 0.60), 2px -2px 6px rgba(0, 0, 0, 0.60);
        font-size: 15px;
        font-style: normal;
        font-weight: 700;
        line-height: 19.5px;
        /* 130% */
      }

      & .small-banner__sub-Tn8Rb2Hv {
        display: flex;
        align-items: center;
        gap: 6px;

        & img {
          width: 17px;
          height: 17px;
          object-fit: contain;
        }

        & span {
          color: #E0E0E0;
          text-shadow: 6px 3px 6px rgba(0, 0, 0, 0.60), -2px 2px 6px rgba(0, 0, 0, 0.60), 2px -2px 6px rgba(0, 0, 0, 0.60);
          font-size: 13px;
          font-style: normal;
          font-weight: 700;
          line-height: 16.9px;
          /* 130% */
        }
      }
    }

    & .small-banner__reg__Tn8Rb2Hv {
      display: flex;
      flex-direction: column;
      border-radius: 6px;
      background: #FFA600;
      box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.15) inset;
      padding: 10px;

      & .small-banner__reg__title-Tn8Rb2Hv {
        color: #FFF;
        text-align: center;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 15px;
        /* 100% */
      }

      & .small-banner__reg__text-Tn8Rb2Hv {
        color: #FFF;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 15px;
        /* 125% */
      }
    }
  }
}

.b-mans__Tn8Rb2Hv {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  max-width: 600px;
  width: 100%;
  height: 500px;

  & img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    object-position: bottom;

    @media(max-width: 600px) {
      object-fit: cover;
    }
  }
}

.last-section__info-Tn8Rb2Hv {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;

  & .btn-black__Tn8Rb2Hv {
    margin-bottom: 13px;
  }

  & .btn-orange__Tn8Rb2Hv {
    margin-bottom: 39px;
  }

  & .share-wrap__Tn8Rb2Hv {
    & p {
      color: #FFF;
      text-align: center;
      text-shadow: 1px 1px 2px rgba(51, 51, 51, 0.80);
      font-size: 17px;
      font-style: normal;
      font-weight: 400;
      line-height: 22.1px;
      /* 130% */
      margin-bottom: 14px;
    }

    & .share-links__Tn8Rb2Hv {
      display: flex;
      gap: 4px;
      align-items: center;

      & li {
        & a {
          display: flex;
          width: 38px;
          height: 38px;

          & img {
            object-fit: contain;
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}

.game-detail__Tn8Rb2Hv {
  padding-top: 32px;
  padding-bottom: 97px;
  position: relative;
  min-height: 100vh;

  & .game-detail-bg__Tn8Rb2Hv {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}

.cookie-banner__Tn8Rb2Hv {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #333;
  z-index: 5;

  & .cookie-banner__inner-Tn8Rb2Hv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }

  & .cookie-banner__text-Tn8Rb2Hv {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    @media(Max-width: 992px) {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
    }
  }

  & .agree_Tn8Rb2Hv {
    color: #FFF;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    /* 100% */
    padding: 11px 19px;
    display: flex;
    min-height: 13px;
    padding: 11px 19.5px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #FFA600;
    box-shadow: 0 0 0 0 rgba(51, 51, 51, 0.15) inset;
    white-space: nowrap;
  }
}

.game-detail__content-Tn8Rb2Hv {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  position: relative;
  z-index: 2;

  @media(max-width: 992px) {
    gap: 20px;
    justify-content: space-between;
  }



  & .game-detail__content-banner__Tn8Rb2Hv {
    max-width: 160px;
    width: 100%;
    height: 600px;
    border-radius: 6px;
    overflow: hidden;

    @media(max-width: 800px) {
      display: none;
    }

    & img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
}

.side-menu__Tn8Rb2Hv {
  position: fixed;
  right: 0;
  top: 0;
  width: 276px;
  height: 100vh;
  background-color: var(--light-color);
  z-index: 51;
  right: -100%;
  transition: all .3s ease-in;

  & .side-menu__inner-Tn8Rb2Hv {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    height: 100%;

    & .side-menu__logo-Tn8Rb2Hv {
      width: 175px;
      height: 43px;
      margin-bottom: 16px;
      margin-left: auto;
      margin-right: auto;

      & img {
        object-fit: contain;
        object-position: center;
        width: 100%;
        height: 100%;
      }
    }

    & .btn-orange__Tn8Rb2Hv {
      margin-bottom: 16px;
    }

    & .terms__link-Tn8Rb2Hv {
      padding-top: 16px;
      color: #4A4A4A;
      font-size: 13px;
      font-style: normal;
      font-weight: 500;
      line-height: 13px;
      border-bottom: 1px solid #D4D4D4;
      padding-bottom: 15px;
      display: flex;
      /* 100% */
    }

    & .side-copy__Tn8Rb2Hv {
      color: #828282;
      text-align: center;
      font-size: 11px;
      font-style: normal;
      font-weight: 400;
      line-height: 14.3px;
      text-align: center;
      margin-top: auto;
    }
  }

  &.active {
    right: 0;
    transition: all .3s ease-in;
  }
}

.mobile-menu__Tn8Rb2Hv {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 3px solid #066670;
  background: #0AAABC;
  display: none;

  @media(max-width: 992px) {
    display: block;
  }

  & .container {
    padding-left: 0;
    padding-right: 0;
  }

  & .mobile-menu__inner-Tn8Rb2Hv {
    display: flex;
    justify-content: center;

    & nav {
      width: 70%;

      & ul {
        display: flex;
        align-items: center;
        height: 100%;

        & li {
          display: block;
          width: 100%;
          height: 100%;
          min-width: 100px;
          max-width: 130px;

          & a {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 8px;
            height: 100%;
            width: 100%;
            min-width: 100px;
            max-width: 130px;

            & img {
              width: 16px;
              height: 15px;
              object-fit: contain;
            }

            &.current {
              background-color: #066670;
            }
          }
        }
      }
    }

    & .menu-btn__Tn8Rb2Hv {
      padding: 8px;
      width: 30%;

      & img {
        width: 28px;
        height: 28px;
        object-fit: contain;
      }
    }
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.ranking-content__Tn8Rb2Hv {
  background-color: #fff;
  border-radius: 6px 6px 0 0;
}

.ranking-banner__Tn8Rb2Hv {
  height: 209px;
  width: 100%;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  margin-bottom: 12px;

  & img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  & .ranking-banner__info-Tn8Rb2Hv {
    position: absolute;
    top: 10px;
    left: 0;
    right: 10px;
    z-index: 2;

    & h1 {
      color: #FFF;
      text-align: center;
      font-size: 17px;
      font-style: normal;
      font-weight: 700;
      line-height: 22.1px;
      /* 130% */
    }

    & p {
      color: #FFF;
      text-align: center;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 16.9px;
      /* 130% */
    }
  }

}

.ranking-text__Tn8Rb2Hv {
  color: #4A4A4A;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 16.9px;
  margin-bottom: 8px;
  text-align: center;
  padding-left: 13px;
  padding-right: 13px;
  /* 130% */
}

.ranking-cup__Tn8Rb2Hv {
  width: 110px;
  height: 110px;
  margin-left: auto;
  margin-right: auto;

  & img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}

.modal-frame__Tn8Rb2Hv,
.overlay-Tn8Rb2Hv {
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.modal-frame__Tn8Rb2Hv.active,
.overlay-Tn8Rb2Hv.active {
  opacity: 1;
  visibility: visible;
}

.overlay-Tn8Rb2Hv {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
}

.modal-frame__Tn8Rb2Hv {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
}

.no-scroll {
  overflow: hidden;
}


.text-page__logo-Tn8Rb2Hv {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  height: 172px;
  max-width: 331px;
  width: 100%;

  & img {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}

.modal-frame__inner-Tn8Rb2Hv {
  max-width: 600px;
  width: 100%;
  height: 300px;

  & .close-modal__Tn8Rb2Hv {
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  & .video-container {
    width: 100%;
    height: 100%;
    & iframe {
      width: 100%;
      height: 300px;
    }
  }

}