html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font-family: "Roboto", serif;vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}html, body {width: 100%;height: 100%;background: #110D0D;}p, a, span, h1, h2, h3, h4 {color: #ffffff;}* {}.content {max-width: 1240px;margin: 0 auto;padding: 0 20px;@media(max-width: 1200px) {padding: 0 15px;}@media(max-width: 920px) {padding: 0 10px;}@media(max-width: 768px) {padding: 0 5px;}}.title-block-h3 {font-size: 22px;font-weight: 500;margin-bottom: 15px;}.title-block {font-size: 40px;line-height: 48px;color: #fff;text-align: center;margin-bottom: 45px;@media(max-width: 1024px) {font-size: 35px;line-height: 40px;margin-bottom: 30px;}@media(max-width: 768px) {font-size: 28px;line-height: 32px;margin-bottom: 20px;}}.text-container {font-size: 16px;line-height: 22px;margin-bottom: 15px;@media(max-width: 768px) {font-size: 15px;line-height: 20px;}}.navbar input[type="checkbox"], .navbar .hamburger-lines {display: none;}.container {max-width: 1200px;width: 90%;margin: auto;}.navbar {position: fixed;width: 100%;background: #24252a;color: #fff;z-index: 3;}.navbar-container {display: flex;justify-content: space-between;align-items: center;height: 64px;}.menu-items {order: 2;display: flex;}.logo {img {width: 100%;height: 100%;object-fit: contain;@media(max-width: 1024px) {display: none;}&:nth-child(2) {display: none;@media(max-width: 1024px) {display: inline-block;}}}}.menu-items li, .menu-items p {list-style: none;margin-left: 1.5rem;font-size: 1.1rem;display: flex;align-items: center;}.navbar a {color: #fff;text-decoration: none;font-weight: 500;transition: color 0.3s ease-in-out;}button {padding: 8px 19px;margin-right: 20px;background-color: rgba(0, 136, 169, 1);border: none;border-radius: 50px;cursor: pointer;transition: all ease-in-out 0s;}button:hover a {color: #0088a9;}button:hover {background: #fff;color: #0088a9;}.navbar a:hover {color: #0088a9;}@media (max-width: 768px) {.navbar-container input[type="checkbox"], .navbar-container .hamburger-lines {display: block;}.navbar-container {display: block;position: relative;height: 64px;}.navbar-container input[type="checkbox"] {position: absolute;display: block;height: 32px;width: 30px;top: 20px;left: 20px;z-index: 5;opacity: 0;cursor: pointer;}.navbar-container .hamburger-lines {display: block;height: 28px;width: 35px;position: absolute;top: 20px;left: 20px;z-index: 2;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}.navbar-container .hamburger-lines .line {display: block;height: 4px;width: 100%;border-radius: 10px;background: #fff;}.navbar-container .hamburger-lines .line1 {transform-origin: 0% 0%;transition: transform 0.3s ease-in-out;}.navbar-container .hamburger-lines .line2 {transition: transform 0.1s ease-in-out;}.navbar-container .hamburger-lines .line3 {transform-origin: 0% 100%;transition: transform 0.3s ease-in-out;}.navbar .menu-items {padding-top: 100px;background: #24252a;height: 100vh;max-width: 300px;transform: translate(-150%);display: flex;flex-direction: column;margin-left: -40px;padding-left: 40px;transition: transform 0.5s ease-in-out;overflow: scroll;}.navbar .menu-items li {margin-bottom: 1.8rem;font-size: 1rem;font-weight: 500;}button {width: fit-content;margin-left: 1rem;}.logo {position: absolute;top: 12px;right: 15px;font-size: 1.7rem;}.navbar-container input[type="checkbox"]:checked ~ .menu-items {transform: translateX(0);}.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {transform: rotate(45deg);}.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {transform: scaleY(0);}.navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {transform: rotate(-45deg);}}@media (max-width: 500px) {.navbar-container input[type="checkbox"]:checked ~ .logo {display: none;}}.big-title-photo {padding-top: 80px;position: relative;z-index: 1;.image-content {width: 100%;img {width: 100%;height: 100%;object-fit: contain;@media(max-width: 768px) {display: none;}&:nth-child(2) {display: none;@media(max-width: 768px) {display: inline-block;}}}}.title-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -35%);display: flex;flex-direction: column;z-index: 0;@media(max-width: 768px) {width: 100%;}.title-text {font-size: 30px;text-transform: uppercase;line-height: 1.6;@media(max-width: 1025px) {line-height: 1.3;}@media(max-width: 768px) {line-height: 1.1;font-size: 25px;}@media(max-width: 768px) {text-align: center;}}.bonus {display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;@media(max-width: 1024px) {margin-bottom: 25px;}@media(max-width: 768px) {margin-bottom: 10px;}.bonus-big {color: #f6da24;font-weight: 900;font-size: 105px;text-align: center;line-height: 1.4;@media(max-width: 1024px) {font-size: 80px;}@media(max-width: 768px) {font-size: 90px;line-height: 1.3;}}.bonus-small {font-size: 30px;font-weight: 600;color: #f6da24;@media(max-width: 1024px) {font-size: 27px;}}}.get-button {border-radius: 40px;width: 100%;max-width: max-content;margin: 0 auto;background: #ffd780;a {padding: 15px 60px;display: flex;flex-direction: column;text-align: center;color: #2e1a1a;text-decoration: none;font-size: 27px;line-height: 30px;font-weight: bold;@media(max-width: 1024px) {padding: 13px 55px;font-size: 25px;line-height: 28px;}@media(max-width: 768px) {padding: 10px 40px;font-size: 22px;line-height: 25px;}span {font-size: 18px;color: #2e1a1a;font-weight: 400;@media(max-width: 1024px) {font-size: 16px;}@media(max-width: 768px) {font-size: 14px;}}}}}}.welcome-packages {display: flex;flex-direction: column;align-items: center;padding: 15px 0;background: linear-gradient(269.49deg, #110d0d 20.62%, rgba(6, 14, 42, 0) 69.67%), linear-gradient(-269.49deg, #110d0d 20.62%, rgba(6, 14, 42, 0) 69.67%), #2e1a1a;margin-bottom: 40px;@media(max-width: 1024px) {margin-bottom: 30px;}.title-packages {position: relative;color: #aea2a2;font-size: 13px;font-weight: 400;margin-bottom: 10px;}.bonus-packages {color: #f2eff2;position: relative;font-size: 18px;font-weight: 600;&:after, &:before {content: '';position: absolute;width: 30px;height: 30px;background: url("../img/welcome-crown.svg") no-repeat 0 0;background-size: contain;top: -15px;left: -50px;} &:before {left: unset;right: -50px;}}}  .main-content {overflow-x: hidden;.popular-games {width: 100%;max-width: 1240px;margin: 0 auto;padding: 0 20px;@media(max-width: 1200px) {padding: 0 15px;}@media(max-width: 920px) {padding: 0 10px;}@media(max-width: 768px) {padding: 0 5px;}overflow: hidden;} .popular-games {margin-bottom: 40px;} .content-popular {display: flex;flex-wrap: nowrap;overflow-x: scroll;justify-content: flex-start;margin-bottom: 40px;scrollbar-width: none;-ms-overflow-style: none;&::-webkit-scrollbar {display: none;}@media(max-width: 1024px) {margin-bottom: 30px;} .item-slots {padding: 0 10px;a {width: 250px;border-radius: 30px;display: inline-block;text-decoration: none;@media(max-width: 1024px) {width: 200px;}} .slot-image {width: 100%;border-radius: 30px;height: 250px;margin-bottom: 15px;@media(max-width: 1024px) {height: 200px;}img {width: 100%;height: 100%;object-fit: cover;border-radius: 30px;}} .slot-name {margin-bottom: 10px } .slot-provider {font-size: 13px;color: #aea2a2;}}} .button-open-slots {width: max-content;margin: 0 auto;a {display: inline-block;padding: 15px 45px;font-size: 18px;font-weight: 500;color: #000;background: #fed98d;border-radius: 30px;text-decoration: none;}}}  .content-about-casino {margin-bottom: 40px;}  .advantages {@media(max-width: 768px) {}.advantages__content {max-width: 1240px;margin: 0 auto 40px;padding: 0 20px;display: flex;justify-content: space-between;@media(max-width: 1200px) {padding: 0 15px;}@media(max-width: 920px) {padding: 0 10px;}@media(max-width: 990px) {padding: 0 5px;width: unset;overflow-x: scroll;}} .advantages__item {width: calc(20% - 20px);max-height: 241px;aspect-ratio: 1 / 1;position: relative;z-index: 1;border-radius: 20px;@media(max-width: 1024px) {width: 170px;height: 170px;margin-right: 20px;}.advantages__title {padding: 15px;font-size: 18px;font-weight: 500;position: relative;z-index: 1;@media(max-width: 1024px) {font-size: 15px;}} img {border-radius: 20px;position: absolute;width: 100%;height: 100%;right: 0;bottom: 0;object-fit: cover;z-index: 0;}}}  .table-container {width: 80%;max-width: 800px;background-color: #2E1A1A;border-radius: 10px;overflow: hidden;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.5);margin: 0 auto 40px;@media(max-width: 768px) {width: 100%;}}  .table-header {background: linear-gradient(90deg, #563e3e, #fed98d);color: #fff;padding: 15px;text-align: center;font-size: 20px;font-weight: bold;}  table {width: 100%;border-collapse: collapse;}  td {padding: 12px;border-bottom: 1px solid #444;}  td:first-child {font-weight: bold;color: #fff;width: 40%;}  tr td {border-bottom: none;color: #fff;}  .list-container {list-style: disc;padding-left: 25px;margin-bottom: 25px;li {color: #fff;font-size: 16px;line-height: 20px;margin-bottom: 10px;} strong {color: #fff;font-size: 16px;line-height: 20px;margin-bottom: 10px;}}  .bonus {margin-bottom: 40px;.list-container {list-style: disc;padding-left: 25px;margin-bottom: 25px;li {color: #fff;font-size: 16px;line-height: 20px;margin-bottom: 10px;} strong {color: #fff;font-size: 16px;line-height: 20px;margin-bottom: 10px;}}}  .benefits {margin-bottom: 50px;.content {@media(max-width: 1024px) {overflow-x: scroll;}} .benefits-container {display: flex;justify-content: space-between;gap: 10px;@media(max-width: 1024px) {min-width: max-content;overflow-x: auto;}} .benefits-item {width: 33%;padding: 15px 25px;border-radius: 25px;background: #2e1a1a;@media(max-width: 1024px) {width: 360px;}} .benefits-title {display: flex;align-items: center;font-size: 22px;font-weight: 500;margin-bottom: 15px;img {display: inline-block;margin-right: 7px;}} .benefits-text {font-size: 18px;font-weight: 500;line-height: 25px;}}  .accordion {background-color: #412626;color: #fff;font-size: 20px;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;transition: background-color 0.4s;border-radius: 15px;@media (max-width: 990px) {font-size: 15px;}}  .accordion:hover, .accordion.active {background: #412626FF;}  .panel {padding: 0 18px;max-height: 0;overflow: hidden;transition: max-height 0.4s ease;background-color: white;margin-bottom: 10px;border-radius: 15px;p {font-size: 18px;line-height: 27px;padding: 25px 0;color: #000;margin-bottom: 0;strong, b {color: #000 }@media (max-width: 990px) {font-size: 15px;line-height: 24px;padding: 20px 0;}}}  .footer {.footer-text {padding: 25px 0;color: #5e5e5e;font-size: 14px;}}