/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/assets/styles/_entry.scss ***!
  \******************************************************************************************************************************************************************/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  background: none;
  vertical-align: baseline;
  text-decoration: none;
}

html {
  height: 100%;
  width: 100%;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  user-select: none; /* Standard */
  overflow: auto;
}
html:has([data-popup].is__open) {
  overflow: hidden;
}

body {
  height: 100%;
  width: 100%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow: auto;
}
body:has([data-popup].is__open) {
  overflow: hidden;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

a:hover, button:hover {
  cursor: pointer;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

:root {
  --family-montserrat: "Montserrat", sans-serif;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #111a29;
  overflow-x: hidden;
}
body .center__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body main, body footer {
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  body {
    background-color: #041026;
  }
}
@media screen and (max-width: 480px) {
  body footer {
    padding-left: 10px;
  }
}

body, * {
  scrollbar-width: thin;
  scrollbar-color: #696969 #020105;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #111a29;
  z-index: 100;
}
@media screen and (max-width: 480px) {
  header {
    background-color: transparent;
  }
}
header .app__panel {
  display: none;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 0;
  padding: 8px 16px;
  background-color: #182133;
}
header .app__panel.open {
  display: flex;
  height: max-content;
}
header .app__panel__title {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
header .app__panel__title img {
  display: flex;
  width: auto;
  height: 18px;
  margin-right: 8px;
}
header .app__panel__title span {
  display: flex;
  color: #ffffff;
  font-family: var(--family-montserrat);
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
}
header .app__panel__link {
  display: flex;
  margin: 0 12px;
  padding: 8px;
  border: 1px solid #87F031;
  border-radius: 4px;
  color: #ffffff;
  font-family: var(--family-montserrat);
  font-weight: 600;
  font-size: 10px;
  line-height: 11px;
}
header .app__panel__close {
  width: 16px;
  height: 16px;
}
header .center__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 11px 20px;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
@media screen and (max-width: 1480px) {
  header .center__wrapper {
    padding: 12px 16px;
  }
}
@media screen and (max-width: 480px) {
  header .center__wrapper {
    padding: 5px 10px;
  }
}
header .center__wrapper .header__link__logo {
  position: relative;
  width: max-content;
  min-width: 105px;
  height: 40px;
  margin-right: 10px;
}
@media screen and (max-width: 1366px) {
  header .center__wrapper .header__link__logo {
    margin-right: 0;
  }
}
@media screen and (max-width: 1199px) {
  header .center__wrapper .header__link__logo {
    min-width: 86px;
    height: 36px;
  }
}
@media screen and (max-width: 414px) {
  header .center__wrapper .header__link__logo {
    min-width: 68px;
    height: 30px;
  }
}
@media screen and (max-width: 360px) {
  header .center__wrapper .header__link__logo {
    min-width: 60px;
    height: 36px;
  }
}
@media screen and (max-width: 320px) {
  header .center__wrapper .header__link__logo {
    min-width: 35px;
  }
}
header .center__wrapper .header__link__logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
header .center__wrapper .header__nav {
  flex: 1;
}
header .center__wrapper .header__nav.topmenu > ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
@media screen and (max-width: 1366px) {
  header .center__wrapper .header__nav.topmenu > ul {
    display: none;
  }
}
header .center__wrapper .header__nav.topmenu > ul li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 12px;
}
@media screen and (max-width: 1800px) {
  header .center__wrapper .header__nav.topmenu > ul li {
    padding: 0;
  }
}
header .center__wrapper .header__nav.topmenu > ul li a,
header .center__wrapper .header__nav.topmenu > ul li div, header .center__wrapper .header__nav.topmenu > ul li > span {
  padding: 11px;
  border-radius: 8px;
  color: #ffffff;
  font-family: var(--family-montserrat);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: capitalize;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1600px) {
  header .center__wrapper .header__nav.topmenu > ul li a,
  header .center__wrapper .header__nav.topmenu > ul li div, header .center__wrapper .header__nav.topmenu > ul li > span {
    font-size: 14px;
  }
}
header .center__wrapper .header__nav.topmenu > ul li a:hover,
header .center__wrapper .header__nav.topmenu > ul li div:hover, header .center__wrapper .header__nav.topmenu > ul li > span:hover {
  background-color: #21264c;
}
header .center__wrapper .header__nav.topmenu > ul li a img,
header .center__wrapper .header__nav.topmenu > ul li div img, header .center__wrapper .header__nav.topmenu > ul li > span img {
  display: none;
}
header .center__wrapper .header__nav.topmenu > ul .gamification__title:after {
  transform: rotate(0);
  content: "";
  width: 10px;
  margin-left: 10px;
  height: 5px;
  background: url("data:image/svg+xml,%3Csvg width=%2710%27 height=%276%27 viewBox=%270 0 10 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M0.599976 1L4.59998 5L8.59998 1%27 stroke=%27%23838486%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat center center;
  transition: all 0.3s;
}
header .center__wrapper .header__nav.topmenu > ul .gamification__submenu {
  position: absolute;
  top: 53px;
  display: none;
  height: auto;
  width: 382px;
  padding: 10px 0;
  border-radius: 0 0 8px 8px;
  background-color: #111a29;
  transition: all 0.3s;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-20px);
}
header .center__wrapper .header__nav.topmenu > ul .gamification__submenu__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1px 19px;
  width: 100%;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s;
}
header .center__wrapper .header__nav.topmenu > ul .gamification__submenu__link a,
header .center__wrapper .header__nav.topmenu > ul .gamification__submenu__link div {
  display: flex;
  align-items: center;
  gap: 16px;
}
header .center__wrapper .header__nav.topmenu > ul .gamification__submenu__link a img,
header .center__wrapper .header__nav.topmenu > ul .gamification__submenu__link div img {
  height: 24px;
  width: 24px;
  display: block;
}
header .center__wrapper .header__nav.topmenu > ul .gamification:hover .gamification__submenu {
  opacity: 1;
  visibility: visible;
  display: block;
}
header .center__wrapper .header__nav.topmenu > ul .gamification:hover .gamification__title:after {
  transform: rotate(-180deg);
}
header .center__wrapper .header__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
header .center__wrapper .header__buttons .header__button__support {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 1024px) {
  header .center__wrapper .header__buttons .header__button__support {
    display: none;
  }
}
header .center__wrapper .header__buttons .header__button__support img {
  width: 24px;
  height: 24px;
}
header .center__wrapper .header__buttons .header__button__support:hover {
  background-color: #21264c;
}
header .center__wrapper .header__buttons .header__button__signup,
header .center__wrapper .header__buttons .header__button__login {
  width: 130px;
  height: 40px;
  border-radius: 4px;
  font-family: var(--family-montserrat);
  font-weight: 600;
  font-size: 16px;
  line-height: 19.5px;
  text-align: center;
  box-shadow: none;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 480px) {
  header .center__wrapper .header__buttons .header__button__signup,
  header .center__wrapper .header__buttons .header__button__login {
    width: 80px;
    height: 29px;
    font-size: 10px;
    line-height: 12.5px;
  }
}
header .center__wrapper .header__buttons .header__button_green {
  background-color: #87f031;
  border: 1px solid #87f031;
  color: #2d2a26;
}
header .center__wrapper .header__buttons .header__button_green:hover {
  background-color: #8fe846;
}
header .center__wrapper .header__buttons .header__button_green-outlined {
  background-color: transparent;
  border: 1px solid #87f031;
  color: #ffffff;
}
header .center__wrapper .header__buttons .header__button_green-outlined:hover {
  background-color: rgba(135, 240, 49, 0.2);
}

@keyframes mobile-app-banner-slide-top {
  0% {
    transform: translate(-50%, 200px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
.mobileAppBanner {
  display: none;
  position: fixed;
  width: calc(100% - 40px);
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0);
  padding: 12px 46px 12px 12px;
  background: #ffffff;
  border: 1px solid #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  line-height: 17px;
  justify-content: space-between;
  align-items: center;
  max-width: 350px;
  overflow: hidden;
  animation: mobile-app-banner-slide-top 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  z-index: 999;
}

@media screen and (max-width: 599px) {
  .mobileAppBanner {
    display: flex;
    bottom: 75px;
    max-height: 60px;
  }
}
@media screen and (max-width: 480px) {
  .mobileAppBanner {
    display: flex;
    bottom: 65px;
    max-height: 60px;
  }
}
.mobileAppBanner_logo {
  display: flex;
}

.mobileAppBanner_text {
  display: flex;
  flex-direction: column;
  padding: 0 3px 0 8px;
  flex: auto;
}

.mobileAppBanner_title {
  font-family: var(--family-montserrat);
  font-weight: bold;
  font-size: 14px;
}

.mobileAppBanner_description {
  font-family: var(--family-montserrat);
  color: #929292;
  font-size: 10px;
}

.mobileAppBanner_button {
  font-family: "Arial", sans-serif !important;
  background: #87f031;
  border-radius: 8px;
  font-weight: bold;
  font-size: 12px;
  text-transform: none;
  min-width: 0;
  min-height: 0;
  padding: 9px 12px;
}

.mobileAppBanner_close {
  position: absolute;
  right: 8px;
  top: 10px;
}

.mobileAppBanner_close span {
  display: flex;
}

.iconButton {
  margin-left: auto;
  z-index: 1;
  stroke: #999DAD;
}

.iconButton svg {
  stroke: #999DAD;
}

.iconButton:hover,
.iconButton:active {
  background: transparent !important;
}

.iconButton:hover svg,
.iconButton:active svg {
  stroke: #73788C;
}

@media (hover: none) {
  .iconButton {
    background: transparent !important;
    animation: none !important;
  }
}
main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 40px;
  width: 100%;
  gap: 32px;
  font-family: var(--family-montserrat);
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  main {
    gap: 24px;
  }
}
@media screen and (max-width: 480px) {
  main {
    padding-top: 40px;
  }
}
main .layout__container, main .trustpilot__wrapper, main .recent__bets, main .app__download, main .gamification, main .jackpot__games, main .featured__odds, main .secure__payments, main .explore__games, main .main__choices {
  width: 1436px;
  max-width: 90vw;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  main .layout__container, main .trustpilot__wrapper, main .recent__bets, main .app__download, main .gamification, main .jackpot__games, main .featured__odds, main .secure__payments, main .explore__games, main .main__choices {
    max-width: calc(100% - 32px);
  }
}
@media screen and (max-width: 414px) {
  main .layout__container, main .trustpilot__wrapper, main .recent__bets, main .app__download, main .gamification, main .jackpot__games, main .featured__odds, main .secure__payments, main .explore__games, main .main__choices {
    max-width: calc(100% - 20px);
  }
}
main .main__choices {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
@media screen and (max-width: 700px) {
  main .main__choices {
    flex-direction: column;
  }
}
main .main__choices article {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  border-radius: 16px;
  border: 1px solid #A24CF7;
  box-shadow: 20px 14px 24px 0 rgba(0, 0, 0, 0.75);
  width: 100%;
  padding: 24px;
  overflow: hidden;
  aspect-ratio: 712/379;
  position: relative;
}
@media screen and (max-width: 1024px) {
  main .main__choices article {
    padding: 16px;
    aspect-ratio: 362/300;
  }
}
@media screen and (max-width: 700px) {
  main .main__choices article {
    aspect-ratio: 382/218;
  }
}
main .main__choices article.choice__sport {
  z-index: 1;
}
main .main__choices article .choice__title {
  max-width: 300px;
  font-size: 42px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
  outline: none;
  text-decoration: none;
  white-space: pre-line;
  cursor: pointer;
}
@media screen and (max-width: 1366px) {
  main .main__choices article .choice__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1199px) {
  main .main__choices article .choice__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1024px) {
  main .main__choices article .choice__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 847px) {
  main .main__choices article .choice__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 700px) {
  main .main__choices article .choice__title {
    font-size: clamp(32px, 7vw, 50px);
  }
}
@media screen and (max-width: 360px) {
  main .main__choices article .choice__title {
    font-size: 24px;
  }
}
main .main__choices article .choice__bonus {
  font-size: 24px;
  line-height: 1.2;
  text-transform: uppercase;
  max-width: 300px;
  margin-top: 4px;
}
main .main__choices article .choice__bonus-value {
  font-weight: 700;
}
main .main__choices article .choice__bonus-text {
  font-weight: 500;
}
@media screen and (max-width: 1366px) {
  main .main__choices article .choice__bonus {
    font-size: 20px;
    max-width: 250px;
  }
}
@media screen and (max-width: 1199px) {
  main .main__choices article .choice__bonus {
    font-size: 16px;
    max-width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  main .main__choices article .choice__bonus {
    font-size: 20px;
    max-width: 250px;
  }
  main .main__choices article .choice__bonus-value {
    font-weight: 500;
  }
}
@media screen and (max-width: 847px) {
  main .main__choices article .choice__bonus {
    font-size: 16px;
    max-width: 200px;
  }
}
@media screen and (max-width: 700px) {
  main .main__choices article .choice__bonus {
    font-size: clamp(16px, 3vw, 25px);
    max-width: 60%;
  }
}
@media screen and (max-width: 360px) {
  main .main__choices article .choice__bonus {
    font-size: 12px;
  }
}
main .main__choices article .article__bottom {
  display: flex;
  gap: 12px;
  align-items: center;
}
main .main__choices article .choice__cta {
  width: 214px;
  height: 58px;
  border-radius: 6.5px;
  font-family: var(--family-montserrat);
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  box-shadow: none;
  background-color: #87f031;
  color: #2d2a26;
}
@media screen and (max-width: 1366px) {
  main .main__choices article .choice__cta {
    width: 130px;
    height: 50px;
  }
}
@media screen and (max-width: 1199px) {
  main .main__choices article .choice__cta {
    font-size: 13px;
    width: 104px;
    height: 40px;
  }
}
@media screen and (max-width: 1024px) {
  main .main__choices article .choice__cta {
    font-size: 18px;
    width: 120px;
  }
}
@media screen and (max-width: 700px) {
  main .main__choices article .choice__cta {
    font-size: clamp(13px, 3vw, 20px);
    padding: 12px 24px;
    width: auto;
    height: auto;
    line-height: 1.2;
    border-radius: 8px;
  }
}
@media screen and (max-width: 567px) {
  main .main__choices article .choice__cta {
    padding: 0;
    width: 104px;
    height: 40px;
  }
}
main .main__choices article .choice__label {
  display: flex;
  flex-direction: column;
  line-height: 1.1;
}
main .main__choices article .choice__label span {
  font-size: 18px;
  font-weight: 600;
  font-variant: all-small-caps;
}
main .main__choices article .choice__label b {
  font-size: 26px;
  font-weight: 800;
}
@media screen and (max-width: 1366px) {
  main .main__choices article .choice__label b {
    font-size: 20px;
  }
}
@media screen and (max-width: 567px) {
  main .main__choices article .choice__label span {
    font-size: 13px;
  }
}
main .explore__games {
  margin-top: 12px;
}
main .explore__games .explore__card {
  display: flex;
  align-items: end;
  height: 450px;
  padding-top: 12px;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: inset 0 0 0 2px #202B3E;
  cursor: pointer;
}
@media screen and (max-width: 480px) {
  main .explore__games .explore__card {
    height: 480px;
  }
}
@media screen and (max-width: 414px) {
  main .explore__games .explore__card {
    height: 450px;
  }
}
main .explore__games .explore__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
  padding: 40px 24px;
  width: 100%;
}
main .explore__games .explore__content p {
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  font-variant: all-small-caps;
}
main .explore__games .explore__content h3 {
  font-size: 36px;
  font-weight: 800;
  line-height: 0.8;
}
@media screen and (max-width: 768px) {
  main .explore__games .explore__content {
    padding: 16px;
    gap: 2px;
  }
  main .explore__games .explore__content p {
    font-size: 16px;
    line-height: 24px;
  }
  main .explore__games .explore__content h3 {
    font-size: 24px;
    line-height: 28px;
  }
}
@media screen and (max-width: 480px) {
  main .explore__games .explore__content h3 {
    max-width: 250px;
  }
}
main .secure__payments {
  padding: 40px 24px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(144, 144, 144, 0.5) 0%, rgba(25, 39, 62, 0.5) 76.05%);
}
main .secure__payments::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(170, 170, 170, 0.8) 2.25%, rgba(53, 74, 107, 0.8) 96.52%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
main .secure__payments p {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  font-variant: all-small-caps;
}
main .secure__payments h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  margin-top: 16px;
}
main .secure__payments .payments__list {
  display: flex;
  gap: 16px;
}
main .secure__payments .payments__list div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 93.7px;
  height: 64.4px;
  border-radius: 7.5px;
  background: #fff;
}
main .secure__payments .payments__list div img {
  width: 79.6px;
  max-height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1366px) {
  main .secure__payments p {
    font-size: 18px;
    line-height: 1.5;
  }
  main .secure__payments h3 {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 0;
  }
}
@media screen and (max-width: 1024px) {
  main .secure__payments {
    padding: 28px 16px 24px;
    gap: 16px;
    flex-wrap: wrap-reverse;
  }
  main .secure__payments .payments__list {
    justify-content: center;
    width: 100%;
    gap: 8px;
  }
}
@media screen and (max-width: 768px) {
  main .secure__payments p {
    font-size: 16px;
  }
  main .secure__payments h3 {
    font-size: 24px;
  }
  main .secure__payments .payments__list div {
    width: 61.8px;
    height: 42.5px;
    border-radius: 5px;
  }
  main .secure__payments .payments__list div img {
    width: 52.5px;
  }
}
@media screen and (max-width: 480px) {
  main .secure__payments {
    padding: 24px 16px 20px;
  }
  main .secure__payments h3 {
    font-size: 18px;
  }
}
main .featured__odds {
  padding: 40px 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background: #19273E;
}
main .featured__odds::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(53, 74, 107, 0.8) 0%, rgba(170, 170, 170, 0.8) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
main .featured__odds h3 {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: capitalize;
}
main .featured__odds p {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}
main .featured__odds .widget__wrapper {
  margin-top: 24px;
}
@media screen and (max-width: 1366px) {
  main .featured__odds h3 {
    font-size: 30px;
  }
  main .featured__odds p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  main .featured__odds {
    padding: 32px 20px 24px;
  }
}
@media screen and (max-width: 768px) {
  main .featured__odds h3 {
    font-size: 24px;
  }
  main .featured__odds p {
    font-size: 16px;
  }
  main .featured__odds .widget__wrapper {
    margin-top: 16px;
  }
}
@media screen and (max-width: 480px) {
  main .featured__odds h3 {
    font-size: 18px;
  }
  main .featured__odds p {
    margin-top: 6px;
  }
}
main .jackpot__games {
  height: 360px;
  position: relative;
  overflow-x: clip;
  margin-top: 30px;
}
@media screen and (max-width: 1024px) {
  main .jackpot__games {
    height: 340px;
  }
}
@media screen and (max-width: 768px) {
  main .jackpot__games {
    height: 281px;
  }
}
@media screen and (max-width: 480px) {
  main .jackpot__games {
    height: 250px;
  }
}
main .jackpot__games .jackpot__side__images img {
  position: absolute;
  pointer-events: none;
  touch-action: none;
}
main .jackpot__games .jackpot__side__images img.left__side {
  width: 170px;
  top: -51px;
  left: 0;
}
main .jackpot__games .jackpot__side__images img.right__side {
  width: 205px;
  top: -56px;
  right: 0;
}
@media screen and (max-width: 768px) {
  main .jackpot__games .jackpot__side__images img.left__side {
    width: 120px;
    top: -30px;
    left: -5px;
  }
  main .jackpot__games .jackpot__side__images img.right__side {
    width: 140px;
    top: -20px;
    right: -10px;
  }
}
main .jackpot__games .img-wrapper-cover {
  border-radius: 12px;
  overflow: hidden;
}
main .jackpot__games .games__list {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
main .jackpot__games .games__list .game__card {
  width: 130px;
  min-width: 130px;
  aspect-ratio: 130/193;
  cursor: pointer;
}
main .jackpot__games .games__list .game__card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
main .jackpot__games .games__list .game__card.loading {
  border-radius: 4px;
}
@media screen and (max-width: 768px) {
  main .jackpot__games .games__list {
    bottom: 38px;
  }
  main .jackpot__games .games__list .game__card {
    width: 92px;
    min-width: 92px;
  }
  main .jackpot__games .games__list .game__card:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  main .jackpot__games .games__list {
    bottom: 44px;
  }
  main .jackpot__games .games__list .game__card {
    width: 68px;
    min-width: 68px;
  }
  main .jackpot__games .games__list .game__card:last-of-type {
    display: flex;
  }
}
main .jackpot__games .jackpot__amount {
  color: #FFD700;
  text-align: center;
  text-shadow: 0 10.737px 48.316px rgba(255, 246, 0, 0.6);
  font-family: Teko;
  font-size: 96.631px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 9.663px;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  main .jackpot__games .jackpot__amount {
    font-size: 70px;
  }
}
@media screen and (max-width: 768px) {
  main .jackpot__games .jackpot__amount {
    text-shadow: 0 4px 18px rgba(255, 246, 0, 0.6);
    font-size: 36px;
    letter-spacing: 3.6px;
  }
}
@media screen and (max-width: 480px) {
  main .jackpot__games .jackpot__amount {
    top: 20px;
  }
}
main .jackpot__games .jackpot__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 32px;
  background: linear-gradient(0deg, #0A0F42 34.98%, rgba(0, 0, 0, 0) 100%);
  backdrop-filter: blur(3px);
  border-radius: 0 0 12px 12px;
}
main .jackpot__games .jackpot__footer p {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
main .jackpot__games .jackpot__footer h4 {
  margin-top: 12px;
  font-size: 36px;
  font-weight: 800;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  main .jackpot__games .jackpot__footer {
    padding: 11px 16px;
  }
  main .jackpot__games .jackpot__footer p {
    font-size: 16px;
  }
  main .jackpot__games .jackpot__footer h4 {
    font-size: 24px;
    margin-top: 0;
  }
}
main .gamification .gamification__cards {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
@media screen and (max-width: 1024px) {
  main .gamification .gamification__cards {
    gap: 12px;
  }
}
main .gamification .gamification__cards .card {
  display: flex;
  height: 185px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 0;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
main .gamification .gamification__cards .card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
main .gamification .gamification__cards .card.missions {
  border: 1px solid rgba(228, 220, 241, 0.5);
  background: rgba(246, 14, 43, 0.4);
}
main .gamification .gamification__cards .card.missions img {
  right: 15px;
}
main .gamification .gamification__cards .card.missions p {
  background: linear-gradient(180deg, rgba(150, 0, 60, 0) 0.47%, #96003C 100%);
}
main .gamification .gamification__cards .card.tournaments {
  background: rgba(33, 45, 215, 0.4);
}
main .gamification .gamification__cards .card.tournaments::before {
  background: linear-gradient(180deg, rgba(106, 106, 106, 0.6), rgba(212, 212, 212, 0.6));
}
main .gamification .gamification__cards .card.tournaments p {
  background: linear-gradient(178deg, rgba(33, 45, 215, 0) 9.34%, #212DD7 95.58%);
}
main .gamification .gamification__cards .card.promo {
  background: #764300;
}
main .gamification .gamification__cards .card.promo::before {
  background: linear-gradient(0deg, #000000, #F3C0C0);
}
main .gamification .gamification__cards .card.promo p {
  background: linear-gradient(180deg, rgba(213, 71, 15, 0) 0.39%, #D5470F 87.67%);
}
main .gamification .gamification__cards .card img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 70%;
  object-fit: contain;
}
main .gamification .gamification__cards .card p {
  padding: 16px 32px;
  width: 100%;
  height: 100px;
  display: flex;
  align-items: center;
  text-shadow: 0 1.498px 1.498px rgba(0, 0, 0, 0.25);
  font-size: 32px;
  font-weight: 700;
  line-height: 0.9;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  main .gamification .gamification__cards .card img {
    max-width: auto;
    width: auto;
    height: 85%;
    right: auto;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
  }
  main .gamification .gamification__cards .card p {
    padding: 12px 8px;
    text-align: center;
    justify-content: center;
    align-items: end;
    line-height: 1;
    font-size: 24px;
  }
  main .gamification .gamification__cards .card.missions {
    background: rgba(246, 14, 43, 0.3);
  }
  main .gamification .gamification__cards .card.missions img {
    height: 95%;
    left: 40%;
  }
}
@media screen and (max-width: 768px) {
  main .gamification .gamification__cards .card {
    height: 140px;
  }
  main .gamification .gamification__cards .card p {
    font-size: 16px;
    height: 67px;
  }
  main .gamification .gamification__cards .card img {
    min-width: 119px;
  }
  main .gamification .gamification__cards .card.missions img {
    min-width: 134px;
    left: 43%;
  }
}
@media screen and (max-width: 480px) {
  main .gamification .gamification__cards .card.missions img {
    left: -38px;
    transform: none;
  }
}
main .app__download {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  position: relative;
  border-radius: 16px;
  padding: 24px;
  background: linear-gradient(180deg, rgba(19, 30, 51, 0.5) 0%, rgba(25, 39, 62, 0.5) 76.05%);
}
@media screen and (max-width: 1024px) {
  main .app__download {
    padding: 16px 16px 24px;
  }
}
main .app__download::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(186.51deg, rgba(170, 170, 170, 0.8) 2.25%, rgba(53, 74, 107, 0.8) 96.52%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
main .app__download .section__text {
  margin: 0 0 12px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  main .app__download .section__text {
    margin: 0;
    line-height: 1.5;
  }
}
main .app__download .app__download__apps {
  margin-top: 32px;
  display: flex;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main .app__download .app__download__apps {
    margin-top: 16px;
    flex-direction: column;
  }
}
main .app__download .app__download__apps .app__download__item {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px;
  background: #1F2836;
  backdrop-filter: blur(8px);
  padding: 24px;
}
main .app__download .app__download__apps .app__download__item .app__download__content {
  display: flex;
  align-items: center;
  gap: 10px;
}
main .app__download .app__download__apps .app__download__item .app__download__content img {
  width: 70px;
  height: 70px;
}
main .app__download .app__download__apps .app__download__item .app__download__content h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}
main .app__download .app__download__apps .app__download__item .app__download__content p {
  color: rgba(255, 255, 255, 0.5);
  margin-top: 6px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  main .app__download .app__download__apps .app__download__item {
    padding: 0;
    background-color: transparent;
  }
  main .app__download .app__download__apps .app__download__item .app__download__content img {
    width: 58px;
    height: 58px;
  }
  main .app__download .app__download__apps .app__download__item .app__download__content h4 {
    line-height: 1;
    font-size: 16px;
  }
  main .app__download .app__download__apps .app__download__item .app__download__content p {
    margin-top: 10px;
    line-height: 1;
    font-size: 14px;
  }
  main .app__download .app__download__apps .app__download__item button {
    width: 96px;
  }
}
main .recent__bets {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
main .recent__bets .filter__buttons {
  display: flex;
  gap: 2px;
  border: 1px solid #202D44;
  background: rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 2px;
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  main .recent__bets .filter__buttons {
    border-radius: 12px;
  }
}
@media screen and (max-width: 480px) {
  main .recent__bets .filter__buttons {
    border-radius: 8px;
    width: 100%;
  }
}
main .recent__bets .filter__buttons button {
  min-width: 224.5px;
  height: 56px;
  padding: 14px 20px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0%;
  text-transform: capitalize;
  color: #8990A5;
  transition: all 0.2s;
  position: relative;
}
@media screen and (max-width: 1024px) {
  main .recent__bets .filter__buttons button {
    height: 42px;
    min-width: 176.5px;
    border-radius: 12px;
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  main .recent__bets .filter__buttons button {
    border-radius: 8px;
    height: 32px;
    min-width: fit-content;
    padding: 0 5px;
    flex: 1;
  }
}
main .recent__bets .filter__buttons button::after {
  content: "";
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
  width: 78%;
  height: 3px;
  background-color: transparent;
  border-radius: 3px 3px 0 0;
  transition: all 0.2s;
}
main .recent__bets .filter__buttons button.active {
  background: #2A3950;
  color: #fff;
}
main .recent__bets .filter__buttons button.active::after {
  background-color: #87F031;
}
main .recent__bets .recent__bets__wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 16px 20px 16px;
  border-radius: 12px;
  border: 1px solid #202D44;
  border-top: none;
  background: rgba(255, 255, 255, 0.06);
}
@media screen and (max-width: 480px) {
  main .recent__bets .recent__bets__wrapper {
    padding: 12px 8px 8px;
  }
}
main .recent__bets .recent__bets__wrapper .recent__bets__row {
  display: flex;
  padding: 15px 12px;
}
@media screen and (max-width: 480px) {
  main .recent__bets .recent__bets__wrapper .recent__bets__row {
    padding: 8px 12px;
  }
}
main .recent__bets .recent__bets__wrapper .recent__bets__col {
  flex: 1;
  text-align: center;
}
main .recent__bets .recent__bets__wrapper .recent__bets__col.gree__col {
  color: #87F031;
}
@media screen and (max-width: 1024px) {
  main .recent__bets .recent__bets__wrapper .recent__bets__col.game {
    min-width: 200px;
  }
  main .recent__bets .recent__bets__wrapper .recent__bets__col.player {
    max-width: 150px;
  }
  main .recent__bets .recent__bets__wrapper .recent__bets__col.bet {
    max-width: 120px;
    min-width: fit-content;
  }
  main .recent__bets .recent__bets__wrapper .recent__bets__col.multiplier {
    max-width: 110px;
    min-width: fit-content;
  }
}
@media screen and (max-width: 700px) {
  main .recent__bets .recent__bets__wrapper .recent__bets__col.bet, main .recent__bets .recent__bets__wrapper .recent__bets__col.multiplier {
    display: none !important;
  }
}
@media screen and (max-width: 567px) {
  main .recent__bets .recent__bets__wrapper .recent__bets__col.game {
    min-width: auto;
  }
  main .recent__bets .recent__bets__wrapper .recent__bets__col.win {
    max-width: 90px;
  }
}
main .recent__bets .recent__bets__wrapper .recent__bets__header {
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
}
main .recent__bets .recent__bets__wrapper .recent__bets__header .recent__bets__col:first-child {
  text-align: left;
}
main .recent__bets .recent__bets__wrapper .recent__bets__header .recent__bets__col:last-child {
  text-align: right;
}
main .recent__bets .recent__bets__wrapper .recent__bets__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
main .recent__bets .recent__bets__wrapper .recent__bets__body .recent__bets__row {
  display: flex;
  background: #2C384B;
  border-radius: 12px;
  padding: 13px 12px;
}
main .recent__bets .recent__bets__wrapper .recent__bets__body .recent__bets__col {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  opacity: 0.8;
}
main .recent__bets .recent__bets__wrapper .recent__bets__body .recent__bets__col:first-child {
  text-align: left;
  justify-content: left;
  font-weight: 600;
}
main .recent__bets .recent__bets__wrapper .recent__bets__body .recent__bets__col:last-child {
  text-align: right;
  justify-content: right;
  font-weight: 600;
}
main .recent__bets .recent__bets__wrapper .recent__bets__body .recent__bets__col img {
  width: 20px;
  height: 20px;
}
main .trustpilot__container {
  width: 100%;
}
main .trustpilot__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 24px;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(144, 144, 144, 0.5) 0%, rgba(25, 39, 62, 0.5) 76.05%);
}
main .trustpilot__wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(186.51deg, rgba(170, 170, 170, 0.8) 2.25%, rgba(53, 74, 107, 0.8) 96.52%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
main .trustpilot__wrapper .trustpilot__widget {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main .trustpilot__wrapper .trustpilot__widget__mobile {
  display: none;
}
main .trustpilot__wrapper .trustpilot__widget .trustpilot__logo {
  width: 141px;
}
main .trustpilot__wrapper .trustpilot__widget .trustpilot__content {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #fff;
}
main .trustpilot__wrapper .trustpilot__widget .trustpilot__stars {
  width: 203px;
}
@media screen and (max-width: 1024px) {
  main .trustpilot__wrapper .trustpilot__widget {
    display: none;
  }
  main .trustpilot__wrapper .trustpilot__widget__mobile {
    display: flex;
    flex-direction: column;
    gap: 11.5px;
  }
  main .trustpilot__wrapper .trustpilot__widget .trustpilot__logo {
    width: 117px;
  }
  main .trustpilot__wrapper .trustpilot__widget .trustpilot__content {
    font-size: 14.67px;
  }
  main .trustpilot__wrapper .trustpilot__widget .trustpilot__stars {
    width: 190px;
  }
}
main .main__seo {
  display: flex;
  padding: 24px 40px;
  background: #0e1622;
  color: #ffffff;
  font-family: var(--family-montserrat);
  max-width: 1920px;
}
@media screen and (max-width: 1199px) {
  main .main__seo {
    padding: 24px;
  }
}
@media screen and (max-width: 480px) {
  main .main__seo {
    max-width: calc(100% - 32px);
    margin-bottom: 16px;
    padding: 24px 12px;
  }
}
@media screen and (max-width: 414px) {
  main .main__seo {
    max-width: calc(100% - 20px);
  }
}
main .main__seo .main__seo__scrollarea {
  padding-right: 20px;
  height: 188px;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #4B5C7A #2B3547;
}
main .main__seo .main__seo__scrollarea h1 {
  display: inline-block;
  margin-bottom: 6px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: 800;
  line-height: 16.8px;
  text-transform: uppercase;
}
@media screen and (max-width: 480px) {
  main .main__seo .main__seo__scrollarea h1 {
    padding-right: 0;
  }
}
main .main__seo .main__seo__scrollarea h2 {
  font-size: 13px;
  font-weight: 700;
  line-height: 17px;
}
main .main__seo .main__seo__scrollarea p {
  margin-bottom: 21px;
  font-size: 11px;
  font-weight: 400;
  line-height: 15.4px;
}
@media screen and (max-width: 480px) {
  main .main__seo .main__seo__scrollarea p {
    color: #B0B0C3;
  }
}
main .main__seo .main__seo__scrollarea *:last-child {
  margin-bottom: 0;
}
main .spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
  background: #111a29;
  width: 100%;
  z-index: 1900;
  position: fixed;
  inset: 0;
  overflow: hidden;
  touch-action: none;
}
main .spinner.show {
  opacity: 1;
  pointer-events: all;
}
main .spinner img {
  opacity: 1;
  transition: opacity 0.25s ease-in-out 0s;
  visibility: visible;
  width: 300px;
}
main .btn__outlined {
  display: flex;
  width: 140px;
  height: 46px;
  min-width: fit-content;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  border: 1px solid #849BC4;
  color: #ffffff;
  font-family: var(--family-montserrat);
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  main .btn__outlined {
    width: 104px;
    height: 37px;
    font-size: 13px;
  }
}
main .section__title {
  color: #FFF;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: capitalize;
}
@media screen and (max-width: 768px) {
  main .section__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 480px) {
  main .section__title {
    font-size: 20px;
  }
}
main .section__text {
  margin-top: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  main .section__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 480px) {
  main .section__text {
    font-size: 14px;
  }
}
main .img-wrapper-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
main .img-wrapper-cover img,
main .img-wrapper-cover picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  touch-action: none;
  user-select: none;
}

footer {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 24px 40px 100px;
  background-color: #0E1622;
}
@media screen and (max-width: 1480px) {
  footer {
    padding: 24px 16px 100px;
  }
}
@media screen and (max-width: 1366px) {
  footer {
    padding: 24px 16px 40px;
  }
}
@media screen and (max-width: 1199px) {
  footer {
    gap: 20px;
  }
}
@media screen and (max-width: 740px) {
  footer {
    padding: 24px 10px 85px;
    gap: 12px;
  }
}
footer .center__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1920px;
  gap: 24px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper {
    gap: 16px;
  }
}
@media screen and (max-width: 599px) {
  footer .center__wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper {
    gap: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media screen and (orientation: landscape) {
  footer .center__wrapper {
    flex-direction: row;
  }
}
footer .center__wrapper .footer__nav {
  display: flex;
  flex-direction: row;
  flex-basis: 65%;
  gap: 24px;
  width: 100%;
}
@media screen and (max-width: 1800px) {
  footer .center__wrapper .footer__nav {
    flex-basis: 100%;
    border-bottom: 1px solid #2f3b52;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav {
    flex-direction: column;
    flex-wrap: nowrap;
    text-align: center;
    flex-basis: 100%;
    gap: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__nav {
    flex-direction: column;
    gap: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item {
  display: flex;
  flex-direction: column;
  flex: 1 0 13%;
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item {
    flex: 1 1 13%;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__nav .footer__nav__item {
    margin-bottom: 12px;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item:nth-child(6) {
  margin-right: 16px;
}
@media screen and (max-width: 1800px) {
  footer .center__wrapper .footer__nav .footer__nav__item:nth-child(6) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1280px) {
  footer .center__wrapper .footer__nav .footer__nav__item:nth-child(6) {
    margin-right: 16px;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item:nth-child(6) {
    margin-right: 0;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__title {
  margin-bottom: 12px;
  color: #ffffff;
  font-family: var(--family-montserrat);
  font-size: 16px;
  font-weight: 600;
  line-height: 29px;
  text-transform: capitalize;
}
@media screen and (max-width: 1199px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__title {
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__title {
    margin: 14px 0;
    font-size: 14px;
    line-height: 1;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list {
  display: flex;
  flex-direction: column;
  padding-bottom: 21px;
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list.contact__nav__list {
  padding-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list {
    padding-bottom: 0;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 12px;
  }
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list {
    column-gap: 0;
  }
}
@media screen and (max-width: 768px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list {
    width: calc(100% - 16px);
    margin: 0 auto;
  }
}
@media screen and (max-width: 599px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list {
    padding: 0 16px;
  }
}
@media screen and (max-width: 414px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list {
    padding: 0 20px;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1199px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li {
    padding-bottom: 21px;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li {
    padding: 0 8px 10px;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li a, footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li span {
  width: 100%;
  color: #b1c3e5;
  font-family: var(--family-montserrat);
  font-weight: 600;
  font-size: 14px;
  line-height: 36px;
  text-decoration: underline;
  text-decoration-color: transparent;
  white-space: nowrap;
  transition: text-decoration-color 0.3s ease-in-out;
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li a, footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li span {
    font-size: 12px;
    line-height: 12px;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li a, footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li span {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li a, footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li span {
    width: max-content;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li a:hover, footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list li span:hover {
  text-decoration-color: #b1c3e5;
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list .footer__nav__whatsapp a {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list .footer__nav__whatsapp a p {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.3s ease-in-out;
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list .footer__nav__whatsapp a:hover p {
  text-decoration-color: #b1c3e5;
}
footer .center__wrapper .footer__nav .footer__nav__item .footer__nav__list .footer__nav__whatsapp a span {
  font-size: 9px;
  font-weight: 300;
}
footer .center__wrapper .footer__nav .footer__nav__item .fallback__title {
  color: transparent;
}
footer .center__wrapper .footer__nav .footer__nav__item .trustpilot__widget__wrapper {
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  height: 100px;
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .trustpilot__widget__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .trustpilot__widget__wrapper {
    margin-bottom: 12px;
  }
}
footer .center__wrapper .footer__nav .footer__nav__item .trustpilot__widget__wrapper .trustpilot__widget {
  width: fit-content;
  max-width: 220px;
  position: absolute !important;
  transform: translateX(-10px);
  height: 100px;
}
@media screen and (max-width: 1480px) {
  footer .center__wrapper .footer__nav .footer__nav__item .trustpilot__widget__wrapper .trustpilot__widget {
    transform: translateX(-4px);
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__nav .footer__nav__item .trustpilot__widget__wrapper .trustpilot__widget {
    width: 220px;
    transform: translateX(0);
  }
}
footer .center__wrapper .footer__links {
  border-bottom: none;
  flex: 1 0 13%;
}
@media screen and (max-width: 1800px) {
  footer .center__wrapper .footer__links {
    flex: 1 1 34.3%;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__links {
    flex: 1 1 50%;
    flex-direction: row;
    gap: 24px;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__links {
    flex-direction: column;
    flex: 0 0 236px;
    gap: 16px;
    padding-right: 24px;
    border-right: 1px solid #2f3b52;
  }
}
@media screen and (max-width: 768px) {
  footer .center__wrapper .footer__links {
    gap: 20px;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links {
    display: flex;
    flex-direction: column;
    padding-right: 0;
    border-right: none;
    flex: initial;
    height: auto;
    gap: 0;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links .footer__nav__item {
    border-top: 1px solid #2f3b52;
  }
}
footer .center__wrapper .footer__links .footer__nav__item__social {
  min-width: 205px;
  flex: 1 0 18%;
}
@media screen and (max-width: 1800px) {
  footer .center__wrapper .footer__links .footer__nav__item__social {
    min-width: initial;
    flex: 1 0 14%;
  }
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__links .footer__nav__item__social {
    grid-column: 1/span 2;
  }
}
@media screen and (max-width: 1199px) {
  footer .center__wrapper .footer__links .footer__nav__item .footer__nav__title {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 1024px) {
  footer .center__wrapper .footer__links .footer__nav__item .footer__nav__title {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1;
    text-align: left;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links .footer__nav__item .footer__nav__title {
    padding-top: 12px;
    text-align: center;
  }
}
footer .center__wrapper .footer__links .footer__logos {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links .footer__logos {
    justify-content: center;
  }
}
footer .center__wrapper .footer__links .footer__logos .footer__logos__age {
  display: flex;
  min-width: 32px;
  min-height: 32px;
  justify-content: center;
  align-items: center;
  font-family: var(--family-montserrat);
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  border: 1.5px solid #e10000;
  border-radius: 50%;
  text-transform: capitalize;
  color: #ffffff;
  text-shadow: 0px 18.1818px 36.3636px rgba(0, 0, 0, 0.25);
}
footer .center__wrapper .footer__links .footer__apps {
  display: flex;
  width: 152px;
  flex-direction: column;
  gap: 8px;
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__links .footer__apps {
    width: 110px;
    flex-direction: row;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links .footer__apps {
    margin: 0 auto;
    width: auto;
  }
}
footer .center__wrapper .footer__links .footer__apps img {
  object-fit: contain;
  display: inline-flex;
  align-items: center;
  width: 139px;
  height: 45px;
  cursor: pointer;
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__links .footer__apps img {
    width: 102px;
    height: 33px;
  }
}
footer .center__wrapper .footer__links .footer__socials {
  display: grid;
  grid-template-columns: repeat(3, 42px);
  gap: 8px;
}
footer .center__wrapper .footer__links .footer__socials__default {
  margin-bottom: 20px;
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links .footer__socials__default {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__links .footer__socials {
    grid-template-columns: repeat(3, 26px);
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .footer__links .footer__socials {
    place-content: center;
  }
}
footer .center__wrapper .footer__links .footer__socials .footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  background: #2f3b52;
  border-radius: 5px;
  cursor: pointer;
}
footer .center__wrapper .footer__links .footer__socials .footer__social img {
  width: 23px;
  height: 23px;
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .footer__links .footer__socials .footer__social {
    height: 26px;
  }
  footer .center__wrapper .footer__links .footer__socials .footer__social img {
    width: 13px;
    height: 13px;
  }
}
footer .center__wrapper .award__logo__wrapper {
  display: flex;
  gap: 16px;
  position: absolute;
  right: 0;
  top: 30%;
}
@media screen and (max-width: 1800px) {
  footer .center__wrapper .award__logo__wrapper {
    position: static;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #2f3b52;
  }
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .award__logo__wrapper {
    display: none;
  }
}
footer .center__wrapper .award__logo__wrapper__tablet {
  display: none;
  border-top: none;
}
@media screen and (max-width: 899px) {
  footer .center__wrapper .award__logo__wrapper__tablet {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 0;
    padding-top: 0;
  }
}
@media screen and (max-width: 740px) {
  footer .center__wrapper .award__logo__wrapper__tablet {
    padding: 16px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
}
footer .center__wrapper .award__logo {
  width: 131px;
  height: 98px;
}
footer .footer__payments {
  width: 100%;
}
footer .footer__payments.footer__payments__tablet {
  display: none;
}
@media screen and (max-width: 899px) {
  footer .footer__payments.footer__payments__desktop {
    display: none;
  }
  footer .footer__payments.footer__payments__tablet {
    display: flex;
    flex-direction: column;
    flex: 0 0 292px;
    padding-right: 24px;
    border-right: 1px solid #2f3b52;
  }
}
@media screen and (max-width: 740px) {
  footer .footer__payments {
    border-top: 1px solid #2f3b52;
  }
  footer .footer__payments.footer__payments__tablet {
    flex: initial;
    border-right: none;
    padding-right: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #2f3b52;
  }
}
footer .footer__payments .footer__payments__title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #ffffff;
  font-family: var(--family-montserrat);
  line-height: 29px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  footer .footer__payments .footer__payments__title {
    font-size: 14px;
    line-height: 1;
  }
}
@media screen and (max-width: 740px) {
  footer .footer__payments .footer__payments__title {
    padding-top: 12px;
    text-align: center;
  }
}
footer .footer__payments .footer__payments__options {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (max-width: 899px) {
  footer .footer__payments .footer__payments__options {
    gap: 8px;
  }
}
@media screen and (max-width: 740px) {
  footer .footer__payments .footer__payments__options {
    justify-content: center;
    gap: 8px;
  }
}
footer .footer__payments .footer__payments__options a {
  width: 47px;
  height: 32px;
}
footer .footer__payments .footer__payments__options a.white__bg {
  background-color: #fff;
  border-radius: 4px;
}
footer .footer__payments .footer__payments__options a img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
footer .footer__payments .footer__crypto__options {
  gap: 12px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #2f3b52;
}
@media screen and (max-width: 1199px) {
  footer .footer__payments .footer__crypto__options {
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 899px) {
  footer .footer__payments .footer__crypto__options {
    gap: 0;
  }
}
@media screen and (max-width: 740px) {
  footer .footer__payments .footer__crypto__options {
    padding: 12px 0;
    margin-bottom: 12px;
  }
}
footer .footer__info {
  width: 100%;
  font-family: var(--family-montserrat);
  color: #ffffff;
}
@media screen and (max-width: 1800px) {
  footer .footer__info {
    padding-top: 24px;
    border-top: 1px solid #2f3b52;
  }
}
@media screen and (max-width: 740px) {
  footer .footer__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 12px;
  }
}
footer .footer__info .wiztech-logo {
  height: 40px;
  margin-top: 16px;
}
@media screen and (max-width: 1024px) {
  footer .footer__info .wiztech-logo {
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  footer .footer__info .wiztech-logo {
    margin-top: 12px;
  }
}
@media screen and (max-width: 599px) {
  footer .footer__info .wiztech-logo {
    margin-top: 16px;
  }
}
footer .footer__info .footer__info__title {
  font-size: 13px;
  line-height: 29px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 12px;
  position: relative;
}
@media screen and (max-width: 899px) {
  footer .footer__info .footer__info__title {
    text-align: left;
  }
}
@media screen and (max-width: 740px) {
  footer .footer__info .footer__info__title {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 8px;
  }
}
footer .footer__info .footer__info__container {
  width: 100%;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
}
@media screen and (max-width: 740px) {
  footer .footer__info .footer__info__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
footer .footer__info .footer__info__container p:not(:last-of-type) {
  margin-bottom: 16px;
}
@media screen and (max-width: 599px) {
  footer .footer__info.accordion .footer__info__title {
    cursor: pointer;
  }
  footer .footer__info.accordion .footer__info__title:after {
    content: "";
    width: 20px;
    height: 10px;
    transform: rotate(180deg);
    transition: all 0.2s ease-out;
    background: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2717%27 viewBox=%270 0 16 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.6667 6.21484L8.00008 10.8815L3.33342 6.21484%27 stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat center;
  }
  footer .footer__info.accordion .footer__info__container {
    max-height: 1000px;
    overflow: hidden;
    transition: all 0.2s ease-out;
  }
}
@media screen and (max-width: 599px) {
  footer .footer__info.accordion.collapsed .footer__info__title::after {
    transform: rotate(0deg);
  }
  footer .footer__info.accordion.collapsed .footer__info__container {
    max-height: 0;
  }
}

[data-popup] {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 30px;
  width: 100%;
  height: 100%;
  font-family: var(--family-montserrat);
  overflow: auto;
  z-index: -1;
}
[data-popup].is__open {
  display: flex;
  background-color: rgba(4, 4, 11, 0.8);
  scrollbar-width: none;
  overflow: auto;
  z-index: 1000;
}
@media screen and (max-width: 480px) {
  [data-popup].is__open {
    padding: 0;
  }
}
[data-popup] .popup__container {
  margin: auto;
  display: flex;
  flex-direction: column;
  max-width: 414px;
  width: 100%;
  height: fit-content;
  min-height: auto;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 480px) {
  [data-popup] .popup__container {
    min-height: 100%;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
  }
}
[data-popup] .popup__container .popup__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 16px 16px 14px;
  width: 100%;
  height: 44px;
}
[data-popup] .popup__container .popup__header:has(> *:only-child) {
  justify-content: flex-end;
}
[data-popup] .popup__container .popup__header [alt=close] {
  transition: all 0.3s ease-in-out;
}
[data-popup] .popup__container .popup__header [alt=close]:hover {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  stroke: #73788c;
}
[data-popup] .popup__container .popup__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 16px 38px;
}
[data-popup] .popup__container .popup__content .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
  width: 100%;
  height: 40px;
}
[data-popup] .popup__container .popup__content .icon img {
  width: auto;
  height: 100%;
}
[data-popup] .popup__container .popup__content form .input__row {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  [data-popup] .popup__container .popup__content form .input__row {
    margin-bottom: 10px;
  }
}
[data-popup] .popup__container .popup__content form .input__row label {
  display: block;
  margin-bottom: 5px;
  width: 100%;
  color: #2d2a26;
  font-size: 13px;
  line-height: 15px;
  font-weight: 500;
  text-align: left;
}
[data-popup] .popup__container .popup__content form .input__row label span {
  font-size: 10px;
  font-weight: 400;
}
[data-popup] .popup__container .popup__content form .input__row input {
  display: block;
  padding: 23px 8px;
  max-width: 100%;
  width: 100%;
  max-height: 30px;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #9ca4bf;
  background: #f5f6fa;
  color: #2d2a26;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 125%;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
[data-popup] .popup__container .popup__content form .input__row input::placeholder {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.25;
  color: #999dad;
}
[data-popup] .popup__container .popup__content form .input__row input:focus {
  outline: none;
}
[data-popup] .popup__container .popup__content form .input__row .hidden-input {
  display: none;
}
[data-popup] .popup__container .popup__content form #signup__row__email {
  position: relative;
  width: 100%;
}
[data-popup] .popup__container .popup__content form #signup__row__email .select__item {
  text-align: left;
  padding: 1px 8px;
}
[data-popup] .popup__container .popup__content form .checkbox__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  width: 100%;
}
@media screen and (max-width: 480px) {
  [data-popup] .popup__container .popup__content form .checkbox__row {
    margin-bottom: 16px;
  }
}
[data-popup] .popup__container .popup__content form .checkbox__row .checkbox__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
[data-popup] .popup__container .popup__content form .checkbox__row .checkbox__wrapper input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 1px solid #2d2a26;
  box-sizing: border-box;
  border-radius: 2px;
}
[data-popup] .popup__container .popup__content form .checkbox__row .checkbox__wrapper input[type=checkbox]:before {
  top: 0;
  width: 18px;
  height: 18px;
  content: "";
}
[data-popup] .popup__container .popup__content form .checkbox__row .checkbox__wrapper input[type=checkbox]:checked:before {
  background: url("data:image/svg+xml,%3Csvg width=%278%27 height=%276%27 viewBox=%270 0 8 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.99804 0.488323C6.94953 0.439419 6.89183 0.400602 6.82824 0.374112C6.76466 0.347622 6.69646 0.333984 6.62758 0.333984C6.5587 0.333984 6.4905 0.347622 6.42692 0.374112C6.36334 0.400602 6.30563 0.439419 6.25713 0.488323L2.70283 4.0474L1.06968 2.40903C1.01932 2.36039 0.959869 2.32213 0.894724 2.29646C0.829578 2.27079 0.760013 2.2582 0.690001 2.25941C0.61999 2.26062 0.550902 2.27561 0.486684 2.30352C0.422465 2.33143 0.364373 2.37172 0.315723 2.42208C0.267074 2.47244 0.228821 2.53189 0.203148 2.59704C0.177475 2.66218 0.164884 2.73175 0.166095 2.80176C0.167307 2.87177 0.182296 2.94086 0.210207 3.00508C0.238119 3.0693 0.278406 3.12739 0.328768 3.17604L2.33237 5.17964C2.38087 5.22854 2.43858 5.26736 2.50217 5.29385C2.56575 5.32034 2.63395 5.33398 2.70283 5.33398C2.77171 5.33398 2.83991 5.32034 2.90349 5.29385C2.96707 5.26736 3.02478 5.22854 3.07328 5.17964L6.99804 1.25533C7.051 1.20647 7.09327 1.14717 7.12218 1.08116C7.15109 1.01516 7.16602 0.943883 7.16602 0.871825C7.16602 0.799768 7.15109 0.728491 7.12218 0.662487C7.09327 0.596483 7.051 0.537183 6.99804 0.488323Z%27 fill=%27%232D2A26%27/%3E%3C/svg%3E%0A") no-repeat center center;
  background-size: 75% 75%;
}
[data-popup] .popup__container .popup__content form .checkbox__row .checkbox__wrapper label {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}
[data-popup] .popup__container .popup__content form .error__message,
[data-popup] .popup__container .popup__content form .signup__birthdate__row .error-message,
[data-popup] .popup__container .popup__content form .signup-submit-error {
  color: #d43b3b;
  font-family: var(--family-montserrat);
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;
  margin-top: 4px;
}
[data-popup] .popup__container .popup__content form .error__message.signup-phone,
[data-popup] .popup__container .popup__content form .signup__birthdate__row .error-message.signup-phone,
[data-popup] .popup__container .popup__content form .signup-submit-error.signup-phone {
  margin-left: 80px;
}
[data-popup] .popup__container .popup__content form .error__message#user__sms__code__error,
[data-popup] .popup__container .popup__content form .signup__birthdate__row .error-message#user__sms__code__error,
[data-popup] .popup__container .popup__content form .signup-submit-error#user__sms__code__error {
  text-align: center;
}
[data-popup] .popup__container .popup__content form .divider {
  position: relative;
  width: 100%;
  margin: 12px 0;
  border-top: 0.5px solid #cbc7c7;
}
@media screen and (max-width: 480px) {
  [data-popup] .popup__container .popup__content form .divider {
    margin: 10px 0 13px;
  }
}
[data-popup] .popup__container .popup__content form .agreement {
  display: inline;
  color: #000000;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  [data-popup] .popup__container .popup__content form .agreement {
    font-size: 12px;
  }
}
@media screen and (max-width: 480px) {
  [data-popup] .popup__container .popup__content form .agreement {
    font-size: 9px;
    line-height: 1.8;
  }
}
[data-popup] .popup__container .popup__content form .agreement a {
  display: inline;
  color: #000000;
  text-decoration: underline;
}
[data-popup] .popup__container .popup__content .auth-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
[data-popup] .popup__container .popup__content .auth-container.hide {
  display: none;
}
[data-popup] .popup__container .popup__content .auth-container .auth-separator {
  display: flex;
  gap: 10px;
  align-items: center;
  line-height: 16.5px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 500;
}
[data-popup] .popup__container .popup__content .auth-container .auth-separator .auth-line {
  flex: 1;
  height: 1px;
  background-color: #495D83;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: 8px;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials .auth-social-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 8px;
  width: 100%;
  height: 48px;
  padding: 12px 18px;
  background-color: #2B4269;
  border: 1px solid rgb(48, 48, 63);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.18);
  border-radius: 8px;
  transition: all 0.3s;
  color: #FFF;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  cursor: pointer;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials .auth-social-btn.is-disabled {
  opacity: 0.9;
  pointer-events: none;
  cursor: not-allowed;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials .auth-social-btn.is-loading {
  background-color: #223963;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials .auth-social-btn.is-loading img {
  display: none;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials .auth-social-btn.is-loading::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: auth-social-spin 0.8s linear infinite;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials .auth-social-btn-suffix {
  display: none;
}
[data-popup] .popup__container .popup__content .auth-container .auth-socials:has(.auth-social-btn:only-child) .auth-social-btn-suffix {
  display: inline;
}

@keyframes auth-social-spin {
  to {
    transform: rotate(360deg);
  }
}
.popup__content h1 {
  margin-bottom: 12px;
  width: 100%;
  color: #2d2a26;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .popup__content h1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .popup__content h1 {
    font-size: 18px;
  }
}
.popup__content form#login-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.popup__content form#login-form .login__input__wrapper {
  position: relative;
}
.popup__content form#login-form .login__input__wrapper input {
  padding-right: 50px;
}
.popup__content form#login-form .login__input__wrapper [data-view-password] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: max-content;
  height: 100%;
}
.popup__content form#login-form .login__input__wrapper [data-view-password].hide__password img:first-child {
  display: flex;
}
.popup__content form#login-form .login__input__wrapper [data-view-password].hide__password img:last-child {
  display: none;
}
.popup__content form#login-form .login__input__wrapper [data-view-password].show__password img:first-child {
  display: none;
}
.popup__content form#login-form .login__input__wrapper [data-view-password].show__password img:last-child {
  display: flex;
}
.popup__content form#login-form .open__forgotPass {
  display: block;
  color: #2826a5;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #2826a5;
  text-decoration-thickness: 0.2px;
  transition: text-decoration-color 0.3s ease-in-out;
  cursor: pointer;
}
.popup__content form#login-form .open__forgotPass:hover {
  text-decoration-color: transparent;
}
.popup__content form#login-form .login__submit {
  width: 100%;
  height: 54px;
  margin-bottom: 10px;
  border: none;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  background-color: #38445a;
  color: #ffffff;
  transition: background-color 0.3s;
}
.popup__content form#login-form .login__submit:hover {
  background-color: #283040;
}
@media (hover: none) {
  .popup__content form#login-form .login__submit {
    background-color: #38445a;
  }
}
.popup__content form#login-form .login__submit:disabled {
  background-color: #d3d4d6;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .popup__content form#login-form .login__submit {
    height: 54px;
    font-size: 17px;
    line-height: 1.1;
  }
}
@media screen and (max-width: 480px) {
  .popup__content form#login-form .login__submit {
    height: 48px;
    font-size: 16px;
    line-height: 1.1;
  }
}
.popup__content form#login-form .open__registrate {
  text-align: center;
}
.popup__content form#login-form .open__registrate p:first-child {
  display: inline;
  color: #2d2a26;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
}
.popup__content form#login-form .open__registrate p:last-child {
  display: inline;
  margin-left: 2px;
  color: #2d2a26;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 14px;
  text-decoration: underline;
  cursor: pointer;
}

.popup__content .popup__banner {
  margin-bottom: 7px;
}
.popup__content .popup__banner.second-step {
  display: none;
}
.popup__content h1 {
  margin-bottom: 12px;
  width: 100%;
  color: #2d2a26;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.6px;
  text-transform: uppercase;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .popup__content h1 {
    font-size: 20px;
  }
}
@media screen and (max-width: 480px) {
  .popup__content h1 {
    font-size: 18px;
  }
}
.popup__content form#signup-form,
.popup__content form#signup-form-one-step {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.popup__content form#signup-form .signup__input__wrapper,
.popup__content form#signup-form-one-step .signup__input__wrapper {
  position: relative;
}
.popup__content form#signup-form .signup__input__wrapper input,
.popup__content form#signup-form-one-step .signup__input__wrapper input {
  padding-right: 50px;
}
.popup__content form#signup-form .signup__input__wrapper [data-view-password],
.popup__content form#signup-form-one-step .signup__input__wrapper [data-view-password] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  padding: 16px;
  width: max-content;
  height: 100%;
}
.popup__content form#signup-form .signup__input__wrapper [data-view-password].hide__password img:first-child,
.popup__content form#signup-form-one-step .signup__input__wrapper [data-view-password].hide__password img:first-child {
  display: flex;
}
.popup__content form#signup-form .signup__input__wrapper [data-view-password].hide__password img:last-child,
.popup__content form#signup-form-one-step .signup__input__wrapper [data-view-password].hide__password img:last-child {
  display: none;
}
.popup__content form#signup-form .signup__input__wrapper [data-view-password].show__password img:first-child,
.popup__content form#signup-form-one-step .signup__input__wrapper [data-view-password].show__password img:first-child {
  display: none;
}
.popup__content form#signup-form .signup__input__wrapper [data-view-password].show__password img:last-child,
.popup__content form#signup-form-one-step .signup__input__wrapper [data-view-password].show__password img:last-child {
  display: flex;
}
.popup__content form#signup-form .input__hints__wrapper,
.popup__content form#signup-form-one-step .input__hints__wrapper {
  width: 85%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3px;
  margin-left: -7px;
  padding-top: 2px;
}
.popup__content form#signup-form .hint,
.popup__content form#signup-form-one-step .hint {
  display: inline-block;
  position: relative;
  padding-left: 22px;
  color: #2d2a26;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.popup__content form#signup-form .hint:before,
.popup__content form#signup-form-one-step .hint:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9CA4BF;
}
.popup__content form#signup-form .hint.hidden,
.popup__content form#signup-form-one-step .hint.hidden {
  display: none;
}
.popup__content form#signup-form .hint.success:before,
.popup__content form#signup-form-one-step .hint.success:before {
  top: 2px;
  left: 7px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M11 2L4.33333 10L1 5.78947%27 stroke=%27%2300CA45%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat 50%;
}
.popup__content form#signup-form .hint.unsuccessful:before,
.popup__content form#signup-form-one-step .hint.unsuccessful:before {
  top: 2px;
  left: 7px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27                   xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M10 2L2 10%27 stroke=%27%23C82C16%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M2 2L10 10%27 stroke=%27%23C82C16%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat 50%;
}
.popup__content form#signup-form .signup__row__phone,
.popup__content form#signup-form-one-step .signup__row__phone {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.popup__content form#signup-form .signup__row__phone .signup__row__phone__inner,
.popup__content form#signup-form-one-step .signup__row__phone .signup__row__phone__inner {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 16px;
  width: 100%;
  max-width: 68px;
  max-height: 48px;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #9ca4bf;
  background: #f5f6fa;
  color: #2d2a26;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 125%;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
.popup__content form#signup-form .signup__row__phone .signup__code__img,
.popup__content form#signup-form-one-step .signup__row__phone .signup__code__img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.popup__content form#signup-form .signup__row__phone .signup__code__value,
.popup__content form#signup-form-one-step .signup__row__phone .signup__code__value {
  position: relative;
  flex-grow: 1;
  color: #898996;
  font-weight: 500;
  line-height: 16px;
}
.popup__content form#signup-form .signup__birthdate,
.popup__content form#signup-form-one-step .signup__birthdate {
  display: flex;
}
.popup__content form#signup-form .signup__birthdate .signup__birthdate__row,
.popup__content form#signup-form-one-step .signup__birthdate .signup__birthdate__row {
  position: relative;
  width: 100%;
}
.popup__content form#signup-form .select__screen,
.popup__content form#signup-form-one-step .select__screen {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 45px 0 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  height: 48px;
  border: 1px solid #9CA4BF;
  border-radius: 4px;
  color: #999DAD;
  background-color: #F5F6FA;
  cursor: pointer;
}
.popup__content form#signup-form .select__screen.is-active:before,
.popup__content form#signup-form-one-step .select__screen.is-active:before {
  top: 45%;
  transform: rotate(180deg);
}
.popup__content form#signup-form .select__screen:before,
.popup__content form#signup-form-one-step .select__screen:before {
  position: absolute;
  top: 51%;
  right: 23px;
  transform: translateY(-50%);
  content: "";
  width: 12px;
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%277%27 viewBox=%270 0 12 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L6 6L11 1%27 stroke=%27%239CA4BF%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat center;
  transition: all 0.3s;
}
.popup__content form#signup-form .select__list,
.popup__content form#signup-form-one-step .select__list {
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 0;
  border: 1px solid #fff;
  border-radius: 4px;
  list-style-type: none;
  background-color: #f5f6fa;
  box-shadow: 0 4px 10px #bfbfc5;
  transition: all 0.3s;
  scrollbar-color: #efeff3 #d3d3e2;
  scrollbar-width: thin;
}
.popup__content form#signup-form .select__list.is-open,
.popup__content form#signup-form-one-step .select__list.is-open {
  opacity: 1;
  visibility: visible;
  height: auto !important;
  max-height: 140px;
}
.popup__content form#signup-form .select__list::-webkit-scrollbar,
.popup__content form#signup-form-one-step .select__list::-webkit-scrollbar {
  width: 7px;
}
.popup__content form#signup-form .select__list::-webkit-scrollbar-track,
.popup__content form#signup-form-one-step .select__list::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #efeff3;
}
.popup__content form#signup-form .select__list::-webkit-scrollbar-thumb,
.popup__content form#signup-form-one-step .select__list::-webkit-scrollbar-thumb {
  background: #d3d3e2;
  border-radius: 3px;
}
.popup__content form#signup-form .select__list .select__item,
.popup__content form#signup-form-one-step .select__list .select__item {
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
  color: #494949;
}
.popup__content form#signup-form .select__list .select__item.is-active,
.popup__content form#signup-form-one-step .select__list .select__item.is-active {
  font-weight: 700;
  background-color: #9ca4bf;
}
.popup__content form#signup-form .select__list .select__item:hover,
.popup__content form#signup-form-one-step .select__list .select__item:hover {
  cursor: pointer;
  background-color: #9ca4bf;
}
.popup__content form#signup-form .signup__coupon__code__title,
.popup__content form#signup-form-one-step .signup__coupon__code__title {
  margin-bottom: 12px;
  font-family: var(--family-montserrat);
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #1A1A1A;
}
.popup__content form#signup-form .signup__coupon__code__title__centered,
.popup__content form#signup-form-one-step .signup__coupon__code__title__centered {
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
}
.popup__content form#signup-form .signup__coupon__code_wrapper,
.popup__content form#signup-form-one-step .signup__coupon__code_wrapper {
  display: none;
  margin-bottom: 12px;
}
.popup__content form#signup-form .signup__coupon__code_wrapper.is-active,
.popup__content form#signup-form-one-step .signup__coupon__code_wrapper.is-active {
  display: block;
}
.popup__content form#signup-form .signup__coupon__code_wrapper input,
.popup__content form#signup-form-one-step .signup__coupon__code_wrapper input {
  padding-left: 42px;
  background-image: url("data:image/svg+xml,%3Csvg%20width=%2720%27%20height=%2720%27%20viewBox=%270%200%2020%2020%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath%20d=%27M12.6002%201.69499L10.691%203.70843C10.4034%204.01169%2010.0993%204.41038%2010%204.7966C9.90065%204.41038%209.73773%204.0117%209.45018%203.70845L7.54099%201.69501C6.66231%200.768348%205.23769%200.768348%204.35901%201.69501C3.56643%202.53087%203.52073%203.86891%204.15799%204.79658L10%204.7966L3.25%204.79659C2.00736%204.79659%201%205.85895%201%207.16945C1%207.81616%201.24532%208.40245%201.64318%208.83045H9.99565L10%208.83044L10.0044%208.83045H18.3568C18.7547%208.40245%2019%207.81616%2019%207.16945C19%205.85895%2017.9926%204.79659%2016.75%204.79659L15.7822%204.79659L16.0151%204.79658C16.6524%203.86891%2016.5747%202.53086%2015.7821%201.69499C14.9035%200.768335%2013.4788%200.768335%2012.6002%201.69499Z%27%20fill=%27%23B0B0C3%27/%3E%3Cpath%20d=%27M1.88294%2010.3354L1.88016%2010.2204H9.325V19H8.64999C6.55326%2019%205.5049%2019%204.67793%2018.6216C3.5753%2018.117%202.69927%2017.1491%202.24255%2015.9309C1.90003%2015.0173%201.90003%2013.8586%201.90003%2011.5425C1.90003%2011.0348%201.89073%2010.6541%201.88294%2010.3354Z%27%20fill=%27%23B0B0C3%27/%3E%3Cpath%20d=%27M15.3221%2018.6216C14.4951%2019%2013.4467%2019%2011.35%2019H10.675V10.2204H18.0949C18.1%2010.5623%2018.1%2010.9723%2018.1%2011.5424C18.1%2013.859%2018.1%2015.0172%2017.7575%2015.9309C17.3007%2017.1491%2016.4247%2018.117%2015.3221%2018.6216Z%27%20fill=%27%23B0B0C3%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 18px 18px;
}
.popup__content form#signup-form .signup__coupon__code__button,
.popup__content form#signup-form-one-step .signup__coupon__code__button {
  cursor: pointer;
  text-decoration: underline;
}
.popup__content form#signup-form .signup__submit,
.popup__content form#signup-form-one-step .signup__submit {
  width: 100%;
  height: 54px;
  margin-bottom: 12px;
  border: none;
  border-radius: 4px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1;
  background-color: #87f031;
  color: #2d2a26;
  transition: background-color 0.3s;
}
.popup__content form#signup-form .signup__submit:hover,
.popup__content form#signup-form-one-step .signup__submit:hover {
  background-color: #8fe846;
}
@media (hover: none) {
  .popup__content form#signup-form .signup__submit,
  .popup__content form#signup-form-one-step .signup__submit {
    background-color: #87f031;
  }
}
.popup__content form#signup-form .signup__submit:disabled,
.popup__content form#signup-form-one-step .signup__submit:disabled {
  background-color: #c8f0a8;
  cursor: default;
}
@media screen and (max-width: 1024px) {
  .popup__content form#signup-form .signup__submit,
  .popup__content form#signup-form-one-step .signup__submit {
    height: 54px;
    font-size: 17px;
    line-height: 1.1;
  }
}
@media screen and (max-width: 480px) {
  .popup__content form#signup-form .signup__submit,
  .popup__content form#signup-form-one-step .signup__submit {
    height: 48px;
    margin-bottom: 9px;
    font-size: 16px;
    line-height: 1.1;
  }
}
.popup__content form#signup-form .open__login,
.popup__content form#signup-form-one-step .open__login {
  text-align: center;
}
.popup__content form#signup-form .open__login p:first-child,
.popup__content form#signup-form-one-step .open__login p:first-child {
  display: inline;
  color: #2d2a26;
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
  line-height: 14px;
}
.popup__content form#signup-form .open__login p:last-child,
.popup__content form#signup-form-one-step .open__login p:last-child {
  display: inline;
  margin-left: 2px;
  color: #2d2a26;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  line-height: 14px;
  text-decoration: underline;
  cursor: pointer;
}
.popup__content form#signup-form .step__container,
.popup__content form#signup-form-one-step .step__container {
  display: none;
}
.popup__content form#signup-form .step__container.is__active,
.popup__content form#signup-form-one-step .step__container.is__active {
  display: initial;
}

#SignUp .progress-indicator-wrapper,
#SignUpOneStep .progress-indicator-wrapper {
  display: flex;
  padding-bottom: 8px;
  align-items: center;
  justify-content: center;
}
#SignUp .progress-indicator-back-icon,
#SignUpOneStep .progress-indicator-back-icon {
  display: none;
}
#SignUp .progress-indicator-back-icon.second-step,
#SignUpOneStep .progress-indicator-back-icon.second-step {
  display: block;
  cursor: pointer;
}
#SignUp .progress-indicator, #SignUp .progress-indicator_inactive,
#SignUpOneStep .progress-indicator,
#SignUpOneStep .progress-indicator_inactive {
  height: 18px;
  width: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2d2a26;
  border-radius: 50%;
  cursor: default;
}
#SignUp .progress-indicator:before, #SignUp .progress-indicator_inactive:before,
#SignUpOneStep .progress-indicator:before,
#SignUpOneStep .progress-indicator_inactive:before {
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  background: #2d2a26;
  border-radius: 50%;
}
#SignUp .progress-indicator svg, #SignUp .progress-indicator_inactive svg,
#SignUpOneStep .progress-indicator svg,
#SignUpOneStep .progress-indicator_inactive svg {
  display: none;
}
#SignUp .progress-indicator.second-step, #SignUp .second-step.progress-indicator_inactive,
#SignUpOneStep .progress-indicator.second-step,
#SignUpOneStep .second-step.progress-indicator_inactive {
  border: 1px solid #12845b;
  background: #12845b;
  cursor: pointer;
}
#SignUp .progress-indicator.second-step:before, #SignUp .second-step.progress-indicator_inactive:before,
#SignUpOneStep .progress-indicator.second-step:before,
#SignUpOneStep .second-step.progress-indicator_inactive:before {
  display: none;
}
#SignUp .progress-indicator.second-step svg, #SignUp .second-step.progress-indicator_inactive svg,
#SignUpOneStep .progress-indicator.second-step svg,
#SignUpOneStep .second-step.progress-indicator_inactive svg {
  display: block;
  transform: scale(1.2);
}
#SignUp .progress-indicator-line,
#SignUpOneStep .progress-indicator-line {
  width: 64px;
  height: 1px;
  background: #9e9e9e;
}
#SignUp .progress-indicator-line.second-step,
#SignUpOneStep .progress-indicator-line.second-step {
  background: #555353;
}
#SignUp .progress-indicator_inactive,
#SignUpOneStep .progress-indicator_inactive {
  border: 1px solid #9e9e9e;
}
#SignUp .progress-indicator_inactive:before,
#SignUpOneStep .progress-indicator_inactive:before {
  background: #9e9e9e;
}
#SignUp .progress-indicator_inactive.second-step,
#SignUpOneStep .progress-indicator_inactive.second-step {
  background-color: transparent;
  border: 1px solid #555353;
  cursor: default;
}
#SignUp .progress-indicator_inactive.second-step:before,
#SignUpOneStep .progress-indicator_inactive.second-step:before {
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  background: #555353;
  border-radius: 50%;
}

.popup__content:has(.forgotPass__popup__body) > h1 {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-transform: none;
}
.popup__content:has(.forgotPass__popup__body) > p {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-transform: none;
  text-align: center;
}
.popup__content:has(.forgotPass__popup__body) img:first-of-type {
  margin: 0;
}

.forgotPass__popup__body {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  width: 100%;
  height: max-content;
}
.forgotPass__popup__body #confirmation__code {
  display: none;
}
.forgotPass__popup__body form:has(.input__row) button:only-of-type {
  margin-top: 24px;
}
.forgotPass__popup__body form input {
  padding: 8px 16px;
  width: 100%;
  height: 48px;
  border: 1px solid #9CA4BF;
  border-radius: 4px;
  background-color: #F5F6FA;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  outline: none;
}
.forgotPass__popup__body form input::placeholder, .forgotPass__popup__body form input::-moz-placeholder, .forgotPass__popup__body form input::-ms-input-placeholder, .forgotPass__popup__body form input::-webkit-input-placeholder {
  color: #9CA4BF;
}
.forgotPass__popup__body form input::-webkit-outer-spin-button, .forgotPass__popup__body form input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.forgotPass__popup__body form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #fff inset;
  -moz-box-shadow: 0 0 0 100px #fff inset;
  box-shadow: 0 0 0 100px #fff inset;
}
.forgotPass__popup__body form input[type=number], .forgotPass__popup__body form input[type=number]:focus, .forgotPass__popup__body form input[type=number]:hover {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
.forgotPass__popup__body form input.error {
  border: 1px solid #C82C16;
}
.forgotPass__popup__body form fieldset.input__line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 8px;
  border: none;
}
.forgotPass__popup__body form fieldset.input__line div {
  position: relative;
}
.forgotPass__popup__body form fieldset.input__line div input {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 40px;
  height: 45px;
  text-align: center;
}
.forgotPass__popup__body form fieldset.input__line div.active:before {
  content: "";
  position: absolute;
  display: block;
  left: 9px;
  bottom: 8px;
  width: 22px;
  height: 1px;
  background-color: #73788C;
}
.forgotPass__popup__body form fieldset.input__line.error div input {
  border: 1px solid #C82C16;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper {
  position: relative;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper input {
  padding-right: 50px;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper [data-view-password] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 16px;
  width: max-content;
  height: 100%;
  border: none;
  border-radius: 8px;
  background-color: transparent;
  box-shadow: none;
  transition: none;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper [data-view-password].hide__password img:first-child {
  display: flex;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper [data-view-password].hide__password img:last-child {
  display: none;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper [data-view-password].show__password img:first-child {
  display: none;
}
.forgotPass__popup__body form .input__row .forgotPass__input__wrapper [data-view-password].show__password img:last-child {
  display: flex;
}
.forgotPass__popup__body form .input__row .input__hints__wrapper {
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3px;
  margin-left: -7px;
  padding-top: 2px;
}
.forgotPass__popup__body form .input__row .hint {
  display: inline-block;
  position: relative;
  padding-left: 15px;
  color: #2d2a26;
  font-size: 10px;
  font-weight: 400;
  line-height: 12px;
  white-space: nowrap;
}
.forgotPass__popup__body form .input__row .hint:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #9CA4BF;
}
.forgotPass__popup__body form .input__row .hint.hidden {
  display: none;
}
.forgotPass__popup__body form .input__row .hint.success:before {
  top: 3px;
  left: 7px;
  width: 6px;
  height: 6px;
  background: url("data:image/svg+xml,%3Csvg width=%278%27 height=%276%27 viewBox=%270 0 8 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7 1L3 5L1 2.89474%27 stroke=%27%2324994C%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") no-repeat 50%;
}
.forgotPass__popup__body form .input__row .hint.unsuccessful:before {
  top: 3px;
  left: 7px;
  width: 7px;
  height: 7px;
  background: url("data:image/svg+xml,%3Csvg width=%276%27 height=%276%27 viewBox=%270 0 6 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_32675_200425%29%27%3E%3Cpath d=%27M5 1L1 5%27 stroke=%27%239CA4BF%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M1 1L5 5%27 stroke=%27%239CA4BF%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_32675_200425%27%3E%3Crect width=%276%27 height=%276%27 fill=%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat 50%;
}
.forgotPass__popup__body form .input__row .phone__number__row {
  display: grid;
  grid-template-columns: 68px 1fr;
  justify-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.forgotPass__popup__body form .input__row .phone__number__row .country__code__box {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 16px;
  width: 100%;
  max-width: 68px;
  max-height: 48px;
  height: 100%;
  border-radius: 4px;
  border: 1px solid #9ca4bf;
  background: #f5f6fa;
  color: #2d2a26;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 125%;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
}
.forgotPass__popup__body form .input__row .phone__number__row .country__code__box > img {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.forgotPass__popup__body form .input__row .phone__number__row .country__code__box > span {
  position: relative;
  flex-grow: 1;
  color: #898996;
  font-weight: 500;
  line-height: 16px;
}
.forgotPass__popup__body form .input__row .phone__number__hint {
  font-size: 10px;
  font-weight: 400;
  font-style: italic;
  line-height: 16px;
}
.forgotPass__popup__body .timer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 26px;
  color: #2D2A26;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  white-space: pre;
}
.forgotPass__popup__body .timer button {
  background-color: transparent;
  text-decoration: underline;
  box-shadow: none;
  outline: none;
  border: none;
  text-align: center;
}
.forgotPass__popup__body button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  width: 100%;
  border: none;
  border-radius: 8px;
  background-color: #38445A;
  color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  box-shadow: 0 16px 32px -3px rgba(56, 68, 90, 0.15), 0 4px 8px -3px rgba(56, 68, 90, 0.15);
  transition: background-color 0.3s;
}
.forgotPass__popup__body button:hover {
  background-color: #181d26;
  box-shadow: 0 4px 4px 0 hsla(240, 8%, 61%, 0.6);
}
.forgotPass__popup__body button:disabled {
  background: #ebedef;
  box-shadow: none;
  cursor: default;
}
.forgotPass__popup__body button.simple {
  width: 100%;
  padding: 0;
  background-color: transparent;
  color: #2D2A26;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: underline;
  text-decoration-color: #2D2A26;
  box-shadow: none;
  outline: none;
  border: none;
  text-align: center;
  transition: text-decoration-color 0.3s ease-in-out;
}
.forgotPass__popup__body button.simple:hover {
  background-color: transparent;
  box-shadow: none;
  text-decoration-color: transparent;
}
.forgotPass__popup__body button:not(:only-child) {
  margin-bottom: 8px;
}
.forgotPass__popup__body button:not(:only-child):last-child {
  margin-bottom: 0;
}
.forgotPass__popup__body p.sms__hint {
  color: #2D2A26;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.forgotPass__popup__body p button {
  width: 100%;
  padding: 0;
  background-color: transparent;
  color: #2D2A26;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: underline;
  text-decoration-color: #2D2A26;
  box-shadow: none;
  outline: none;
  border: none;
  text-align: center;
  transition: text-decoration-color 0.3s ease-in-out;
}
.forgotPass__popup__body p button:after {
  content: "?";
  display: inline;
  width: max-content;
  height: auto;
  font-weight: 400;
  text-decoration: none;
}
.forgotPass__popup__body p button:hover {
  background-color: transparent;
  box-shadow: none;
  text-decoration-color: transparent;
}

.popup__quit__container {
  position: relative;
  max-width: 530px !important;
  padding: 110px 15px 40px;
}

.popup__top__img {
  position: absolute;
  top: -66px;
  left: 50%;
  transform: translateX(-50%);
  width: 166px;
  height: 170px;
}
@media screen and (max-width: 480px) {
  .popup__top__img {
    position: static;
    transform: translateX(0);
    margin: 0 auto;
  }
}

.popup__support {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 20px;
  color: #858585;
}
.popup__support img {
  margin-right: 5px;
}

.popup__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  color: #2d2a26;
}
.popup__title__accent {
  margin-bottom: 10px;
  font-weight: 700 !important;
  font-size: 18px !important;
}
.popup__title__default {
  margin-bottom: 20px;
}
.popup__title span {
  font-weight: 500;
  line-height: 20px;
}

.popup__btns {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  grid-gap: 18px;
}

.popup__btn__fill {
  width: 100%;
  max-width: 300px;
  height: 56px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: #fff;
  background-color: #39445a;
  transition: all 0.3s;
}
.popup__btn__fill:hover {
  background-color: #283040;
}

.popup__btn__underlined {
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #2d2a26;
  color: #2d2a26;
  transition: all 0.3s;
}
.popup__btn__underlined:hover {
  text-decoration-color: transparent;
}
@media (hover: none) {
  .popup__btn__underlined {
    text-decoration-color: #2d2a26;
  }
}

.popup__error__container {
  width: 100%;
  max-width: 311px !important;
  padding: 32px 24px;
  position: relative;
  display: block;
  text-align: center;
}
.popup__error__container .close__btn {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px;
}
.popup__error__container .popup__icon {
  margin: 0 auto 16px;
  width: 44px;
}
.popup__error__container .popup__title {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  color: #19273E;
}
.popup__error__container .popup__message {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #181820;
}
.popup__error__container .popup__btn__fill {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
  color: #e5e5eb;
  background-color: #38445a;
  transition: all 0.3s;
  max-width: none;
  margin: 0 auto;
}
.popup__error__container .popup__btn__fill:hover {
  background-color: #283040;
}
@media screen and (max-width: 1024px) {
  .popup__error__container {
    max-width: 447px !important;
  }
  .popup__error__container .popup__btn__fill {
    padding: 0 40.5px;
    max-width: fit-content;
  }
}
@media screen and (max-width: 599px) {
  .popup__error__container {
    max-width: 382px !important;
  }
}
@media screen and (max-width: 480px) {
  .popup__error__container {
    max-width: 100% !important;
    padding: 48px 14px 40px;
  }
}

/*# sourceMappingURL=onStartup.83189de777da48eb5505.css.map*/