@charset "UTF-8";



* {

  padding: 0px;

  margin: 0px;

  border: 0px;

}



*,

*::before,

*::after {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



*::before,

*::after {

  display: inline-block;

}

:root {

			--color-light: #2c2c2c;

			--color-accent: #fe680e;

			--color-dark: #edf0f5;

			--color-dark-gray: #edf0f5;

			--color-hover: #fe680e;

			--border-radius: 40px;

			--transition-duration: 0.3s;

}

html,

body {

  height: 100%;

  min-width: 320px;

}



body {

  color: #fff;

  line-height: 1;

  font-family: sans-serif;

  font-size: 1.125rem;

  -ms-text-size-adjust: 100%;

  -moz-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



input,

button,

textarea {

  font-family: "Jost";

  font-size: inherit;

  line-height: inherit;

  color: inherit;

  background-color: transparent;

}



input,

textarea {

  width: 100%;

}



button,

select,

option {

  cursor: pointer;

}



a {

  display: inline-block;

  color: inherit;

  text-decoration: none;

}



ul li {

  list-style: none;

}



img {

  vertical-align: top;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-weight: inherit;

  font-size: inherit;

}

h2 {

    font-size: 28px !important;

    font-weight: 700;

    margin: 20px 0;

}

h3 {

    font-size: 26px;

    font-weight: 700;

    margin: 20px 0;

}

h4 {

    font-size: 24px;

    font-weight: 700;

    margin: 20px 0;

}

svg *[fill] {

  fill: currentColor;

}



svg *[stroke] {

  stroke: currentColor;

}



svg * {

  -webkit-transition-property: fill, stroke;

  transition-property: fill, stroke;

}



a,

button,

input,

textarea,

svg * {

  -webkit-transition-duration: var(--transition-duration);

          transition-duration: var(--transition-duration);

}



body {

  background-color: var(--color-dark);

  color: var(--color-light);

}



table {

    font-size: 1rem;

    margin-bottom: 10px;

}



table td {

    border: 1px solid #333;

    padding: 10px;

}







.lock body {

  overflow: hidden;

  -ms-touch-action: none;

      touch-action: none;

  -ms-scroll-chaining: none;

      overscroll-behavior: none;

}



.wrapper {

  min-height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  overflow: hidden;

}



@supports (overflow: clip) {

  .wrapper {

    overflow: clip;

  }

}



.wrapper > main {

  -webkit-box-flex: 1;

      -ms-flex: 1 1 auto;

          flex: 1 1 auto;

}



.wrapper > * {

  min-width: 0;

}



[class*=__container] {

  max-width: 79.375rem;

  margin: 0 auto;

  padding: 0 0.9375rem;

}



.btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  padding: 1.25rem 2.5rem;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  background-color: var(--color-accent);

  border-radius: var(--border-radius);

  font-weight: 700;

  font-size: 1.75rem;

  text-transform: uppercase;

  text-align: center;

  color: var(--color-light);

  -webkit-transition: scale var(--transition-duration);

  transition: scale var(--transition-duration);

}



.btn--small {

  font-size: 1.0625rem;

  padding: 0.625rem 1.25rem;

}



.menu__list {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 1.25rem;

}



.menu__item a {

  font-weight: 700;

  font-size: 17px;

  color: var(--color-light);

}



.icon-menu {

  display: none;

}



.spollers {

  display: -ms-grid;

  display: grid;

  gap: 15px;

}



.spollers__item {

  font-size: 1.25rem;

}



.spollers__title {

  width: 100%;

  cursor: default;

  text-align: left;

  padding: 0.9375rem 2.5rem 0.9375rem 1.25rem;

  border-radius: 0.3125rem;

  position: relative;

  list-style: none;

  background-color: var(--color-dark-gray);

}



.spollers__title::marker,

.spollers__title::-webkit-details-marker {

  display: none;

}



._spoller-init .spollers__title {

  cursor: pointer;

  

































}



._spoller-init .spollers__title::before,

._spoller-init .spollers__title::after {

  content: "";

  position: absolute;

  right: 10px;

  top: 50%;

  background-color: var(--color-light);

  height: 2px;

  width: 15px;

  -webkit-transition: -webkit-transform 0.5s ease 0s;

  transition: -webkit-transform 0.5s ease 0s;

  transition: transform 0.5s ease 0s;

  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;

}



._spoller-init .spollers__title::before {

  -webkit-transform: translate(-75%, -50%) rotate(40deg);

      -ms-transform: translate(-75%, -50%) rotate(40deg);

          transform: translate(-75%, -50%) rotate(40deg);

}



._spoller-init .spollers__title::after {

  -webkit-transform: translate(0, -50%) rotate(-40deg);

      -ms-transform: translate(0, -50%) rotate(-40deg);

          transform: translate(0, -50%) rotate(-40deg);

}



._spoller-init .spollers__title._spoller-active::before {

  -webkit-transform: translateX(-75%) rotate(-40deg);

      -ms-transform: translateX(-75%) rotate(-40deg);

          transform: translateX(-75%) rotate(-40deg);

}



._spoller-init .spollers__title._spoller-active::after {

  -webkit-transform: rotate(40deg);

      -ms-transform: rotate(40deg);

          transform: rotate(40deg);

}



.spollers__body {

  padding: 1.25rem;

  border-radius: 0.3125rem;

}



.ibg {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.ibg--top {

  -o-object-position: top;

     object-position: top;

}



.ibg--bottom {

  -o-object-position: bottom;

     object-position: bottom;

}



.ibg--left {

  -o-object-position: left;

     object-position: left;

}



.ibg--right {

  -o-object-position: right;

     object-position: right;

}



.ibg--contain {

  -o-object-fit: contain;

     object-fit: contain;

}



.title {

  font-weight: 700;

  color: var(--color-light);

}



.header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 50;

}



.header__container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 1.25rem;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 5.625rem;

  -webkit-transition: min-height var(--transition-duration);

  transition: min-height var(--transition-duration);

}



._header-scroll .header__container {

  min-height: 4.375rem;

}



.header__logo {

  position: relative;

  z-index: 1;

  color: var(--color-light);

}



.header__logo img,

.header__logo svg {

      width: 220px;

}



.header__logo .logo__accent {

  color: var(--color-accent);

}



.footer__top {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 1.875rem;

  border-bottom: 1px solid var(--color-light);

  border-top: 1px solid var(--color-light);

}



.footer__list {

  display: -ms-grid;

  display: grid;

  gap: 0.9375rem;

}



.footer_logo {

  width:150px;

}



.footer__bottom {

  font-size: 0.875rem;

}



.hero__container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}



.hero__body {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

h3.hero__title {

    font-size: 3.5rem;

}

.hero__title {

  font-weight: 900;

  font-size: 1.5rem;

  line-height: 1.34737;

  text-transform: uppercase;

}



.hero__title:not(:last-child) {

  margin-bottom: 1.875rem;

}



.hero__descr {

  font-weight: 400;

  font-size: 24px;

  line-height: 1.80282;

}



.hero__descr:not(:last-child) {

  margin-bottom: 2.75rem;

}



.hero__descr strong {

  display: block;

  color: var(--color-accent);

}



.hero__images {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  position: relative;

  aspect-ratio: 4/3;

}



.hero__images img {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  -o-object-fit: cover;

     object-fit: cover;

}



.top__container {

  max-width: 900px;

}



.top__list {

  display: -ms-grid;

  display: grid;

  gap: 1.25rem;

}



.top__item {

  background-color: var(--color-dark-gray);

  padding: 1.5625rem 0.9375rem;

  overflow: hidden;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



.top__link {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

  min-height: 100%;

}



.top__logo img {

  width: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.top__caption {

  font-weight: 500;

  font-size: 1.1875rem;

  text-transform: uppercase;

}



.top__caption:not(:last-child) {

  margin-bottom: 1rem;

}



.top__descr {

  font-weight: 700;

  font-size: 1rem;

  line-height: 1.78854;

  color: var(--color-accent);

}



.top__actions {

  font-weight: 500;

  font-size: 1.0625rem;

  line-height: 1.74229;

  text-transform: uppercase;

}



.top__btn {

  margin-top: auto;

}



.top__buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.advantages__container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 900px;

  gap: 1.875rem;

}



.advantages__body {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  min-height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: start;

}



.advantages__list {

  display: -ms-grid;

  display: grid;

  gap: 1.5625rem;

}



.advantages__list:not(:last-child) {

  margin-bottom: 1.5625rem;

}



.advantages__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 17px;

}



.advantages__item svg {

  color: var(--color-accent);

  padding-right: 10px;

}





.advantages__btn {

  margin-top: auto;

}



.advantages__app {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  gap: 1.25rem;

}



.advantages__box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  gap: 1.25rem;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}



.advantages__links {

  display: -ms-grid;

  display: grid;

  gap: 0.3125rem;

}



.advantages__link img {

  max-width: 100%;

}



.games__container {

  max-width: 1280px;

}



.games__list {

  display: -ms-grid;

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));

  gap: 1.25rem;

}



.games__item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  position: relative;

}



.games__image {

  border-radius: 6px;

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.games__link {

  border-radius: 6px;

  padding: 10px;

  display: block;

  background-color: var(--color-accent);

  -ms-flex-line-pack: center;

      align-content: center;

}



.games__name {

  font-size: 21px;

}



.games__play {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

}



.games__buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}



.about__container {

  max-width: 900px;

}



.about__container h2 {

    font-size: 1.8rem;

}



.about__container p,b,strong {

    

    line-height: 2rem;

}



.about__container ul {

	margin-top: 20px;

}



.about__container li {

    font-size: 1rem;

    line-height: 2rem;

    margin-bottom: 10px;

	margin-left: 20px;

}



.faq {

  padding-bottom: 3.125rem;

}



.faq__container {

  max-width: 900px;

}



@media (min-width: 79.375em) {

	.spollers__title {

		font-size: 1.2rem;

	}



  .spollers__body {

    font-size: 1.1rem;

    line-height: 2rem;

  }



  .title {

    font-size: 2.25rem;

  }



  .header__container {

    min-height: 5.625rem;

  }



  .footer__bottom {

    padding-top: 2.5rem;

  }



  .footer__bottom {

    padding-bottom: 2.5rem;

  }



  .hero {

    padding-top: 7.5rem;

  }



  .hero {

    padding-bottom: 7.5rem;

  }



  .top {

    padding-top: 1.875rem;

  }



  .top {

    padding-bottom: 5.625rem;

  }



  .top__title:not(:last-child) {

    margin-bottom: 4.0625rem;

  }



  .top__logo {

    margin-bottom: 2.8125rem;

  }



  .top__actions:not(:last-child) {

    margin-bottom: 1.875rem;

  }



  .top__buttons {

    margin-top: 3.5625rem;

  }



  .advantages {

    padding-top: 5.625rem;

  }



  .advantages {

    padding-bottom: 5.625rem;

  }



  .advantages__title:not(:last-child) {

    margin-bottom: 3.125rem;

  }



  .games {

    padding-top: 5.625rem;

  }



  .games {

    padding-bottom: 5.625rem;

  }



  .games__title:not(:last-child) {

    margin-bottom: 3.5rem;

  }



  .games__buttons {

    margin-top: 3.75rem;

  }



  .about {

    padding-top: 3.125rem;

  }



  .about {

    padding-bottom: 3.125rem;

  }



  .about__container h2:not(:last-child) {

    margin-bottom: 2.1875rem;

  }



  .about__container p {

    margin-bottom: 1.5625rem;

  }



  .faq {

    padding-top: 1.25rem;

  }



  .faq__title {

    margin-bottom: 3.125rem;

  }

}



@media (min-width: 479.98px) {

  .top__list {

    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));

  }

}



@media (min-width: 767.98px) {

  .advantages__app {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

  }



  .advantages__app::before {

    content: "";

    height: 100%;

    width: 2px;

    background-color: var(--color-accent);

  }

}



@media (min-width: 991.98px) {

  .advantages__links {

    padding-bottom: 3.75rem;

  }

}



@media (max-width: 767.98px) {

  .btn {

    font-size: 1.375rem;

  }



  .about__container table {

	width: 100%;

	overflow-x: scroll;

    display: block;

	}





  .menu__body {

    position: fixed;

    width: 100%;

    height: 100%;

    left: -100%;

    top: 0;

    overflow: auto;

    padding: 6.25rem 0.9375rem 0.9375rem 0.9375rem;

    -webkit-transition: left var(--transition-duration);

    transition: left var(--transition-duration);

    background-color: var(--color-dark);

  }



  .menu__body::before {

    content: "";

    position: fixed;

    width: 100%;

    left: -100%;

    top: 0;

    -webkit-transition: left var(--transition-duration);

    transition: left var(--transition-duration);

    z-index: 2;

    background-color: var(--color-dark);

  }



  ._header-scroll .menu__body::before {

    height: 4.375rem;

  }



  .menu-open .menu__body {

    left: 0;

  }



  .menu-open .menu__body::before {

    left: 0;

  }



  .menu__list {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: end;

  }



  .icon-menu {

    display: block;

    position: relative;

    width: 1.875rem;

    height: 1.125rem;

    z-index: 5;

  }



  .icon-menu span,

  .icon-menu::before,

  .icon-menu::after {

    content: "";

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    right: 0;

    position: absolute;

    width: 100%;

    height: 0.125rem;

    background-color: var(--color-light);

  }



  .icon-menu::before {

    top: 0;

  }



  .icon-menu::after {

    bottom: 0;

  }



  .icon-menu span {

    top: calc(50% - 0.0625rem);

  }



  .menu-open .icon-menu span {

    width: 0;

  }



  .menu-open .icon-menu::before {

    top: calc(50% - 0.0625rem);

    -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

            transform: rotate(-45deg);

  }



  .menu-open .icon-menu::after {

    bottom: calc(50% - 0.0625rem);

    -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

            transform: rotate(45deg);

  }



  .title {

    text-align: center;

  }



  .footer__col:first-child {

    -webkit-box-flex: 1;

        -ms-flex: 1 1 100%;

            flex: 1 1 100%;

  }



  .hero__container {

    text-align: center;

	word-break: break-word;

  }



h3.hero__title {

    font-size: 2.5rem;

}

  .hero__title {

    font-size: 1.1rem;

  }



  .hero__images {

    display: none;

  }



  .top__caption {

    font-size: 1.5625rem;

  }



  .top__descr {

    font-size: 1.5625rem;

  }



  .top__actions {

    font-size: 1.5625rem;

  }



  .top__btn {

    width: 100%;

    font-size: 1.125rem;

    padding: 1rem;

  }



  .advantages__container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }



  .advantages__body {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

  }



  .advantages__list {

    -ms-grid-columns: 1fr 1fr;

    grid-template-columns: 1fr 1fr;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }



  .advantages__inner {

    width: 100%;

  }



  .advantages__box {

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }



  .advantages__links {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }



  .advantages__image {

    -webkit-box-ordinal-group: 0;

        -ms-flex-order: -1;

            order: -1;

  }



  .about__container h2 {

    font-size: 1.5625rem;

  }



  .about__container p {

    font-size: 1.125rem;

  }

}



@media (max-width: 767.98px) and (max-width: 20em) {

  .menu__body::before {

    height: 4.375rem;

  }



  .menu__item a {

    font-size: 1.875rem;

  }

}



@media (max-width: 767.98px) and (any-hover: none) {

  .icon-menu {

    cursor: default;

  }

}



@media (max-width: 20em) {

  .spollers__title {

    font-size: 1.25rem;

  }



  .spollers__body {

    font-size: 1.125rem;

  }



  .title {

    font-size: 1.5625rem;

  }



  .header__container {

    min-height: 4.375rem;

  }



  .footer__bottom {

    padding-top: 1.25rem;

  }



  .footer__bottom {

    padding-bottom: 1.25rem;

  }



  .hero {

    padding-top: 6.25rem;

  }



  .hero {

    padding-bottom: 2.5rem;

  }



  .top {

    padding-top: 1.25rem;

  }



  .top {

    padding-bottom: 2.5rem;

  }



  .top__title:not(:last-child) {

    margin-bottom: 1.5625rem;

  }



  .top__logo {

    margin-bottom: 1.875rem;

  }



  .top__actions:not(:last-child) {

    margin-bottom: 1.25rem;

  }



  .top__buttons {

    margin-top: 1.5625rem;

  }



  .advantages {

    padding-top: 2.5rem;

  }



  .advantages {

    padding-bottom: 2.5rem;

  }



  .advantages__title:not(:last-child) {

    margin-bottom: 1.875rem;

  }



  .games {

    padding-top: 2.5rem;

  }



  .games {

    padding-bottom: 2.5rem;

  }



  .games__title:not(:last-child) {

    margin-bottom: 1.875rem;

  }



  .games__buttons {

    margin-top: 1.875rem;

  }



  .about {

    padding-top: 1.25rem;

  }



  .about {

    padding-bottom: 1.25rem;

  }



  .about__container h2:not(:last-child) {

    margin-bottom: 1.5625rem;

  }



  .about__container p {

    margin-bottom: 3.125rem;

  }



  .faq {

    padding-top: 0.625rem;

  }



  .faq__title {

    margin-bottom: 1.875rem;

  }

}



@media (max-width: 34.375em) {

  .advantages__list {

    -ms-grid-columns: initial;

    grid-template-columns: initial;

  }

}



@media (max-width: 767.98px) and (min-width: 79.375em) {

  .menu__body::before {

    height: 5.625rem;

  }



  .menu__item a {

    font-size: 2.5rem;

  }

}



@media (max-width: 767.98px) and (min-width: 20em) and (max-width: 79.375em) {

@supports (height: clamp( 4.375rem , 3.9539473684rem  +  2.1052631579vw , 5.625rem )) {

    .menu__body::before {

      height: clamp( 4.375rem , 3.9539473684rem  +  2.1052631579vw , 5.625rem );

    }

}



@supports not (height: clamp( 4.375rem , 3.9539473684rem  +  2.1052631579vw , 5.625rem )) {

    .menu__body::before {

      height: calc(4.375rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}



@supports (font-size: clamp( 1.875rem , 1.6644736842rem  +  1.0526315789vw , 2.5rem )) {

    .menu__item a {

      font-size: clamp( 1.875rem , 1.6644736842rem  +  1.0526315789vw , 2.5rem );

    }

}



@supports not (font-size: clamp( 1.875rem , 1.6644736842rem  +  1.0526315789vw , 2.5rem )) {

    .menu__item a {

      font-size: calc(1.875rem + 0.625 * (100vw - 20rem) / 59.375);

    }

}

}



@media (min-width: 20em) and (max-width: 79.375em) {

@supports (font-size: clamp( 1.25rem , 1.0815789474rem  +  0.8421052632vw , 1.75rem )) {

    .spollers__title {

      font-size: clamp( 1.25rem , 1.0815789474rem  +  0.8421052632vw , 1.75rem );

    }

}



@supports not (font-size: clamp( 1.25rem , 1.0815789474rem  +  0.8421052632vw , 1.75rem )) {

    .spollers__title {

      font-size: calc(1.25rem + 0.5 * (100vw - 20rem) / 59.375);

    }

}



@supports (font-size: clamp( 1.125rem , 1.0828947368rem  +  0.2105263158vw , 1.25rem )) {

    .spollers__body {

      font-size: clamp( 1.125rem , 1.0828947368rem  +  0.2105263158vw , 1.25rem );

    }

}



@supports not (font-size: clamp( 1.125rem , 1.0828947368rem  +  0.2105263158vw , 1.25rem )) {

    .spollers__body {

      font-size: calc(1.125rem + 0.125 * (100vw - 20rem) / 59.375);

    }

}



@supports (font-size: clamp( 1.5625rem , 1.3309210526rem  +  1.1578947368vw , 2.25rem )) {

    .title {

      font-size: clamp( 1.5625rem , 1.3309210526rem  +  1.1578947368vw , 2.25rem );

    }

}



@supports not (font-size: clamp( 1.5625rem , 1.3309210526rem  +  1.1578947368vw , 2.25rem )) {

    .title {

      font-size: calc(1.5625rem + 0.6875 * (100vw - 20rem) / 59.375);

    }

}



@supports (min-height: clamp( 4.375rem , 3.9539473684rem  +  2.1052631579vw , 5.625rem )) {

    .header__container {

      min-height: clamp( 4.375rem , 3.9539473684rem  +  2.1052631579vw , 5.625rem );

    }

}



@supports not (min-height: clamp( 4.375rem , 3.9539473684rem  +  2.1052631579vw , 5.625rem )) {

    .header__container {

      min-height: calc(4.375rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 1.25rem , 0.8289473684rem  +  2.1052631579vw , 2.5rem )) {

    .footer__bottom {

      padding-top: clamp( 1.25rem , 0.8289473684rem  +  2.1052631579vw , 2.5rem );

    }

}



@supports not (padding-top: clamp( 1.25rem , 0.8289473684rem  +  2.1052631579vw , 2.5rem )) {

    .footer__bottom {

      padding-top: calc(1.25rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-bottom: clamp( 1.25rem , 0.8289473684rem  +  2.1052631579vw , 2.5rem )) {

    .footer__bottom {

      padding-bottom: clamp( 1.25rem , 0.8289473684rem  +  2.1052631579vw , 2.5rem );

    }

}



@supports not (padding-bottom: clamp( 1.25rem , 0.8289473684rem  +  2.1052631579vw , 2.5rem )) {

    .footer__bottom {

      padding-bottom: calc(1.25rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 6.25rem , 5.8289473684rem  +  2.1052631579vw , 7.5rem )) {

    .hero {

      padding-top: clamp( 6.25rem , 5.8289473684rem  +  2.1052631579vw , 7.5rem );

    }

}



@supports not (padding-top: clamp( 6.25rem , 5.8289473684rem  +  2.1052631579vw , 7.5rem )) {

    .hero {

      padding-top: calc(6.25rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-bottom: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem )) {

    .hero {

      padding-bottom: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem );

    }

}



@supports not (padding-bottom: clamp( 2.5rem , 0.8157894737rem  +  8.4210526316vw , 7.5rem )) {

    .hero {

      padding-bottom: calc(2.5rem + 5 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 1.25rem , 1.0394736842rem  +  1.0526315789vw , 1.875rem )) {

    .top {

      padding-top: clamp( 1.25rem , 1.0394736842rem  +  1.0526315789vw , 1.875rem );

    }

}



@supports not (padding-top: clamp( 1.25rem , 1.0394736842rem  +  1.0526315789vw , 1.875rem )) {

    .top {

      padding-top: calc(1.25rem + 0.625 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .top {

      padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem );

    }

}



@supports not (padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .top {

      padding-bottom: calc(2.5rem + 3.125 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.5625rem , 0.7203947368rem  +  4.2105263158vw , 4.0625rem )) {

    .top__title:not(:last-child) {

      margin-bottom: clamp( 1.5625rem , 0.7203947368rem  +  4.2105263158vw , 4.0625rem );

    }

}



@supports not (margin-bottom: clamp( 1.5625rem , 0.7203947368rem  +  4.2105263158vw , 4.0625rem )) {

    .top__title:not(:last-child) {

      margin-bottom: calc(1.5625rem + 2.5 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.875rem , 1.5592105263rem  +  1.5789473684vw , 2.8125rem )) {

    .top__logo {

      margin-bottom: clamp( 1.875rem , 1.5592105263rem  +  1.5789473684vw , 2.8125rem );

    }

}



@supports not (margin-bottom: clamp( 1.875rem , 1.5592105263rem  +  1.5789473684vw , 2.8125rem )) {

    .top__logo {

      margin-bottom: calc(1.875rem + 0.9375 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.25rem , 1.0394736842rem  +  1.0526315789vw , 1.875rem )) {

    .top__actions:not(:last-child) {

      margin-bottom: clamp( 1.25rem , 1.0394736842rem  +  1.0526315789vw , 1.875rem );

    }

}



@supports not (margin-bottom: clamp( 1.25rem , 1.0394736842rem  +  1.0526315789vw , 1.875rem )) {

    .top__actions:not(:last-child) {

      margin-bottom: calc(1.25rem + 0.625 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-top: clamp( 1.5625rem , 0.8888157895rem  +  3.3684210526vw , 3.5625rem )) {

    .top__buttons {

      margin-top: clamp( 1.5625rem , 0.8888157895rem  +  3.3684210526vw , 3.5625rem );

    }

}



@supports not (margin-top: clamp( 1.5625rem , 0.8888157895rem  +  3.3684210526vw , 3.5625rem )) {

    .top__buttons {

      margin-top: calc(1.5625rem + 2 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .advantages {

      padding-top: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem );

    }

}



@supports not (padding-top: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .advantages {

      padding-top: calc(2.5rem + 3.125 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .advantages {

      padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem );

    }

}



@supports not (padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .advantages {

      padding-bottom: calc(2.5rem + 3.125 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.875rem , 1.4539473684rem  +  2.1052631579vw , 3.125rem )) {

    .advantages__title:not(:last-child) {

      margin-bottom: clamp( 1.875rem , 1.4539473684rem  +  2.1052631579vw , 3.125rem );

    }

}



@supports not (margin-bottom: clamp( 1.875rem , 1.4539473684rem  +  2.1052631579vw , 3.125rem )) {

    .advantages__title:not(:last-child) {

      margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .games {

      padding-top: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem );

    }

}



@supports not (padding-top: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .games {

      padding-top: calc(2.5rem + 3.125 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .games {

      padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem );

    }

}



@supports not (padding-bottom: clamp( 2.5rem , 1.4473684211rem  +  5.2631578947vw , 5.625rem )) {

    .games {

      padding-bottom: calc(2.5rem + 3.125 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.875rem , 1.3276315789rem  +  2.7368421053vw , 3.5rem )) {

    .games__title:not(:last-child) {

      margin-bottom: clamp( 1.875rem , 1.3276315789rem  +  2.7368421053vw , 3.5rem );

    }

}



@supports not (margin-bottom: clamp( 1.875rem , 1.3276315789rem  +  2.7368421053vw , 3.5rem )) {

    .games__title:not(:last-child) {

      margin-bottom: calc(1.875rem + 1.625 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-top: clamp( 1.875rem , 1.2434210526rem  +  3.1578947368vw , 3.75rem )) {

    .games__buttons {

      margin-top: clamp( 1.875rem , 1.2434210526rem  +  3.1578947368vw , 3.75rem );

    }

}



@supports not (margin-top: clamp( 1.875rem , 1.2434210526rem  +  3.1578947368vw , 3.75rem )) {

    .games__buttons {

      margin-top: calc(1.875rem + 1.875 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 1.25rem , 0.6184210526rem  +  3.1578947368vw , 3.125rem )) {

    .about {

      padding-top: clamp( 1.25rem , 0.6184210526rem  +  3.1578947368vw , 3.125rem );

    }

}



@supports not (padding-top: clamp( 1.25rem , 0.6184210526rem  +  3.1578947368vw , 3.125rem )) {

    .about {

      padding-top: calc(1.25rem + 1.875 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-bottom: clamp( 1.25rem , 0.6184210526rem  +  3.1578947368vw , 3.125rem )) {

    .about {

      padding-bottom: clamp( 1.25rem , 0.6184210526rem  +  3.1578947368vw , 3.125rem );

    }

}



@supports not (padding-bottom: clamp( 1.25rem , 0.6184210526rem  +  3.1578947368vw , 3.125rem )) {

    .about {

      padding-bottom: calc(1.25rem + 1.875 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.5625rem , 1.3519736842rem  +  1.0526315789vw , 2.1875rem )) {

    .about__container h2:not(:last-child) {

      margin-bottom: clamp( 1.5625rem , 1.3519736842rem  +  1.0526315789vw , 2.1875rem );

    }

}



@supports not (margin-bottom: clamp( 1.5625rem , 1.3519736842rem  +  1.0526315789vw , 2.1875rem )) {

    .about__container h2:not(:last-child) {

      margin-bottom: calc(1.5625rem + 0.625 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.5625rem , 3.6513157895rem  +  -2.6315789474vw , 3.125rem )) {

    .about__container p {

      margin-bottom: clamp( 1.5625rem , 3.6513157895rem  +  -2.6315789474vw , 3.125rem );

    }

}



@supports not (margin-bottom: clamp( 1.5625rem , 3.6513157895rem  +  -2.6315789474vw , 3.125rem )) {

    .about__container p {

      margin-bottom: calc(3.125rem + -1.5625 * (100vw - 20rem) / 59.375);

    }

}



@supports (padding-top: clamp( 0.625rem , 0.4144736842rem  +  1.0526315789vw , 1.25rem )) {

    .faq {

      padding-top: clamp( 0.625rem , 0.4144736842rem  +  1.0526315789vw , 1.25rem );

    }

}



@supports not (padding-top: clamp( 0.625rem , 0.4144736842rem  +  1.0526315789vw , 1.25rem )) {

    .faq {

      padding-top: calc(0.625rem + 0.625 * (100vw - 20rem) / 59.375);

    }

}



@supports (margin-bottom: clamp( 1.875rem , 1.4539473684rem  +  2.1052631579vw , 3.125rem )) {

    .faq__title {

      margin-bottom: clamp( 1.875rem , 1.4539473684rem  +  2.1052631579vw , 3.125rem );

    }

}



@supports not (margin-bottom: clamp( 1.875rem , 1.4539473684rem  +  2.1052631579vw , 3.125rem )) {

    .faq__title {

      margin-bottom: calc(1.875rem + 1.25 * (100vw - 20rem) / 59.375);

    }

}

}



@media (any-hover: hover) {

  .btn:hover {

    background-color: var(--color-hover);

    scale: 1.1;

  }



  .menu__item a:hover {

    color: var(--color-hover);

  }



  .footer__item a:hover {

    color: var(--color-accent);

  }



  .top__item:hover {

    -webkit-transform: translateY(-0.3125rem);

        -ms-transform: translateY(-0.3125rem);

            transform: translateY(-0.3125rem);

  }



  .games__item:hover .games__link {

    opacity: 1;

    -webkit-transform: scale(1.06);

        -ms-transform: scale(1.06);

            transform: scale(1.06);

  }



  .games__link {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    display: -ms-grid;

    display: grid;

    place-items: center;

    gap: 0.9375rem;

  }

}