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-family: "Montserrat", sans-serif;     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-section {     overflow: hidden;     padding: 200px 0 70px;     position: relative;     background-image: url(/shared/3157/1.webp);     background-position: center center;     background-repeat: no-repeat;     background-size: cover; }  .banner-section::before {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     bottom: 0;     right: 0;     content: "";     opacity: 0.8; }  .ludo-shape-2 {     position: absolute;     top: 215px;     right: 80px;     animation: 20s linear 0s infinite normal none running rotate; }  @keyframes rotate {     0% {         transform: rotate(0deg);     }      100% {         transform: rotate(360deg);     } }  .ludo-shape-2 img {     width: 200px;     object-fit: cover; }  .banner__wrapper {     display: flex;     flex-wrap: wrap;     align-items: center;     justify-content: space-between; }  .banner__content {     flex: 0 0 auto;     width: 41.66666667%; }  .fadeInLeft {     visibility: visible;     animation-delay: 0.4s;     animation-name: fadeInLeft;     position: relative;     max-width: 650px; }  .fadeInLeft p, .main {   color: #fff;   line-height: 1.5; }  @keyframes fadeInLeft {     0% {         opacity: 0;         -webkit-transform: translateX(-20px);         -ms-transform: translateX(-20px);         transform: translateX(-20px);     }      100% {         opacity: 1;         -webkit-transform: translateX(0);         -ms-transform: translateX(0);         transform: translateX(0);     } }  .banner__content h1 {     font-size: 56px;     margin-top: -7px;     font-family: "Montserrat", sans-serif;     font-optical-sizing: auto;     font-weight: 700;     font-style: normal;     text-transform: uppercase;     line-height: 80px;     color: #fff;     margin-bottom: .5rem; }  .fadeInDown {     visibility: visible;     animation-delay: 0.3s;     animation-name: fadeInDown;     color: #fff;     font-size: 16px;     line-height: 30px;     margin-bottom: 0;     font-family: "Montserrat", sans-serif;     font-weight: 400; }  @keyframes fadeInDown {     0% {         opacity: 0;         -webkit-transform: translateY(-20px);         -ms-transform: translateY(-20px);         transform: translateY(-20px);     }      100% {         opacity: 1;         -webkit-transform: translateY(0);         -ms-transform: translateY(0);         transform: translateY(0);     } }  .banner__img {     flex: 0 0 auto;     width: 58.33333333%; }  .banner-thumb {     width: 800px;     height: auto; }  img {     max-width: 100%;     height: auto; }  .banner-button {     margin-top: 1.5rem; }   h2 {     font-size: 30px;     font-family: "Montserrat", sans-serif;     font-weight: 700;     text-transform: uppercase;     line-height: 45px;     color: #ffffff; }  .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/3157/list.svg) no-repeat;     background-size: contain;     position: absolute;     left: 0; } .main ul li span {     display: inline-block;     width: 30px;     height: 30px; }  p a, .main a {     text-decoration: none;     margin: 0;     color: #b7256e;     font-family: "Montserrat", sans-serif; } p a:hover, .main a:hover {    } .footer {     background-color: #131222;     padding: 80px 0 20px; }  .footer__wrapper {     display: flex;     flex-wrap: wrap; }  .footer__description {     flex: 0 0 auto;     width: 33.33333333%;     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-family: "Montserrat", sans-serif;     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;     font-family: "Montserrat", sans-serif;     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;     }     .bonuses-section .banner__img {         width: 50%;     }     .banner-thumb {         width: auto;     } } @media (max-width: 1200px) {     .container {         max-width: 980px;     }     .banner-section .banner-thumb {         width: 400px;     }     .banner__content h1 {         line-height: 65px;         font-size: 50px;     }     .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;     }     .banner-section .banner__img {         display: none;     }     .banner__wrapper {         flex-direction: column;     }     .banner__content {         width: 100%;     }     .bonuses-section {         padding: 100px 0px;     }     .banner-section {         padding: 200px 0px 100px;     }     .bonuses-section .banner__img {         width: 100%;     }     .footer__description {         flex: 0 0 auto;         width: 100%;         padding: 0 24px;     }     .footer__menu {         flex: 0 0 auto;         width: 50%;         padding: 0 24px;     } }  @media screen and (max-width: 575px) {     .banner__content h1 {         font-size: 32px;         line-height: 45px;     }     .banner-section p, .main p {         font-size: 14px;         line-height: 26px;     }   td, th {     font-size: 10px; } } @media screen and (max-width: 414px) {     .footer__wrapper {         flex-direction: column;     }     .footer__menu {         width: 100%;     }   .footer__wrapper__bottom .logo {         margin: 0 auto;     }   .footer__wrapper__bottom {         display: block;         text-align: center;     } }  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; } .breadcrumbs-list__item a:hover {   text-decoration: underline; } .post__author {     display: flex;     align-items: center;     gap: 15px;     padding: 10px;     border-radius: 10px; } .post__author__photo {     display: inline-block;     width: 100px;     height: auto;     border-radius: 50%; } .post__author__photo img {     border-radius: 50%; } .post__author__info {     display: flex;     align-items: center;     gap: 15px; } .post__author__info .name, .post__author__info p {     margin: 0; }  .post__author__info p {     color: #b1b1b1; }  @media (max-width: 520px) {     .post__author__info {         flex-direction: column;     } } 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%; } .main a {     text-decoration: none;     margin: 0;     color: #b7256e;     font-family: "Montserrat", sans-serif; } .main a:hover {   color: #fd8ec6;   text-decoration: underline; } .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; }