body {     background: rgb(17, 12, 51);     line-height: normal;     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;     position: relative;     font-size: 14px;     color: #000000d9;     margin: 0; }  * {     box-sizing: border-box; } .container {   max-width: 1200px;   margin: 0 auto; } .header {     position: fixed;     top: 0;     left: 0;     width: 100%;     background: rgb(17, 12, 51);     z-index: 10; }  .header__top, .nav-game, .games, .content {     padding: 15px 50px; }  .header__top {     display: flex;     justify-content: space-between;     align-items: center; }  .button__box {     display: flex;     align-items: center; }  .btn {     display: inline-flex;     align-items: center;     justify-content: center;     cursor: pointer;     text-decoration: none;     padding: 10px 20px;     transition: background 300ms ease-out;     position: relative;     border-radius: 12px;     font-weight: 700; }  .bonus {     color: rgb(255, 0, 97);     background: rgb(255 0 97 / 12%);     border: 1px solid rgb(137 126 169 / 0%);     margin-right: 20px;     font-weight: 500; }  .bonus:before {     content: "";     height: 20px;     width: 20px;     background: url(/shared/3431/vector.svg);     background-size: 20px;     background-repeat: no-repeat;     margin-right: 10px;     display: inline-block;     position: relative; }  .bonus:after {     content: "";     width: 1px;     display: inline-block;     height: 25px;     border-right: 1px solid;     border-color: rgb(256 256 256 / 12%);     top: 50%;     position: absolute;     right: -10px;     transform: translateY(-50%); }  .login {     background: rgb(44 39 70);     color: rgb(255 255 255);     margin-right: 10px; }  .login:hover {     background: rgb(127, 75, 211);     transition: opacity 300ms ease-out; }  .reg {     background-color: #ff0061;     color: rgb(255 255 255);     border: 1px solid transparent; }  .reg:hover {     background: rgb(127, 75, 211);     transition: opacity 300ms ease-out; }  .header__nav {     background: rgb(33, 29, 78);     border-bottom: 1px solid #ff0052;     padding: 0 50px; }  .nav__list {     list-style: none;     padding: 0;     margin: 0;     display: flex;     justify-content: center; }  .nav__link {     display: block;     color: rgb(255, 255, 255);     font-size: 14px;     font-weight: 400;     letter-spacing: 0px;     text-transform: uppercase;     padding: 13px 7px;     text-decoration: none; }  .nav__link:hover {     color: #ff0052;     background: #121042;     border-radius: 0; }  .burger {     display: none; }  @media screen and (max-width: 1024px) {     .bonus span {         display: none;     }      .bonus:before {         margin: 0;     }      .nav__link {         color: rgb(255, 255, 255);         font-size: 14px;         font-weight: 400;         letter-spacing: 0px;         text-transform: none;     }      .header__top,     .header__nav {         padding-left: 12px;         padding-right: 12px;     } }  @media screen and (max-width: 840px) {     .header__nav {         padding-top: 10px;         padding-bottom: 10px;     }      .nav__list {         flex-direction: column;         display: none;     }      .burger {         display: flex;         flex-direction: column;         justify-content: center;         align-items: center;         cursor: pointer;     }      .burger span {         display: block;         background-color: #ff0052;         width: 25px;         height: 3px;         margin-bottom: 5px;     }      .burger span:last-child {         margin-bottom: 0;     }      .header__nav.show .nav__list {         display: flex;     }      .header__nav.show .burger span:first-child {         transform: rotate(-45deg);         position: relative;         top: 8px;     }      .header__nav.show .burger span:last-child {         transform: rotate(45deg);     }      .header__nav.show .burger span:nth-child(2) {         display: none;     } }  @media screen and (max-width: 440px) {     .bonus {         display: none;     } }  @media screen and (max-width: 380px) {     .btn {         padding: 5px 15px;         border-radius: 6px;         font-size: 12px;     }      .logo__link img {         max-width: 75px;     } }  .main {     margin-top: 121px; }  .banner-slider {     position: relative;     overflow: hidden;     width: 100%;     max-width: 100%;     height: auto; }  .slider-track {     transition: transform 0.5s ease-in-out;     will-change: transform; }  .banner-img {     height: auto;     display: block;     border-radius: 8px;     width: 100%;     height: 100%; }  .banner-slider__content {     position: absolute;     left: 5%;     top: 50%;     transform: translateY(-50%); }  .slider-track h1 {     color: #ff0052;     font-size: 28px;     line-height: 20px;     font-weight: 600;     text-align: left;     margin-bottom: 10px;     margin-top: 10px;     position: relative;     z-index: 1; }  .banner-slider__bonuses {     color: #fff;     font-size: 20px;     margin-top: 30px;     display: flex;     flex-direction: column;     text-transform: uppercase; }  .banner-slider__bonuses span:first-child {     font-size: 52px;     font-weight: 900; }  .banner-slider__bonuses .btn {     padding: 5px 15px;     border-radius: 6px;     font-size: 12px;     max-width: 220px;     margin: 10px auto 0; }  @media (max-width: 1024px) {     .banner__link {         height: auto;     }      .banner-slider__bonuses {         margin-top: 20px;     }      .slider-track {         height: 320px;     }      .banner-img {         object-fit: cover;     } }  @media (max-width: 670px) {     .banner-slider__bonuses span:first-child {         font-size: 38px;     }      .banner-slider__bonuses {         font-size: 14px;     }      .banner-slider__bonuses {         margin-top: 12px;     } }  @media (max-width: 415px) {     .banner-slider__content {         left: 0;         background: #211d4e85;         width: 100%;         padding: 20px;     } }  .nav-game__list {     list-style: none;     display: flex;     justify-content: space-around;     width: 100%;     margin: 0;     padding: 0;     gap: 16px; }  .nav-game__item {     display: flex;     justify-content: center;     list-style-type: none;     position: relative;     z-index: 2;     border-radius: 10px;     width: 100%;     transition: 0.6s;     height: fit-content; }  .nav-game__item:hover {     transform: scale(1.03);     transition: 0.3s; }  .nav-game__link {     display: block;     width: 100%; }  .nav-game__link img {     width: 100%;     height: 100%; }  @media screen and (max-width: 1024px) {     .nav-game {         display: none;     } }  .content__block {     background: rgb(33, 29, 78);     border-color: rgba(33, 29, 78, 0);     padding: 20px 20px 20px 30px;     border-radius: 20px 20px 20px 20px;     color: rgb(255, 255, 255); }  .content__block h2 {     font-size: 20px; }  .content__block h3 {     font-size: 18px; }  .content__block a {     color: rgb(122, 111, 194);     text-decoration: underline; }  .content__block a:hover {     color: #ff0052; }  .footer {     background: rgb(20, 14, 55);     color: rgb(158, 152, 196);     padding: 40px 20px; }  .footer-top {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     padding: 0 50px;     margin: auto; }  .footer-col {     margin-bottom: 30px;     margin-right: 40px; }  .footer-col ul {     list-style: none;     padding: 0;     margin: 0; }  .footer-col li {     margin-bottom: 8px; }  .footer-col a {     color: rgb(158, 152, 196);     font-size: 14px;     font-weight: 400;     letter-spacing: 0px;     text-transform: none;     line-height: 15px;     text-decoration: none; }  .footer-col a:hover {     color: rgb(255, 255, 255); }  .app-block span {     display: block;     margin-top: 10px; }  .contact-block {     height: 20%;     background: #1A1542;     border: 1px solid #332E55;     border-radius: 5px;     display: flex;     justify-content: space-between;     padding: 15px 15px;     width: 100%;     max-width: 420px; }  .contact-block__contact {     border-top: 0;     border-left: 0;     border-right: 1px;     border-bottom: 0;     border-color: #616092;     border-style: dashed;     width: 100%;     display: flex;     flex-direction: column;     align-items: start;     justify-content: center;  }  .contact-block__contact a {     display: block;     font-size: 11px;     padding-bottom: 10px;     text-align: start;     text-decoration: none; }  .contact-block__contact a:hover {     color: #352e5b; }  .contact-block__social {     margin-left: 10px; }  .contact-block .social-icons {     margin-top: 10px;     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 10px; }  .contact-block .social-icons a:hover {     opacity: .8; }  .contact-block .social-icons img {     width: 35px;     height: 35px; }  .contact-block strong {     padding-bottom: 10px;     color: #fff;     margin: 0px;     text-align: left;     font-weight: 600;     font-size: 12px; }  .footer-bottom {     border-top: 1px solid #2e2e50;     margin-top: 30px;     padding-top: 20px;     font-size: 13px;     margin-left: auto;     margin-right: auto;     padding: 0 50px; }  .footer-center {     padding: 0 50px; }  .footer-lang-age {     display: flex;     justify-content: space-between;     align-items: center;     padding: 20px 50px 0;     border-top: 1px solid #2e2e50;     margin: 0 auto;     gap: 20px;     flex-wrap: wrap; }  .lang-select {     display: flex;     align-items: center;     gap: 10px; }  .lang-select img {     width: 24px;     height: 16px; }  .lang-select ul {     position: relative;     padding: 0; }  .lang-select ul li {     background-color: #1a133f;     color: #fff;     border: 1px solid #3b336b;     border-radius: 4px;     padding: 4px 8px;     font-size: 14px;     list-style: none; }  .lang-select ul li a {     color: #fff;     text-decoration: none;     display: flex;     align-items: center;     gap: 11px; }  .lang-select ul li:last-child {     display: none; }  .lang-select ul:hover li:last-child {     display: block;     position: absolute;     bottom: -100%;     left: 0; }  .age-limit {     display: flex;     align-items: center;     gap: 10px;     font-size: 18px;     font-weight: bold;     color: #cfcfea; }  .age-limit img {     height: 24px; }  .flex-footer {     display: flex;     align-items: center;     justify-content: space-between;     gap: 30px;     width: 50%; }  .custom-arrow-dropdown {     display: block;     height: 11px;     width: 11px; }  .custom-arrow-dropdown .cover-image {     object-fit: fill;     width: 100%;     height: 100%; }  .pay {     display: flex;     flex-wrap: wrap;     justify-content: center;     align-items: center;     gap: 50px;     background: rgb(28, 18, 70);     padding: 15px 50px; }  .pay a {     display: block; }  .pay a img {     max-width: 100%;     height: auto; }  @media screen and (max-width: 767px) {     .footer-top {         flex-direction: column;     }      .footer-top,     .footer-lang-age,     .footer-bottom {         padding: 0;     }      .flex-footer {         width: 100%;     } }  @media screen and (max-width: 580px) {     .footer-lang-age {         flex-direction: column;     } }  table {     border-collapse: collapse;     width: 100%; }  table, th, td {     border: 2px solid rgb(122, 111, 194); }  tr:nth-child(even) {     background-color: rgb(122, 111, 194); }  .content ul li::marker {     color: rgb(122, 111, 194); }  .content ol {     counter-reset: item;     list-style: none;     padding-left: 0; }  .content ol li {     counter-increment: item;     margin-bottom: 10px;     position: relative;     padding-left: 40px; }  .content ol li::before {     content: counter(item);     position: absolute;     left: 15px;     top: 0;     width: 20px;     height: 20px;     line-height: 20px;     border-radius: 50%;     background-color: rgb(122, 111, 194);     color: white;     text-align: center; }  .content img {     max-width: 100%;     height: auto;     margin-top: 10px;     margin-bottom: 10px; }  .no_bullets {     background-color: #211d4e;     border-radius: 12px;     padding: 16px;     margin-bottom: 16px;     color: rgb(122, 111, 194); }  .toc_title {     cursor: pointer;     display: flex;     justify-content: space-between;     align-items: center;     border-radius: 12px;     margin: 0; }  .toc_title span {     display: block;     font-size: 1.17em;     font-weight: bold;     margin: 0; }  .toggle-icon {     transition: transform .3s ease-out !important; }  .toc_list {     max-height: 0;     overflow: hidden;     transition: max-height .5s ease-in-out;     display: flex;     flex-direction: column;     flex-wrap: wrap;     margin: 0;     padding: 0; } .open .toc_list {     max-height: 2000px;     height: 100%; }  .toc_list a {     position: relative;     display: flex;     flex: 0 0 50%;     align-items: center;     padding: 16px 12px;     border-radius: 4px;     color: #7a6fc2;     transition: color .3s ease-out;     overflow: hidden;     z-index: 1; }  .toc_list a::before {     content: '';     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: radial-gradient(99.97% 100% at 50% 0, #7a6fc2 0, rgb(77, 77, 129) 100%);     opacity: 0;     transition: opacity .3s ease-out;     border-radius: inherit;     z-index: -1; }  .toc_list a:hover::before {     opacity: 1; }  .toc_list a:hover {     color: #fff; }