html, body {   overflow-x: hidden; } body {     margin: 0;     padding: 0;     font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;     font-optical-sizing: auto;     font-weight: 400;     font-style: normal;     background-color: #131222; }  *, ::after, ::before {     box-sizing: border-box; }  .header {     width: 100%;     z-index: 99;     position: fixed;     top: 0;     left: 0;     background: #212121; }  .container {     max-width: 1320px;     margin: 0 auto;     padding: 0 12px; }  .header__wrapper {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: space-between;     transition: all 0.9s;     padding: 21px 0 21px; }  .header__bar {     display: none; }  .logo {     max-width: 160px;     height: auto; }  .logo__link {     display: block; }  .menu {     position: relative;     display: flex;     align-items: center;     padding: 0;     margin: 0;     list-style: none; }  .menu__item {     transition: all 0.6s;     position: relative;     text-transform: capitalize;     border-radius: initial; }  .menu__item:not(:last-child) {     margin-right: 35px; }  .menu__link {     color: #fff;     font-weight: 600;     font-size: 18px;     transition: all 0.3s;     text-decoration: none; } .menu__link:hover {     color: #ffc827; } .menu__link:hover .rela {   color: #ffffff; } .menu__item.gap {     display: flex;     gap: 13px; }  .btn {     text-decoration: none;     padding: 8px 20px;     font-size: 14px;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     display: inline-block;     text-transform: capitalize;     transition: all 0.3s;     text-align: center;     position: relative;     overflow: hidden;     z-index: 1;     color: #fff;     background-color: transparent;     border: 1px solid #ffc827; }  .btn:before {     content: "";     position: absolute;     bottom: 100%;     left: 100%;     width: 100%;     height: 100%;     background-color: #ffc827;     transition: all 0.6s;     z-index: -1; }  .btn:after {     content: "";     position: absolute;     bottom: 0;     left: 0;     width: 100%;     height: 100%;     z-index: -2; }  .btn:hover::before {     width: 100%; }  .btn:hover:before {     bottom: 0;     left: 0; } .banner-button .btn {     display: block; } .banner {     overflow: hidden;     padding: 200px 0px;     position: relative;     background-image: url(/shared/3158/bg.webp);     background-position: center center;     background-repeat: no-repeat;     background-size: cover;     margin-top: 85px; } .banner::before {     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     width: 100%;     height: 100%;     content: "";     background-color: rgba(17, 20, 34, 0.8); } .banner p {   color: #ffffff;   position: relative;   line-height: 1.5; } h1 {     font-size: 56px;     margin-top: -7px;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     text-transform: uppercase;     line-height: 80px;     color: #ffc827;     margin-bottom: .5rem;     position: relative;     z-index: 1; } .main {     padding: 100px 0;   line-height: 1.5; } .game {     position: relative; } .game img {     width: 100%;     height: 100%; } .games__grid {     display: grid;     grid-template-columns: repeat(4, 1fr);     grid-template-rows: repeat(2, 200px);     gap: 24px;     margin-bottom: 24px; }  .game:first-child {     grid-column: 1;     grid-row: 1 / span 2; } .game__overlay {     position: absolute;     inset: 100% 0 0 100%;     width: 0;     display: flex;     align-items: center;     justify-content: center;     background: rgba(1, 17, 57, 0.7);     content: "";     transition: all 0.6s ease-in-out; } .game .btn {     opacity: 0;   color: #fff;       text-decoration: none; } .game:hover .game__overlay {     inset: 0 0 0 0%;     width: 100%; } .game:hover .btn {     opacity: 1;   color: #fff;       text-decoration: none; } .none-big-img .game:first-child {     grid-row: 1 / span 1;     grid-column: 1; } .main {     color: #ffffff;     padding: 50px 0; }  .main ul {     padding: 0;     margin: 15px 0;     list-style: none; }  .main ul li {     margin-bottom: 20px;     padding-left: 35px;   position: relative; } .main ul li:before {     content: '';     display: block;     width: 30px;     height: 30px;     background: url(/shared/3158/list.svg) no-repeat;     background-size: contain;     position: absolute;     left: 0; } .main ul li span {     display: inline-block;     width: 30px;     height: 30px; } .main a, p a {     text-decoration: none;     margin: 0;     color: #b7256e; } .main a:hover, p a:hover {     color: #fd8ec6;     text-decoration: underline; } .footer {     background-color: #131222;     padding: 80px 0 20px; }  .footer__wrapper {     display: flex;     flex-wrap: wrap; }  .footer__description {     flex: 0 0 auto;     width: 25%;     padding: 0 24px; }  .footer__description__title {     color: #fff;     text-transform: uppercase;     margin-bottom: 0;     margin-bottom: 20px; }  .footer__description__text {     color: #fff;     margin-bottom: 5px;     font-size: 16px;     line-height: 30px;     font-weight: 400; }  .footer__menu {     flex: 0 0 auto;     width: 16.66666667%;     padding: 0 24px; }  .footer__menu__list {     padding: 0;     margin: 0;     list-style: none; }  .footer__menu__item {     font-size: 16px;     text-transform: uppercase;     padding: 5px 0; }  .footer__menu__link {     color: #fff;     transition: all 0.4s ease-in-out;     text-decoration: none;     margin: 0; } .footer__menu__link:hover {   text-decoration: underline; } h1 span, h2 span {     color: #ffc827; }  @media (max-width: 1380px) {     .container {         max-width: 1140px;     }    .footer .container {         max-width: 1380px;     } } @media (max-width: 1200px) {     .container {         max-width: 980px;     }     .footer__menu {         flex: 0 0 auto;         width: 24%;         padding: 0 24px;     }     .footer__wrapper {         justify-content: space-between;     }       .payments {         display: flex;         justify-content: flex-start;         gap: 10px;     } }  @media (max-width: 992px) {     .container {         max-width: 720px;     }     .header__bar {         display: block;         position: relative;         width: 40px;         height: 20px;     }     .header__bar span {         position: absolute;         width: 100%;         height: 2px;         display: inline-block;         transition: all 0.3s;         left: 0;         background: #ffc827;     }     .header__bar span:first-child {         top: 0;         background: #ffc827;     }     .header__bar span:nth-child(2) {         top: 44%;         width: 30px;         background: #ffc827;     }     .header__bar span:last-child {         bottom: 0;         width: 25px;         background: #ffc827;     }     .header__bar.active span:first-child {         transform: rotate(45deg) translate(3px, 9px);     }     .header__bar.active span:nth-child(2) {         opacity: 0;     }     .header__bar.active span:last-child {         transform: rotate(-45deg) translate(3px, -9px);         width: 40px;     }     .menu {         display: none;     }     .menu.active {         position: relative;         top: 100%;         width: 100%;         display: inline !important;         left: 0;         margin-top: 20px;         z-index: 999;         padding: 0px 0px;         transition: all 2s !important;         transform-origin: top;         max-height: calc(100vh - 130px);         overflow-y: auto;         border-radius: 10px;     }     .menu li a {         display: block;         padding: 10px 10px 14px;     }     .menu li:not(:last-child) {         margin-right: 0;         margin-bottom: 15px;     }     .footer__description {         flex: 0 0 auto;         width: 100%;         padding: 0 24px;     }     .footer__menu {         flex: 0 0 auto;         width: 50%;         padding: 0 24px;     }     .games__grid {         grid-template-columns: repeat(2, 1fr);         grid-template-rows: repeat(4, 1fr);     } }  @media screen and (max-width: 575px) {     h1 {         font-size: 32px;         line-height: 45px;     }     .main p {         font-size: 14px;         line-height: 26px;     } } @media screen and (max-width: 414px) {     .footer__wrapper {         flex-direction: column;     }     .footer__menu {         width: 100%;     }     .games__grid {         grid-template-columns: repeat(1, 1fr);         grid-template-rows: auto;     } }  p img {     margin: 10px 0; }  .breadcrumbs-list__item {     position: relative;     color: #ffc827; } .breadcrumbs-list .breadcrumbs-list__item:before {     display: none; } .breadcrumbs-list__item:not(:first-child)::before {     position: absolute;     right: 100%;     content: "";     top: 0;     width: 6px;     height: 6px;     margin-top: 7px;     background-color: #fff;     border-radius: 100%;     left: -15px; } .breadcrumbs-list__item a {     color: #ffffff; } table { width: 100%; } table,td, th {     border: 1px solid #ffc827;    border-collapse: collapse; } td, th { padding: 10px   } p img {   margin: 10px 0;   max-width: 100%;       height: auto; } .button .btn {     background: #d5a003;   color: #fff; } .button a:hover {     color: #fff;     text-decoration: none; } .payments {   display: flex;   justify-content: flex-end;   align-items: center;   flex-wrap: wrap;   list-style: none;   padding: 0; } .img__link {   display: inline-block;   height: 40px;   margin-right: 24px;   width: 80px; } .img__link img {   height: 100%;   object-fit: contain;   width: 100%; } .footer__wrapper__bottom {     display: grid;     grid-template-columns: 1fr 1fr;   margin-top: 50px;   color: #fff; } @media screen and (max-width: 414px) { 	.footer__wrapper__bottom {         display: block;         text-align: center;     }   .footer__wrapper__bottom .logo {     margin: 0 auto;   } } .footer__social { 	display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     margin-top: 20px;     gap: 8px; } .footer__social a {     display: flex;     flex-direction: row;     align-items: center;     justify-content: center;     background: #ffffff1f;     border-radius: 50%;     height: 40px;     width: 40px; }  .footer__social a img {     height: 24px;     object-fit: contain;     object-position: center;     width: 24px; } .footer__img {   padding: 0;   display: flex;   justify-content: flex-end;   gap: 24px;   flex-wrap: wrap; } @media screen and (max-width: 414px) { .footer__img {   justify-content: flex-start; } } .pay__block .img__link {   margin: 0; } .pay__block {   display: flex;     flex-direction: column;     justify-content: space-between; }