body {     background: rgb(15, 10, 45);     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; }  .content {     padding: 15px 50px; }  .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; }  .login {     background: rgb(44 39 70);     color: rgb(255 255 255);     margin-right: 10px; }  .login:hover {     background: rgb(118 69 197);     transition: opacity 300ms ease-out; }  .reg {     background-color: #ff0061;     color: rgb(255 255 255);     border: 1px solid transparent; }  .reg:hover {     background: rgb(118 69 197);     transition: opacity 300ms ease-out; }  @media screen and (max-width: 380px) {     .btn {         padding: 5px 15px;         border-radius: 6px;         font-size: 12px;     } }  .main {     margin-top:0; }  .content {     background: rgb(38, 32, 72); }  .content__block {     border-radius: 20px 20px 20px 20px;     color: rgb(255, 255, 255); }  .content__block h1 {     color: rgb(255, 255, 255);     font-size: 24px;     line-height: 20px;     font-weight: 600;     text-align: center;     position: relative;     z-index: 1; }  .content__block h2 {     font-size: 20px; }  .content__block h3 {     font-size: 18px; }  .content__block img {     max-width: 100%;     height: auto; }  .content__block a {     color: rgb(122, 111, 194);     text-decoration: underline; }  .content__block a:hover {     color: #ff0055; }  .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: 30px;     font-weight: bold;     color: rgb(158, 152, 196); }  .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;     } }  .iframe {     position: relative;     z-index: 100; }  .iframe__item {     height: 80vh;     text-align: center;     position: relative; } .iframe__item::before {   content: "";   position: absolute;   top: 0; left: 0; right: 0; bottom: 0;   background: url('/uploads/3176/pages/34658/34658.jpeg') center center / cover no-repeat;   filter: blur(10px);   z-index: -1; } #loadIframeBtn {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     z-index: 999; }  .iframe__wrapper, .iframe__inner {     width: 100%;     height: 100%; }  .iframe__item iframe {     width: 100%;     height: 100%;     border-radius: 12px;     margin-bottom: 22px; } .button-box {     margin: 20px auto; } .button-box .btn {     display: block;     width: 100%;     margin: 0 auto;     text-align: center;     text-transform: uppercase;     color: rgb(255 255 255);   text-decoration: none; } .button-box .btn:hover {     background: rgb(127, 75, 211);     transition: opacity 300ms ease-out; color: rgb(255 255 255); }