.visually-hidden-x7q5Az {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}
html {
  scroll-behavior: smooth;
  font-size: 17px;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  color: var(--text-l);
  background-color: var(--bg-main);
  color: var(--text-l);
  font-family: var(--font-main);
}
* {
  padding: 0px;
  margin: 0px;
  border: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
a,
a:link,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
aside,
nav,
footer,
header,
section,
main {
  display: block;
}
img {
  vertical-align: top;
}
img,
svg {
  max-width: 100%;
  height: auto;
}
address {
  font-style: normal;
}
input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}
input::-ms-clear {
  display: none;
}
input:focus,
input:active,
button:focus,
button:active {
  outline: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
label {
  cursor: pointer;
}
legend {
  display: block;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../gmpr-fonts/gmpr-montserrat-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../gmpr-fonts/gmpr-montserrat-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../gmpr-fonts/gmpr-inter-300.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../gmpr-fonts/gmpr-inter-400.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../gmpr-fonts/gmpr-inter-700.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
:root {
  --c-main: #d7b822;
  --c-light: #ffffff;
  --c-dark: #191819;
  --c-grey: #808095;
  --text-grey: #5d5d5d;
  --bg-main: #181818;
  --bg-d: #161616;
  --bg-m: #5d5d5d;
  --bg-l: #efece7;
  --btn-cookie: #ebb3ff;
  --btn: #ebb3ff;
  --border: #947fc6;
  --grad: linear-gradient(180deg, #261c3e 0%, #181818 100%);
  --text-l: #fff;
  --text-d: #3b3227;
  --text-m: #5d5d5d;
  --text-c: #ebb3ff;
  --font-main: "Inter", sans-serif;
  --font-title: "Montserrat", sans-serif;
}
html,
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
}
.footer-x7q5Az {
  margin-top: auto;
}
.tx-center-x7q5Az {
  text-align: center;
}
.tx-underline-x7q5Az {
  text-decoration-line: underline;
  text-decoration-color: var(--c-main);
  text-decoration-style: solid;
  text-underline-offset: 8px;
}
.tx-l-x7q5Az {
  color: var(--c-text-l) !important;
}
.tx-d-x7q5Az {
  color: var(--c-text-d) !important;
}
.tx-b-x7q5Az {
  font-weight: 700;
}
.tx-c-x7q5Az {
  color: var(--text-c);
}
.grid-2col-x7q5Az {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.mb50-x7q5Az {
  margin-bottom: 50px;
}
.mb20-x7q5Az {
  margin-bottom: 20px;
}
.pb50-x7q5Az {
  padding-bottom: 50px;
}
.br-x7q5Az {
  margin-bottom: 10px;
}
.container-x7q5Az {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1200px) {
  .container-x7q5Az {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .container-x7q5Az {
    padding: 0 16px;
  }
}
.section__title-x7q5Az {
  font-family: var(--font-title);
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.section__title-s-x7q5Az {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.section__description-x7q5Az {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}
.button-x7q5Az {
  display: inline-block;
  color: var(--text-d);
  font-family: var(--font-main);
  font-weight: 800;
  width: max-content;
  transition: all 0.3s ease;
  padding: 12px 16px;
  background: var(--btn);
  border: 2px solid var(--btn);
  border-radius: 10px;
}
.button-x7q5Az:hover {
  opacity: 0.7;
}
.button-x7q5Az.btn-d-x7q5Az {
  background: rgba(235, 179, 255, 0.1490196078);
  color: var(--text-l);
}
a {
  transition: opacity 0.3s ease;
}
a:hover {
  transition: opacity 0.3s ease;
  opacity: 0.7;
}
.age-popup-x7q5Az {
  padding: 20px;
  width: 430px;
  max-width: 90vw;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: var(--c-dark);
  z-index: 10;
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.age-popup--hidden-x7q5Az {
  left: -200%;
}
.agreements-x7q5Az {
  margin-bottom: clamp(20px, 5vw, 50px);
}
.agreements-x7q5Az h1,
.agreements-x7q5Az h2,
.agreements-x7q5Az h3 {
  padding: 10px 0;
}
.agreements-x7q5Az p {
  padding: 10px 0;
}
.agreements-x7q5Az ul,
.agreements-x7q5Az ol {
  padding-left: 1rem;
}
.agreements__heading-x7q5Az {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 16px;
  align-items: center;
}
.main-x7q5Az {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 20px;
}
.about__main-x7q5Az {
  margin-top: 70px;
  margin-bottom: 70px;
}
.about-x7q5Az {
  text-align: center;
}
.about__title-x7q5Az {
  text-align: center;
  margin-bottom: 40px;
}
.mission__item-icon-x7q5Az {
  margin: auto;
  width: 100px;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.mission__item-x7q5Az:nth-child(1) .mission__item-icon-x7q5Az {
  background-image: url(../gmpr-img/gampr-icons/gmpr-student.svg);
}
.mission__item-x7q5Az:nth-child(2) .mission__item-icon-x7q5Az {
  background-image: url(../../gmpr-img/gampr-icons/gampr-transparency.svg);
}
.mission__item-x7q5Az:nth-child(3) .mission__item-icon-x7q5Az {
  background-image: url(../../gmpr-img/gampr-icons/gampr-quiz.svg);
}
.mission__item-title-x7q5Az {
  margin-bottom: auto;
  font-size: 24px;
}
.mission__text-x7q5Az {
  margin-top: auto;
}
.methods-x7q5Az {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}
.methods__title-x7q5Az {
  margin-bottom: 40px;
}
.about__main-x7q5Az .methods__list-x7q5Az {
  grid-template-columns: repeat(3, 1fr);
}
.methods__item-title-x7q5Az {
  font-size: 24px;
}
@media (max-width: 768px) {
  .about__main-x7q5Az .methods__list-x7q5Az {
    grid-template-columns: 1fr;
  }
}
.main__choosing-x7q5Az {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.choosing__title-x7q5Az {
  margin-bottom: 40px;
}
.choosing__list-x7q5Az {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  perspective: 1200px;
  transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.choosing__list-x7q5Az:hover .choosing__item-x7q5Az:not(:hover) {
  transform: rotateZ(-5deg) translateZ(-400px);
  opacity: 0.6;
  box-shadow: 0px 0px 20px 0px rgba(69, 7, 87, 0.9);
}
.choosing__item-x7q5Az {
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: var(--grad);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 16px;
  border-radius: 20px;
  border: 2px solid var(--border);
  align-items: stretch;
  justify-content: space-between;
}
.choosing__item-x7q5Az:hover {
  transform: translateZ(50px);
  z-index: 1;
  opacity: 1;
  box-shadow: 0px 0px 20px 0px rgba(175, 12, 221, 0.9);
}
.choosing__item-x7q5Az:hover .choosing__pic-x7q5Az {
  filter: drop-shadow(0px 0px 20px rgba(251, 122, 180, 0.9));
  transform: scale(1.1);
}
.choosing__step-x7q5Az {
  width: 100%;
  background: linear-gradient(90deg, #f7971e 0%, #ffd200 100%);
  padding: 8px;
  border-radius: 5px;
  text-transform: uppercase;
  color: var(--text-d);
  font-weight: 700;
  font-family: var(--font-title);
}
.choosing__subtitle-x7q5Az {
  font-size: 24px;
}
.choosing__pic-x7q5Az {
  width: 100px;
  height: 100px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 1.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  margin: auto;
}
.choosing__item-x7q5Az:nth-child(1) .choosing__pic-x7q5Az {
  background-image: url("/gmpr-img/gampr-icons/gmpr-privacy.svg");
}
.choosing__item-x7q5Az:nth-child(2) .choosing__pic-x7q5Az {
  background-image: url("/gmpr-img/gampr-icons/gmpr-clearance.svg");
}
.choosing__item-x7q5Az:nth-child(3) .choosing__pic-x7q5Az {
  background-image: url("/gmpr-img/gampr-icons/gmpr-canter.svg");
}
.choosing__item-x7q5Az:nth-child(4) .choosing__pic-x7q5Az {
  background-image: url("/gmpr-img/gampr-icons/gmpr-certificate.svg");
}
@media (max-width: 600px) {
  .choosing__list-x7q5Az {
    grid-template-columns: 1fr;
  }
  .choosing__item-x7q5Az {
    max-width: 420px;
    margin: auto;
  }
}
.contacts__main-x7q5Az {
  padding-top: 70px;
  padding-bottom: 70px;
}
.contacts__title-x7q5Az {
  margin-bottom: 40px;
}
.contact__wrapper-x7q5Az {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}
.contact__picture-x7q5Az {
  background-image: url(../gmpr-img/gmpr-bg/gmpr-contacts.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid var(--btn);
  border-radius: 20px;
}
.contact__info-x7q5Az {
  display: grid;
  gap: 20px;
}
.contact__form-x7q5Az {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
.contact__label-x7q5Az {
  width: 100%;
}
.contact__input-x7q5Az {
  width: 100%;
  background-color: #fff;
  padding: 16px;
  border-radius: 10px;
  color: var(--text-d);
}
.contact__error-x7q5Az input {
  outline: 3px inset tomato;
}
.contact__error-x7q5Az .text-help-x7q5Az {
  color: tomato;
  margin-top: 8px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  width: 100%;
}
.contact__button-x7q5Az {
  width: 100%;
}
.contact__button-x7q5Az:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.contacts__contact-block-x7q5Az {
  padding: 20px;
  border: 2px solid var(--btn);
  border-radius: 20px;
  background: var(--grad);
}
.contact__list-x7q5Az {
  list-style: none;
  display: grid;
  gap: 10px;
}
.contact__list-x7q5Az a {
  color: inherit;
}
.contact__item-x7q5Az {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}
.contact__item-x7q5Az:nth-child(1)::before {
  content: url("../gmpr-img/gampr-icons/gmpr-map.svg");
  display: grid;
  place-items: center;
}
.contact__item-x7q5Az:nth-child(2)::before {
  content: url("../gmpr-img/gampr-icons/gmpr-mail.svg");
  display: grid;
  place-items: center;
}
.contact__item-x7q5Az:nth-child(3)::before {
  content: url("../gmpr-img/gampr-icons/gmpr-phone.svg");
  display: grid;
  place-items: center;
}
.contact__success-x7q5Az {
  position: fixed;
  top: 5vh;
  right: -200%;
  padding: 20px;
  background-color: rgb(176, 247, 176);
  color: darkgreen;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: 400px;
  max-width: 70vw;
  font-size: clamp(12px, 3vw, 17px);
  font-weight: 700;
  border: 2px solid darkgreen;
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.contact__success--show-x7q5Az {
  right: 20px;
}
@media (max-width: 768px) {
  .contact__wrapper-x7q5Az {
    grid-template-columns: 1fr;
  }
  .contact__picture-x7q5Az {
    aspect-ratio: 16/6;
  }
}
@media (max-width: 468px) {
  .contact__picture-x7q5Az {
    display: none;
  }
}
.cookie-popup-x7q5Az {
  position: fixed;
  bottom: 0;
  right: -200%;
  padding: clamp(20px, 5vw, 30px);
  background-color: var(--c-dark);
  color: var(--c-text-light);
  max-width: 405px;
  width: 100%;
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25),
    inset 0px 0px 40px 0px rgba(0, 0, 0, 0.35);
  padding: 20px;
}
@media (max-width: 394px) {
  .cookie-popup-x7q5Az {
    width: 100%;
  }
}
.cookie-popup-x7q5Az.p-active-x7q5Az {
  right: 0;
}
.popup__heading-x7q5Az {
  font-size: 1.5rem;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 10px;
}
.popup__buttons-x7q5Az {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding-top: 20px;
}
.cookie-popup__button-x7q5Az {
  border: 2px solid var(--btn);
  background-color: var(--btn);
  color: var(--text-d);
  font-weight: 700;
  padding: 10px 10px;
  transition: all 0.3s ease;
  border-radius: 5px;
  min-width: 45%;
  text-align: center;
}
.cookie-popup__button-x7q5Az:hover {
  border-color: wheat;
  box-shadow: inset 0px 0px 20px 0px rgba(250, 54, 54, 0.65);
}
.button-acc-x7q5Az {
  background-color: var(--text-d) !important;
  color: var(--text-l);
}
.main__disclaimer-x7q5Az {
  padding-top: 20px;
  padding-bottom: 20px;
}
.disclaimer__grid-x7q5Az {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.disclaimer__age-x7q5Az {
  height: 100%;
  width: 100%;
  background-image: url(../gmpr-img/gampr-icons/gampr-desc-age.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  overflow: hidden;
}
.disclaimer__info-x7q5Az {
  padding-bottom: clamp(5px, 6vw, 60px);
  display: grid;
  gap: 16px;
}
@media (max-width: 1024px) {
  .disclaimer__grid-x7q5Az {
    grid-template-columns: 1fr 2fr;
  }
  .disclaimer__age-x7q5Az {
    background-size: contain;
  }
}
@media (max-width: 468px) {
  .disclaimer__grid-x7q5Az {
    grid-template-columns: 1fr;
  }
  .disclaimer__age-x7q5Az {
    background-size: contain;
    min-width: 100%;
    aspect-ratio: 608/300;
  }
}
.footer-x7q5Az {
  padding: 70px 0;
  background: linear-gradient(0deg, #261c3e -6.21%, #181818 100%);
}
.footer__container-x7q5Az {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
}
.footer__contact-x7q5Az {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
.footer__title-x7q5Az {
  font-weight: 700;
}
.footer__link-x7q5Az {
  color: var(--btn);
}
.footer__links-x7q5Az {
  display: flex;
  gap: 28px;
  max-width: 500px;
  justify-content: space-between;
}
.footer__socials-list-x7q5Az {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  list-style: none;
}
.footer__nav-list-x7q5Az {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
}
@media (max-width: 960px) {
  .footer__socials-list-x7q5Az {
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .footer__links-x7q5Az {
    flex-wrap: wrap;
  }
  .footer__social-care-x7q5Az img {
    width: clamp(66px, 20vw, 143px);
  }
}
.header-x7q5Az {
  width: 100%;
  z-index: 1;
  background-color: var(--bg-d);
}
.header__wrapper-x7q5Az {
  padding-top: 5px;
  padding-bottom: 5px;
  color: var(--text-l);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.header__nav-list-x7q5Az {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style-type: none;
}
.header__nav--item-x7q5Az {
  padding: 10px;
}
.header__nav--link-x7q5Az {
  color: var(--text-l);
  text-align: center;
}
.header__nav--link-x7q5Az .button-x7q5Az {
  color: var(--text-d);
}
.burger-x7q5Az {
  display: none;
}
@media (max-width: 786px) {
  .header__wrapper-x7q5Az {
    justify-content: space-between;
  }
  .header__logo-x7q5Az {
    width: 52px;
    height: 44px;
  }
  .header-x7q5Az {
    position: relative;
    justify-content: end;
  }
  .header__nav-list-x7q5Az {
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-200%);
    display: grid;
    grid-template-columns: 1fr;
    background-color: var(--c-light);
    padding: 60px 30px;
    border-radius: 0 0 20px 0;
    box-shadow: 2px 2px 12px #000;
    transition: all 0.3s ease;
  }
  .header__nav-list--active-x7q5Az {
    transform: translateX(0%);
    transition: all 0.3s ease;
    z-index: 2;
    background-color: #000;
  }
  .burger-menu-x7q5Az {
    display: block;
    position: absolute;
    right: 16px;
    top: 19px;
    width: 40px;
    height: 24px;
    z-index: 5;
  }
  .burger-x7q5Az {
    border: none;
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
  }
  .burger-x7q5Az span {
    width: 100%;
    height: 3px;
    border-radius: 10px;
    background: var(--btn);
    border-radius: 3px;
    transition: 0.3s;
  }
  .burger-x7q5Az.active-x7q5Az span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }
  .burger-x7q5Az.active-x7q5Az span:nth-child(2) {
    opacity: 0;
  }
  .burger-x7q5Az.active-x7q5Az span:nth-child(3) {
    transform: translateY(-12px) rotate(-45deg);
  }
}
@media (max-width: 786px) and (max-width: 360px) {
  .header__nav--item-x7q5Az .button-x7q5Az {
    padding: 10px 25px;
  }
}
.main__how-works-x7q5Az {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.how-work__title-x7q5Az {
  margin-bottom: 40px;
}
.how-works__list-x7q5Az {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  perspective: 1200px;
  transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.how-works__list-x7q5Az:hover .how-works__item-x7q5Az:not(:hover) {
  transform: rotateZ(5deg) translateZ(-200px);
  opacity: 0.6;
  box-shadow: 0px 0px 20px 0px rgba(69, 7, 87, 0.9);
}
.how-works__item-x7q5Az {
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: var(--grad);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 16px;
  border-radius: 20px;
  border: 2px solid var(--border);
  align-items: stretch;
  justify-content: space-between;
}
.how-works__item-x7q5Az:hover {
  transform: translateZ(50px);
  z-index: 1;
  opacity: 1;
  box-shadow: 0px 0px 20px 0px rgba(175, 12, 221, 0.9);
}
.how-works__step-x7q5Az {
  width: 100%;
  background: linear-gradient(90deg, #f7971e 0%, #ffd200 100%);
  padding: 8px;
  border-radius: 5px;
  text-transform: uppercase;
  color: var(--text-d);
  font-weight: 700;
  font-family: var(--font-title);
}
.how-works__subtitle-x7q5Az {
  font-size: 24px;
  margin-bottom: auto;
}
@media (max-width: 924px) {
  .how-works__list-x7q5Az {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .how-works__list-x7q5Az {
    grid-template-columns: 1fr;
  }
  .how-works__item-x7q5Az {
    max-width: 420px;
    margin: auto;
  }
}
.top-x7q5Az {
  padding-top: clamp(24px, 10vw, 120px);
  padding-bottom: clamp(24px, 10vw, 120px);
  background: linear-gradient(
      180deg,
      rgba(24, 24, 24, 0) 0%,
      rgba(24, 24, 24, 0.51) 53.07%,
      #181818 100%
    ),
    url(../gmpr-img/gmpr-bg/gmpr-main-top.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}
.top__info-x7q5Az {
  max-width: 612px;
  margin-right: auto;
  width: 100%;
  display: grid;
  gap: 16px;
}
.top__title-x7q5Az {
  font-size: clamp(28px, 3vw, 38px);
}
.top__buttons-x7q5Az {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.top__button-x7q5Az {
  width: 100%;
  text-align: center;
}
@media (max-width: 468px) {
  .top__buttons-x7q5Az {
    grid-template-columns: 1fr;
  }
  .top-x7q5Az {
    background: var(--grad);
  }
}
.main__platforms-x7q5Az {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
}
.platforms__title-x7q5Az {
  margin-bottom: 40px;
}
.platforms__list-x7q5Az {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  perspective: 2000px;
  transition: all 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.platforms__list-x7q5Az:hover .platforms__item-x7q5Az:not(:hover) {
  transform: rotateY(10deg) translateZ(-200px);
  opacity: 0.6;
  box-shadow: 0px 0px 20px 0px rgba(69, 7, 87, 0.9);
}
.platforms__item-x7q5Az {
  transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  background: var(--grad);
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 16px;
  border-radius: 20px;
  border: 2px solid var(--border);
  align-items: stretch;
  justify-content: space-between;
}
.platforms__item-x7q5Az:hover {
  transform: translateZ(50px);
  z-index: 1;
  opacity: 1;
  box-shadow: 0px 0px 20px 0px rgba(175, 12, 221, 0.9);
}
.platforms__item-x7q5Az:hover .platform__pic-x7q5Az {
  filter: drop-shadow(0px 0px 20px rgba(251, 122, 180, 0.9));
  transform: scale(1.1);
}
.platform__pic-x7q5Az {
  transition: all 1s cubic-bezier(0.34, 1.56, 0.64, 1);
  margin: auto;
}
.platform__description-x7q5Az {
  margin-top: auto;
  margin-bottom: auto;
}
.platforms__link-x7q5Az {
  width: 100%;
}
@media (max-width: 864px) {
  .platforms__list-x7q5Az {
    grid-template-columns: repeat(2, 1fr);
  }
  .platforms__item-x7q5Az:last-child {
    grid-column: 1/-1;
    max-width: 50vw;
    min-width: 280px;
    margin: auto;
  }
}
@media (max-width: 612px) {
  .platforms__item-x7q5Az {
    grid-column: 1/-1;
    max-width: 70vw;
    min-width: 280px;
    margin: auto;
  }
  .platforms__item-x7q5Az:last-child {
    max-width: 70vw;
  }
}
@media (max-width: 468px) {
  .platforms__item-x7q5Az,
  .platforms__item-x7q5Az:last-child {
    max-width: 100%;
    min-width: unset;
  }
}
.popup-x7q5Az {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  backdrop-filter: blur(15px) saturate(50%);
  display: grid;
  place-items: center;
  z-index: 100;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.popup--shown-x7q5Az {
  opacity: 1;
  pointer-events: auto;
}
.popup__inner-x7q5Az {
  max-width: 80vw;
  padding: clamp(20px, 4vw, 40px);
  width: 600px;
  border-radius: 30px;
  background-color: var(--bg-main);
  height: max-content;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  position: relative;
}
.popup__close-x7q5Az {
  position: absolute;
  top: 20px;
  right: 20px;
  aspect-ratio: 1;
  transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.popup__close-x7q5Az:hover {
  transform: rotate(90deg);
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.popup__button-x7q5Az {
  width: 100%;
}
.popup__changer-x7q5Az {
  text-align: right;
}
.popup__changer-x7q5Az button {
  font-weight: 700;
  color: var(--btn);
  cursor: pointer;
}
.popup__final-x7q5Az {
  text-align: center;
  color: darkred;
  background-color: rgb(250, 197, 187);
  font-weight: 700;
  font-size: 15px;
  padding: 16px;
  border-radius: 16px;
  height: max-content;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 1;
}
.popup__final--hide-x7q5Az {
  height: 0;
  padding: 0;
  opacity: 0;
}
.tickets-x7q5Az {
  padding-top: 60px;
  padding-bottom: 60px;
}
.tickets__title-x7q5Az {
  margin-bottom: 40px;
}
.tickets__grid-x7q5Az {
  display: grid;
  grid-template-columns: 798fr 381fr;
  gap: 20px;
}
.tickets__balls-x7q5Az {
  background: var(--grad);
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--btn);
  display: grid;
  gap: 24px;
}
.tickets__subtitle-x7q5Az {
  text-align: center;
  font-size: 24px;
}
.tickets__lotto-option-x7q5Az {
  background-color: var(--text-l);
  padding: 16px;
  color: var(--text-d);
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
}
.tickets__balls-list-x7q5Az {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-width: 580px;
  width: 100%;
  margin: auto;
}
.tickets__ball-x7q5Az {
  width: clamp(48px, 6vw, 76px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--text-l);
  color: var(--text-d);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.tickets__ball-x7q5Az:hover {
  outline: 4px solid var(--btn);
}
.tickets__ball--selected-x7q5Az {
  background: linear-gradient(90deg, #f7971e 0%, #ffd200 100%);
}
.tickets__balls-buttons-x7q5Az {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
  gap: 8px;
}
.tickets__balls-buttons-x7q5Az button {
  width: 100%;
  cursor: pointer;
}
.tickets__balls-chosed-x7q5Az {
  color: greenyellow;
  text-align: center;
  font-weight: 700;
  transition: height 0.5s ease;
  height: 0;
  overflow: hidden;
  font-size: 14px;
}
.tickets__balls-chosed--show-x7q5Az {
  height: 2em;
}
.tickets__cart-x7q5Az {
  align-self: start;
  background: var(--grad);
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--btn);
  display: grid;
  gap: 12px;
}
.tickets__payment-option-x7q5Az {
  margin-top: 20px;
}
.tickets__submit-button-x7q5Az {
  width: 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}
.tickets__submit-button-x7q5Az:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
@media (max-width: 900px) {
  .tickets__grid-x7q5Az {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 768px) {
  .tickets__grid-x7q5Az {
    grid-template-columns: 1fr;
  }
}
.about {
  padding: 20px;
}
.about h2 {
  color: var(--black_text, #fff);
  text-align: center;
  /* H2 */
  font-family: Montserrat;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
  text-transform: uppercase;
}
.about .about-box {
  margin-top: 44px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 1240px) {
  .about .about-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.about .about-box .about-box-texts {
  order: 2;
  max-width: 608px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  text-align: start;
}
@media (max-width: 1240px) {
  .about .about-box .about-box-texts {
    order: 1;
  }
}
.about .about-box .about-box-texts h3 {
  color: var(--white, #fff);
  /* H3 */
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 116.667% */
  text-transform: uppercase;
}
.about .about-box .about-box-texts p {
  color: var(--text-gray, #e8e8e8);
  /* p_regular */
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 141.176% */
}
.about .about-box .about-image {
  order: 1;
  background-image: url("/gmpr-img/gmpr-cards/about-section.webp");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: clamp(280px, 40vw, 608px);
  height: clamp(312px, 40vw, 608px);
}
@media (max-width: 1240px) {
  .about .about-box .about-image {
    order: 2;
  }
}