body {     font-family: "Open Sans", sans-serif;     color: #262626;     position: relative;     font-size: 1.125rem;     font-weight: 400;     padding-top: 85px;     background: #fff;     margin: 0; }  *, *::before, *::after {     box-sizing: border-box; }  .container {     max-width: 1400px;     margin: 0 auto; }  .wrapper {     max-width: 1200px;     margin: 0 auto;     background-color: #f0f3f8;     padding: 15px 10px;     border-radius: 5px; }  .header {     position: fixed;     top: 0;     right: 0;     left: 0;     z-index: 1030;     background-color: #282828;     color: #fff;     -webkit-font-smoothing: antialiased;     background-image: none;     width: 100%; }  .header .container {     display: flex;     flex-wrap: inherit;     align-items: center;     padding: .5rem; }  .logo {     display: flex;     margin-right: 46px;     text-decoration: none;     position: relative; }  .logo img {     max-width: 225px;     height: 50px; }  .nav__list {     display: flex;     padding: 0;     margin: 0;     list-style: none;     align-items: center;     transition: margin .3s ease-in-out;     width: 100%; }  .nav__item {     position: static; }  .nav__btn, .nav__item__link {     background: none;     border: none;     margin-right: 24px;     padding: 10px 5px 10px 0;     box-sizing: content-box;     font-weight: 600;     color: #fff;     cursor: pointer;     display: flex;     align-items: center;     white-space: nowrap;     font-size: .75rem;     text-decoration: none;     position: relative; }  .nav__item:first-child .nav__btn {     margin-left: 0; }  .nav__btn:hover:before, .nav__btn:hover::before {     content: "";     position: absolute;     left: 0;     bottom: 0;     animation: border_anim .2s linear forwards;     border-bottom: solid 2px #fff;     width: 100%; }  .nav__btn svg:first-of-type, .nav__item__link svg {     width: 24px;     height: 24px;     margin-right: .25rem; }  .nav__btn span, .nav__item__link span {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     margin-right: .5rem; }  .nav__btn.show .chevron-down {     transform: rotate(180deg); }  .nav__btn.show:after, .nav__btn.show::after {     content: "";     position: absolute;     left: 0;     bottom: 0;     display: inline-block;     width: 100%;     margin: 0;     border: none;     border-bottom: solid 2px #fff; }  .dropdown-menu {     display: none;     position: fixed;     margin-top: -1px;     border-radius: 0;     padding: 20px 0 0;     top: 60px;     box-shadow: none;     transition: none;     background-color: #282828;     left: 0;     width: 100%;     border: 0;  }  .dropdown-menu.show {     display: block; }  .nav__item:hover .dropdown-menu {     display: block; }  .dropdown-menu__inner {     padding-left: 334px;     max-height: 270px;     display: flex;     flex-direction: column;     align-content: flex-start;     flex-wrap: wrap; }  .dropdown-menu__link {     position: relative;     padding-bottom: .5rem;     text-decoration: none;     box-sizing: content-box;     color: #fff;     font-size: .875rem;     font-weight: 600;     display: block; }  .dropdown-menu__link:not(.desc) {     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     margin-right: 60px;     margin-bottom: 20px;     max-width: 200px; }  .nav__link {     display: flex;     align-items: center;     height: 60px;     width: 100%;     background-color: #282828;     max-height: 270px;     padding-left: 334px; }  .nav__link a {     color: #fff;     font-size: .875rem;     font-weight: 600;     padding-bottom: 0;     text-decoration: none;     position: relative;     display: block;     white-space: nowrap;     margin-bottom: 0; }  .toggle__nav {     line-height: inherit;     font-size: inherit;     margin-left: 12px;     color: #fff;     padding: 0;     border: 0;     background-color: rgba(0, 0, 0, 0);     cursor: pointer;     display: none; }  @media screen and (max-width: 991px) {     .toggle__nav {         display: block;     }      .nav {         display: none;         background: #282828;         position: absolute;         top: 65px;         left: 0;         width: 100%;         padding: 10px;     }      .nav__list {         flex-direction: column;         justify-content: flex-start;         align-items: flex-start;     }      .dropdown-menu__inner {         padding-left: 0;         max-height: max-content;     }      .dropdown-menu {         position: static;     }      .header .container {         justify-content: space-between;     }      .close-icon {         display: none;     }      .show .container .toggle__nav .close-icon {         display: block;     }      .show .container .toggle__nav .hamburger-icon {         display: none;     }      .show .container .nav {         display: block;     } }  .contant {     padding: 10px;     background: #fff; } img {     max-width: 100%;     height: auto;     margin: 10px 0; } .contant a {     color: #eb003f; } .contant a:hover {     color: #be0d3c;     text-decoration: underline; } table {     width: 100%;     border-collapse: collapse;     background-color: #1e1e1e;     color: #fff; }  th, td {     padding: 15px;     text-align: left;     border-bottom: 1px solid #ffffff; }  th {     background-color: #222; }  .btn {     background-color: #28a745;     color: #fff;     padding: 10px 60px;     text-align: center;     text-decoration: none;     border-radius: 50px;     display: inline-block;     font-size: 18px;     font-weight: 600; }  .btn:hover {     background-color: #218838;     color: #fff;     text-decoration: none; } .banner {     padding: 20px 10px; } .banner .wrapper {     display: flex;     justify-content: space-between;     align-items: center;     gap: 20px; } .casino {     padding: 0 10px;     background-color: #fff;     display: flex;     align-items: center;     border-radius: 10px;     min-height: 280px; } .casino img {     max-width: 200px; }  .contant ul {     list-style: none;     padding-left: 0; }  .contant ul li {     position: relative;     padding-left: 30px;     margin-bottom: 10px; }  .contant ul li::before {     content: '';     position: absolute;     left: 0;     top: 3px;     width: 20px;     height: 20px;     background-image: url(/shared/3437/list-icon.webp);     background-size: contain;     background-repeat: no-repeat; }  .contant ol {     counter-reset: number;     padding-left: 0;     list-style: none; }  .contant ol li {     counter-increment: number;     margin-bottom: 10px;     position: relative;     padding-left: 40px; }  .contant ol li::before {     content: counter(number);     position: absolute;     left: 0;     top: 0;     width: 20px;     height: 20px;     background: #eb003f;     color: white;     font-weight: bold;     border-radius: 50%;     text-align: center;     line-height: 20px;     font-size: 14px; } .main-content h1 {     font-size: 24px;     padding: 0 0 10px 0;     margin-bottom: 20px;     border-bottom: 2px solid #e9ebed; } .content__title {     text-align: center;     padding: 0 0 10px 0;     border-bottom: 2px solid #e9ebed;     color: #4f5d6b;     font-size: 24px; } .grid {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 10px; } .box {     background: #fff;     padding: 15px;     border-radius: 8px;     text-align: center;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     font-size: 12px; } .box span:first-child {     font-weight: bold;     font-size: 14px; } .box:last-child:nth-child(3n + 1) {     grid-column: 2;   }   .rating {     text-align: center;   } .stars {     --percent: calc(var(--rating) / 5 * 100%);     display: flex;     align-items: center;     justify-content: center;     font-size: 20px;     line-height: 20px;     margin-bottom: 30px;     gap: 15px; }  .stars::after {     content: '★★★★★';     letter-spacing: 0;     background: linear-gradient(90deg, #ffae00 var(--percent), #ccc var(--percent));     -webkit-background-clip: text;     -webkit-text-fill-color: transparent;     line-height: 24px;     font-size: 24px; }  .stars:before {     content: attr(data-rating) ' / 5';     color: #323232;     font-size: 16px;     line-height: 16px;     margin: 0 0 0 5px;     font-weight: 700; } @media screen and (max-width: 890px) {     .banner .wrapper {         flex-direction: column;         gap: 0;     }     .casino {         width: 100%;         justify-content: center;         min-height: auto;     }     .main-content {         margin-bottom: 20px;     }     .grid {         display: flex;         justify-content: center;         flex-wrap: wrap;     }     .main-content h1 {         text-align: center;     } } .footer {     background-color: #000;     color: #ccc;     padding: 20px;     text-align: center;   } .footer .container {     display: flex;     justify-content: space-between;     align-items: center;     gap: 14px;     flex-wrap: wrap; }   .footer-content {     display: flex;     flex-direction: column;     align-items: center;   }      .footer-logo {     width: 40px;     margin: 0 5px;   }      .footer-links {     margin: 0;   }      .footer-links a {     display: inline-block;     color: #4db8ff;     margin: 0 10px;     text-decoration: none;     font-weight: 300;     padding: 10px;   }   .footer-links a:hover {     color: #459bd4;   }   .footer-text {     font-size: 10px;     color: #666;     margin-top: 5px;   }      .footer-icons {     margin-top: 10px;     display: flex;     align-items: center;     gap: 15px;     flex-wrap: wrap;   }   .footer-icons a {     text-decoration: none;     height: 40px;   }   .footer-icons a img {     height: 100%;     width: auto;     margin: 0;   }   .footer-icons span {     display: flex;     margin: 0 5px;     border: 1px solid #fff;     border-radius: 50%;     padding: 5px 8px;     color: #fff;     font-size: 16px;     line-height: 15px;     width: 45px;     height: 45px;     justify-content: center;     align-items: center;   }   .footer-info {     margin-top: 40px;     color: #5b6378;     font-size: 10px;     line-height: 16px;     text-align: center;   }    @media screen and (max-width: 415px) {     .footer .container {         justify-content: center;     }     .footer .logo {         margin: 0;     }   }   .scroll-top {     position: fixed;     bottom: 20px;     left: 20px;     z-index: 1000;     background-color: #005eff;     border-radius: 50%;     padding: 10px;     box-shadow: 0 0 15px rgba(0, 0, 255, 0.4);     transition: transform 0.2s;     opacity: 1;     width: 40px;     height: 40px;   }      .scroll-top:hover {     transform: scale(1.1);   }      .scroll-top img {     width: 20px;     height: 20px;     margin: 0;   }   .hidden {     opacity: 0;     pointer-events: none;   }   .author {     margin-bottom: 20px;   }   .author .wrapper {     display: flex;     align-items: center;     gap: 20px;   }   .author__content p {     margin: 0;     font-size: 14px;   }    .author__content span {     display: inline-block;     font-weight: 700;     margin-bottom: 10px;   }