@font-face {     font-family: 'Montserrat';     src: url(/shared/3743/MontserratThin-Regular.eot);     src: url(/shared/3743/MontserratThin-Regular.eot) format('embedded-opentype'),         url(/shared/3743/MontserratThin-Regular.woff2) format('woff2'),         url(/shared/3743/MontserratThin-Regular.woff) format('woff'),         url(/shared/3743/MontserratThin-Regular.ttf) format('truetype');     font-weight: 100;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Open Sans';     src: url(/shared/3743/OpenSans-Regular.eot);     src: url(/shared/3743/OpenSans-Regular.eot) format('embedded-opentype'),         url(/shared/3743/OpenSans-Regular.woff2) format('woff2'),         url(/shared/3743/OpenSans-Regular.woff) format('woff'),         url(/shared/3743/OpenSans-Regular.ttf) format('truetype');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'font icons';     src: url(/shared/3743/font-icons.ttf) format('truetype');     font-weight: normal;     font-style: normal;     font-display: swap; }  * {     box-sizing: border-box; }  body {     background-color: #192c43;     color: hsla(0, 0%, 100%, .65);     font-family: Open Sans, sans-serif;     font-size: 16px;     font-style: normal;     font-weight: 400;     letter-spacing: normal;     line-height: 1.6;     margin: 0;     max-width: 100%;     overflow: auto;     overflow-x: hidden;     padding: 0;     text-align: start;     width: 100vw; }  img {     display: block;     max-width: 100%;     height: auto; }  .content .table-wrapper, .content a, .content blockquote, .content mark, .content ol, .content p, .content table, .content ul {     font-size: 16px;     line-height: 24px;     margin-bottom: 24px; }  .content a:not(.link-btn):not(.link-no-styles) {     color: #0bdede;     font-size: inherit;     font-style: normal;     margin: 0;     padding: 0;     text-decoration: none;     text-transform: none;     transition: color .3s ease; }  .content a:not(.link-btn):not(.link-no-styles):hover {     color: #1df0f0;     text-decoration: underline; }  .page {     display: flex;     flex-direction: column;     max-width: 100%;     min-height: 100vh;     overflow: hidden; }  .container {     max-width: 1616px;     margin: 0 auto;     padding: 0 10px; }  .header {     left: 0;     position: fixed;     top: 0;     width: 100%;     z-index: 102; }  .header__inner {     align-items: center;     background: #263b57;     display: flex;     height: 64px;     padding: 0 32px 0;     justify-content: space-between; }  .header__block {     align-items: center;     display: flex; }  .text-btn {     background: transparent none;     border: none;     box-shadow: none;     display: flex;     font-size: 20px;     line-height: 1;     margin: 0;     outline: none;     padding: 0;     transition: color .3s ease;     vertical-align: top; }  .text-btn--primary {     color: hsla(0, 0%, 100%, .65); }  .text-btn:not(:disabled) {     cursor: pointer; }  .header__icon--menu {     height: 24px;     margin-right: 16px;     width: 24px; }  .font-icons {     speak: never;     -webkit-font-smoothing: antialiased;     -moz-osx-font-smoothing: grayscale;     font-family: font icons !important;     font-style: normal;     font-variant: normal;     font-weight: 400;     line-height: 1;     text-transform: none; }  .font-icons--default:before {     content: "\e966"; }  .font-icons--menu-left:before {     content: "\e90d"; }  .sportsbook-switcher__icon {     height: 24px;     margin-right: 8px;     width: 24px; }  .font-icons--casino:before {     content: "\e903"; }  i {     font-size: 24px !important; }  .sportsbook-switcher__icon:before {     color: hsla(0, 0%, 100%, .4) !important;     transition: color .3s ease; }  .sportsbook-switcher__item {     align-items: center;     background: #192c43;     display: flex;     height: 100%;     justify-content: center;     transition: background .3s ease;     width: 100%; }  .sportsbook-switcher__item--active {     background: #384c6b; }  .sportsbook-switcher__item--active .sportsbook-switcher__icon:before {     color: #0bdede !important; }  .sportsbook-switcher__title {     color: hsla(0, 0%, 100%, .65);     font-family: Open Sans, sans-serif;     font-size: 14px;     font-style: normal;     font-weight: 700;     letter-spacing: .2px;     line-height: 20px;     text-transform: uppercase;     transition: color .3s ease; }  .sportsbook-switcher__item--active .sportsbook-switcher__title {     color: #fff; }  .font-icons--sport:before {     content: "\e904"; }  .sportsbook-switcher__icon:before {     color: hsla(0, 0%, 100%, .4) !important;     transition: color .3s ease; }  .sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__title {     color: #fff; }  .sportsbook-switcher__item:hover:not(.sportsbook-switcher__item--active) .sportsbook-switcher__icon:before {     color: #fff !important; }  .header__logo {     height: 33px;     margin-inline-end: 30px;     width: 142px; }  .logo__img {     border: none;     display: inline-block;     -o-object-fit: contain;     object-fit: contain;     -o-object-position: center;     object-position: center;     vertical-align: top; }  .header__logo img {     height: 100%;     width: 100%; }  .header__logo--mobile {     display: none; }  .image--hidden {     display: none !important; }  .sportsbook-switcher {     border-radius: 8px;     height: 40px;     overflow: hidden; }  .header__switcher {     display: none;     margin-inline-end: 32px;     width: 256px; }  .header__switcher {     display: flex; }  .header-menu {     gap: 24px;     list-style: none;     padding: 0;     margin: 0 24px;     display: flex; }  .header-menu__item {     white-space: nowrap; }  .link {     outline: none;     text-decoration: none;     transition: color .3s ease; }  .header__menu-link {     color: hsla(0, 0%, 100%, .65);     font-family: Open Sans, sans-serif;     font-size: 14px;     font-style: normal;     font-weight: 700;     line-height: 20px;     position: relative;     text-transform: uppercase;     transition: color .3s ease; }  .header__menu-link--current, .header__menu-link:hover {     color: #fff; }  .header__buttons {     -moz-column-gap: 8px;     column-gap: 8px;     display: flex;     -moz-column-gap: 12px;     column-gap: 12px; }  .btn, .link-btn {     align-items: center;     background: #0bdede;     border: none;     color: #001b33;     display: inline-flex;     font-style: normal;     font-weight: 700;     justify-content: center;     letter-spacing: .2px;     margin: 0;     outline: none;     padding: 0;     position: relative;     text-transform: uppercase;     transition: background .3s ease, border-color .3s ease, color .3s ease;     white-space: nowrap; }  .btn--outline, .link-btn--outline {     background: transparent;     border: 1px solid hsla(0, 0%, 100%, .12);     color: #fff; }  .btn--sm, .btn--xs, .link-btn--sm, .link-btn--xs {     border-radius: 8px;     font-size: 14px;     line-height: 20px;     min-width: 80px; }  .link-btn {     text-decoration: none; }  .header .header__button {     height: 40px;     padding: 10px 16px; }  .btn--third, .link-btn--third {     background: #f51969;     color: #fff; }  .btn--outline:active, .btn--outline:focus, .btn--outline:hover, .link-btn--outline:active, .link-btn--outline:focus, .link-btn--outline:hover {     background: transparent;     border-color: hsla(0, 0%, 100%, .2); }  .btn--third:active, .btn--third:focus, .btn--third:hover, .link-btn--third:active, .link-btn--third:focus, .link-btn--third:hover {     background: #ff3b82; }  .bar {     inset-inline-start: 0;     position: fixed;     top: 0;     z-index: 1100; }  .bar--open {     height: 100dvh;     width: 100%; }  .bar__background {     background: rgba(0, 0, 0, .8);     height: 100%;     width: 100%; }  .bar__content {     -ms-overflow-style: none;     background: #263b57;     height: 100%;     inset-inline-start: 0;     overflow-y: auto;     padding: 88px 16px 96px;     position: absolute;     scrollbar-width: none;     top: 0;     transform: translateX(-100%);     width: 300px;     z-index: 1100; }  .bar__switcher {     display: flex;     margin-bottom: 16px; }  .bar__content--open {     transition: transform .3s ease; }  .bar__content--open, .body--ar .bar__content--open {     transform: translate(0); }  .bar__content {     height: 100dvh; }  .bar__content {     padding: 64px 16px 96px; }  .bar .bar__close-icon {     position: absolute;     left: 32px;     right: unset;     top: 20px; }  .font-icons--close:before {     content: "\e918"; }  .bar .bar__logo {     height: 45px !important;     inset-inline-start: 32px;     padding-right: 5px;     position: absolute;     top: 28px;     width: 211px; }  .bar .bar__logo {     display: none; }  .bar .bar__logo img {     height: 100%; }  .sidebar-menu-main {     list-style: none;     margin: 0;     padding: 0;     width: 100%; }  .sidebar-menu-main__link {     align-items: center;     background: transparent;     border-radius: 8px;     color: #fff;     display: flex;     font-family: Open Sans, sans-serif;     font-size: 14px;     font-style: normal;     font-weight: 700;     height: 48px;     letter-spacing: .2px;     line-height: 20px;     padding: 12px 16px;     text-transform: uppercase;     transition: background .3s ease; }  .sidebar-menu-main__link:hover {     background: #384c6b; }  .sidebar-menu-main .sidebar-menu-main__icon {     font-size: 24px;     margin-right: 20px; }  .font-icons--slots:before {     content: "\e996"; }  .font-icons--livecasino:before {     content: "\e91b"; }  .font-icons--megaways:before {     content: "\e937"; }  .font-icons--promotions:before {     content: "\e905"; }  .font-icons--platinclub:before {     content: "\e908"; }  .font-icons--tournaments:before {     content: "\e906"; }  .font-icons--install-app:before {     content: "\e90c"; }  .sidebar-menu-main .sidebar-menu-main__icon:before {     color: hsla(0, 0%, 100%, .4); }  .sidebar-menu-main__link--mystery-drops {     background: linear-gradient(271deg, rgba(11, 159, 222, .06) .62%, rgba(11, 222, 222, .35) 99.38%);     margin-bottom: 8px;     margin-top: 8px; }  .sidebar-menu-main__image-wrapper {     display: flex;     margin-inline-end: 12px;     overflow: hidden;     position: relative; }  .sidebar-menu-main .sidebar-menu-main__image {     height: 36px;     width: 36px; }  .sidebar-menu-main__line {     animation: line 10s linear infinite;     left: 0;     position: absolute;     top: -30px;     transform: translate(-100%); }  @keyframes line {     0% {         transform: translate(-100%);     }      3% {         transform: translate(100%, 100%);     }      100% {         transform: translate(100%, 100%);     } }  .sidebar-menu-info {     list-style: none;     margin: 0;     padding: 24px 16px 0; }  .sidebar-menu-info__item {     margin-bottom: 16px; }  .sidebar-menu-info__link {     color: hsla(0, 0%, 100%, .4);     font-family: Open Sans, sans-serif;     font-size: 16px;     font-style: normal;     font-weight: 400;     line-height: 24px;     text-transform: capitalize;     transition: color .3s ease; }  .sidebar-menu-info__link:hover {     color: #fff; }  .bar__divider {     background: hsla(0, 0%, 100%, .12);     height: 1px;     margin: 16px auto;     width: 236px; }  .main {     flex: 1;     padding-top: 80px; }  /* Banner */ .banner {     border-radius: 12px;     margin-bottom: 24px;     overflow: hidden;     position: relative; }  .banner__inner {     display: flex;     min-height: 280px;     height: 500px;     position: relative; }  @media (min-width: 768px) {     .banner__inner {         min-height: 360px;     } }  .home-bonuses__background, .home-bonuses__background--single {     height: 100%;     inset: 0;     position: absolute;     width: 100%; }  .home-bonuses__background-image {     display: block;     height: 100%;     object-fit: cover;     width: 100%; }  .banner__content {     align-items: flex-start;     display: flex;     flex-direction: column;     justify-content: center;     padding: 32px 24px;     position: relative;     z-index: 1; }   .banner__subtitle {     font-size: 24px;     line-height: 32px;     font-style: normal;     font-weight: 700;     color: #fff;     margin-top: 0 !important; }  .banner__title {     color: #fff;     font-family: sans-serif;     font-size: 54px;     font-weight: 800;     line-height: 64px;     margin: 24px 0 0;     text-transform: uppercase; }  .btn--lg, .btn--md, .link-btn--lg, .link-btn--md {     font-size: 16px;     line-height: 24px;     min-width: 100px; }  .btn--md, .link-btn--md {     border-radius: 8px;     height: 48px;     padding: 12px 20px; }  .home-bonuses__button {     display: inline-flex;     padding: 12px 20px;     margin-top: 40px; }  .btn:active, .btn:focus, .btn:hover {     background: #0acbcb; }  .game__filters {     margin: 24px 0 32px; }  .game__filters__wrapper {     display: flex;     align-items: center;     background: #263b57;     border-radius: 12px;     flex-direction: row;     justify-content: space-between;     padding: 16px 20px 16px 16px; }  .games-filter-block__category {     margin-left: 0;     overflow: hidden;     padding-right: 12px;     width: auto; }  .game-category-select {     position: relative; }  .game-category-select__wrapper {     -ms-overflow-style: none;     display: flex;     flex-wrap: nowrap;     gap: 4px;     height: 40px;     overflow-x: auto;     overflow-y: hidden;     padding: 0 16px;     scroll-behavior: smooth;     scroll-snap-type: x mandatory;     scrollbar-width: none;     transform: translateZ(0); }  .game-category-select__wrapper {     height: 48px;     padding: 0; }  .game-category-select__link {     align-items: center;     background: transparent;     border-radius: 40px;     color: #fff;     display: flex;     font-family: Open Sans, sans-serif;     font-size: 14px;     font-weight: 400;     gap: 8px;     height: 40px;     line-height: 20px;     margin: 0;     padding: 0 12px;     transition: background .3s ease;     text-decoration: none; }  .game-category-select__link {     font-size: 16px;     height: 48px;     line-height: 24px; }  .game-category-select__link i {     color: #0bdede;     height: 24px;     transition: color .3s ease;     width: 24px; }  .font-icons--top-casino-games:before {     content: "\e939"; }  .font-icons--new-games:before {     content: "\e938"; }  .font-icons--st-patrick:before {     content: "\e977"; }  .font-icons--slots:before {     content: "\e996"; }  .font-icons--platin-jackpot:before {     content: "\e999"; }  .font-icons--livecasino:before {     content: "\e91b"; }  .font-icons--bonus-buy:before {     content: "\e935"; }  .game-category-select__link:hover {     background: #384c6b; }  .game-category-select__name {     white-space: nowrap; }  .games-filter-block__btn-wrapper {     align-items: center;     display: flex;     gap: 8px; }  .games-filter-block__btn-wrapper {     margin-top: 0; }  .games-filter-block__providers-button {     align-items: center;     background: #384c6b;     border-radius: 8px;     color: #fff;     display: flex;     font-family: Open Sans, sans-serif;     font-size: 16px;     font-weight: 400;     height: 48px;     justify-content: center;     line-height: 24px;     position: relative;     transition: background .3s ease;     width: 100%;     text-decoration: none; }  .games-filter-block__providers-button {     display: flex;     margin-top: 0;     padding: 0 16px;     width: unset; }  .games-filter-block__icon {     color: #0bdede;     margin-right: 12px; }  .font-icons--providers:before {     content: "\e902"; }  .games-filter-block__providers-button:hover {     background: #445778; }  /* Games grid */ .games {     margin-top: 32px; }  .games__header {     align-items: center;     display: flex;     justify-content: space-between;     margin-bottom: 16px; }  .games__title {     color: #fff;     font-family: Open Sans, sans-serif;     font-size: 20px;     font-weight: 700;     margin: 0; }  .games__see-all {     align-items: center;     background: transparent;     border: none;     color: hsla(0, 0%, 100%, .65);     cursor: pointer;     display: inline-flex;     font-size: 12px;     font-weight: 600;     letter-spacing: .08em;     text-transform: uppercase;     text-decoration: none; }  .games__see-all-arrows {     display: inline-flex;     margin-left: 8px; }  .games__arrow {     border-radius: 50%;     border: 1px solid hsla(0, 0%, 100%, .2);     height: 24px;     margin-left: 4px;     position: relative;     width: 24px; }  .games__arrow::before {     border: solid hsla(0, 0%, 100%, .7);     border-width: 0 2px 2px 0;     content: "";     display: block;     height: 7px;     left: 6px;     position: absolute;     top: 7px;     transform: rotate(-45deg);     width: 7px; }  .games__arrow--left::before {     left: 8px;     transform: rotate(130deg); }  .games__grid {     display: grid;     gap: 16px;     grid-template-columns: repeat(6, minmax(0, 1fr)); }   .game-card {     border-radius: 12px;     overflow: hidden;     position: relative; }  .game-card__thumb {     background: #101b2a;     height: 100%;     position: relative; }  .game-card__img {     display: block;     height: 100%;     object-fit: cover;     width: 100%; }  .game-card__badge {     align-items: center;     -moz-column-gap: 4px;     column-gap: 4px;     display: flex;     flex-wrap: wrap;     left: 0;     opacity: 1;     margin: 8px;     pointer-events: none;     position: absolute;     row-gap: 4px;     top: 0;     transition: opacity .3s ease;     background: radial-gradient(243.63% 279.45% at 127.61% -17.5%, #2ad0ca 0, #e1f664 22.92%, #feb0fe 56.7%, #5df7a4 98.15%);     color: #001b33;     border-radius: 12px;     font-size: 12px;     font-style: normal;     font-weight: 500;     letter-spacing: .2px;     line-height: 16px;     padding: 2px 6px;     text-transform: uppercase; }  .game-card__overlay {     align-items: center;     background: radial-gradient(circle at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .9) 55%);     bottom: 0;     display: flex;     flex-direction: column;     justify-content: center;     left: 0;     opacity: 0;     padding: 16px 12px;     position: absolute;     right: 0;     top: 0;     transition: opacity .25s ease; }  .game-card:hover .game-card__overlay {     opacity: 1; }  .game-card__play {     align-items: center;     background: #f51969;     border-radius: 50%;     border: none;     box-shadow: 0 0 0 4px rgba(245, 25, 105, .4);     cursor: pointer;     display: inline-flex;     height: 52px;     justify-content: center;     margin-bottom: 16px;     width: 52px; }  .game-card__play-icon {     border-style: solid;     border-width: 10px 0 10px 16px;     border-color: transparent transparent transparent #fff;     margin-left: 3px; }  .game-card__meta {     text-align: center;     width: 100%; }  .game-card__name {     color: #fff;     font-size: 14px;     font-weight: 700;     margin-bottom: 2px; }  .game-card__provider {     color: hsla(0, 0%, 100%, .65);     font-size: 12px;     margin-bottom: 6px; }  .game-card__demo {     border-radius: 25px;     bottom: 8px;     color: #fff;     display: none;     font-size: 12px;     font-style: normal;     font-weight: 500;     left: 50%;     letter-spacing: .2px;     line-height: 16px;     padding: 6px 12px;     position: absolute;     text-transform: uppercase;     transform: translate(-50%);     transition: background .3s ease;     display: block;     text-decoration: none; }  .game-card__demo:hover {     background: #384c6b; }  /* Offers */ .offers {     margin-top: 40px; }  .offers__header {     align-items: center;     display: flex;     justify-content: space-between;     margin-bottom: 16px; }  .offers__title {     color: #fff;     font-family: Open Sans, sans-serif;     font-size: 20px;     font-weight: 700;     margin: 0; }  .offers__see-all {     align-items: center;     background: transparent;     border: none;     color: hsla(0, 0%, 100%, .65);     cursor: pointer;     display: inline-flex;     font-size: 12px;     font-weight: 600;     letter-spacing: .08em;     text-transform: uppercase;     text-decoration: none; }  .offers__see-all-arrows {     display: inline-flex;     margin-left: 8px; }  .offers__list {     display: grid;     gap: 16px;     grid-template-columns: repeat(3, minmax(0, 1fr)); }  .offer-card {     background: #263b57;     border-radius: 12px;     overflow: hidden;     position: relative;     height: 312px; }  .offer-card__background {     height: 180px;     overflow: hidden; }  .offer-card__img {     display: block;     height: 100%;     left: 50%;     min-width: 100%;     -o-object-fit: cover;     object-fit: cover;     position: absolute;     top: 50%;     transform: translate(-50%, -50%); }  .offer-card__content {     display: flex;     flex-direction: column;     height: 100%;     justify-content: space-between;     padding: 32px 24px 24px 32px;     position: absolute;     bottom: 0;     left: 0;     right: 0;     z-index: 1; }  .offer-card__label {     color: hsla(0, 0%, 100%, .65);     font-size: 14px;     font-style: normal;     font-weight: 700;     letter-spacing: .2px;     line-height: 20px;     margin: 0;     text-transform: uppercase; }  .offer-card__title {     color: #fff;     display: block;     font-family: Rubik, Arial, sans-serif;     font-size: 20px;     font-style: normal;     font-weight: 700;     line-height: 26px;     text-transform: uppercase;     font-size: 26px;     line-height: 32px;     margin: 20px 0 12px; }  .offer-card__bottom {     display: flex;     align-items: center;     justify-content: flex-start; }  .offer-card__button {     align-items: center;     background: #0bdede;     border-radius: 8px;     color: #001b33;     display: inline-flex;     font-size: 14px;     font-weight: 700;     height: 40px;     padding: 0 24px;     text-decoration: none;     text-transform: uppercase;     transition: background .3s ease; }  .offer-card__button:hover {     background: #0acbcb; }  /* Providers */ .providers {     margin-top: 40px; }  .providers__header {     align-items: center;     display: flex;     justify-content: space-between;     margin-bottom: 16px; }  .providers__title {     color: #fff;     font-family: Open Sans, sans-serif;     font-size: 20px;     font-weight: 700;     margin: 0; }  .providers__see-all {     align-items: center;     background: transparent;     border: none;     color: hsla(0, 0%, 100%, .65);     cursor: pointer;     display: inline-flex;     font-size: 12px;     font-weight: 600;     letter-spacing: .08em;     text-transform: uppercase;     text-decoration: none; }  .providers__see-all-arrows {     display: inline-flex;     margin-left: 8px; }  .providers__arrow {     border-radius: 50%;     border: 1px solid hsla(0, 0%, 100%, .2);     height: 24px;     margin-left: 4px;     position: relative;     width: 24px; }  .providers__arrow::before {     border: solid hsla(0, 0%, 100%, .7);     border-width: 0 2px 2px 0;     content: "";     display: block;     height: 7px;     left: 8px;     position: absolute;     top: 7px;     transform: rotate(45deg);     width: 7px; }  .providers__arrow--left::before {     left: 9px;     transform: rotate(225deg); }  .providers__list {     display: flex;     justify-content: space-between;     flex-wrap: wrap;     gap: 12px;     overflow-x: auto;     padding-bottom: 4px; }  .provider-card {     align-items: center;     background: #263b57;     border-radius: 12px;     display: flex;     height: 80px;     justify-content: center;     min-width: 140px; }  .provider-card__logo {     max-height: 40px;     max-width: 80%;     object-fit: contain; }  /* Payment methods strip */ .payment-methods {     border-bottom: 1px solid hsla(0, 0%, 100%, .12);     margin-top: 32px;     padding: 16px 0 0; }  .payment-methods__list {     display: flex;     flex-wrap: nowrap;     align-items: center;     gap: 24px;     list-style: none;     margin: 0;     padding: 0;     overflow-x: auto;     scrollbar-width: thin;     scrollbar-color: hsla(0, 0%, 100%, .2) transparent;     padding-bottom: 25px; }  .payment-methods__list::-webkit-scrollbar {     height: 6px; }  .payment-methods__list::-webkit-scrollbar-track {     background: transparent; }  .payment-methods__list::-webkit-scrollbar-thumb {     background: hsla(0, 0%, 100%, .2);     border-radius: 3px; }  .payment-methods__list::-webkit-scrollbar-thumb:hover {     background: hsla(0, 0%, 100%, .3); }  .payment-methods__item {     display: inline-block;     flex: 0 0 auto;     opacity: .3;     transition: opacity .3s ease; }  .payment-methods__logo {     display: block;     min-height: 32px;     object-fit: contain; }  /* Footer */ .footer {     margin-top: auto;     padding: 48px 0 32px; }  .footer__inner {     display: grid;     gap: 32px 24px;     grid-template-columns: 1.2fr 1fr 1fr 1fr 1.2fr 0.8fr;     max-width: 1616px;     margin: 0 auto;     border-bottom: 1px solid hsla(0, 0%, 100%, .12);     border-top: 1px solid hsla(0, 0%, 100%, .12);     flex-direction: row;     padding: 56px 0; }  .footer__col {     min-width: 0; }  .footer__col--brand {     display: flex;     flex-direction: column;     gap: 20px; }  .footer__logo {     display: block;     width: 140px; }  .footer__logo-img {     display: block;     height: auto;     width: 100%;     filter: brightness(0) invert(1); }  .footer__social {     display: flex;     gap: 12px; }  .footer__social-link {     color: hsla(0, 0%, 100%, .8);     font-size: 18px;     font-weight: 700;     text-decoration: none;     transition: color .2s ease; }  .footer__social-link:hover {     color: #fff; }  .footer__badges {     display: flex;     flex-direction: column;     flex-wrap: wrap;     gap: 12px; }  .footer__badge {     display: block;     height: 40px;     max-width: 120px;     object-fit: contain; }  .footer__casinoguru {     display: block;     height: 76px;     width: 122px; }  .footer__casinoguru img {     display: block;     max-width: 100%;     height: auto; }  .footer__title {     color: #fff;     font-family: Open Sans, sans-serif;     font-size: 14px;     font-weight: 700;     letter-spacing: .02em;     margin: 0 0 16px;     text-transform: uppercase; }  .footer__links {     list-style: none;     margin: 0;     padding: 0; }  .footer__links li {     margin-bottom: 10px; }  .footer__links a {     color: hsla(0, 0%, 100%, .7);     font-size: 14px;     text-decoration: none;     transition: color .2s ease; }  .footer__links a:hover {     color: #fff; }  .copyright {     display: grid;     margin-bottom: 24px;     margin-top: 32px;     row-gap: 24px;     -moz-column-gap: 48px;     column-gap: 48px;     margin-bottom: 36px;     margin-top: 48px;     grid-template-columns: 1fr 1fr; }  .copyright__text {     color: hsla(0, 0%, 100%, .4);     font-family: Open Sans, sans-serif;     font-size: 14px;     font-style: normal;     font-weight: 400;     line-height: 20px;     margin: 0; } .footer__responsibility-logos {     align-items: center;     -moz-column-gap: 32px;     column-gap: 32px;     display: flex;     flex-wrap: wrap;     justify-content: flex-start;     row-gap: 28px; } .footer__responsibility-logo {     height: 32px;     opacity: .6;     transition: opacity .3s ease; } .footer__responsibility-logo--gcb {     height: 33px;     opacity: 1;     width: 56px; } @media (max-width: 1200px) {     .footer__inner {         grid-template-columns: repeat(3, 1fr);     } }  @media (max-width: 11190px) {     .header__switcher {         display: none;     } }  @media (max-width: 1024px) {     .games__grid {         grid-template-columns: repeat(4, minmax(0, 1fr));     }      .offers__list {         grid-template-columns: repeat(2, minmax(0, 1fr));     }      .providers__list {         justify-content: center;     } }  @media (max-width: 910px) {     .header-menu {         margin: 0;         gap: 10px;     }      .header__logo {         height: 33px;         margin-inline-end: 15px;         width: 125px;     }      .header__menu-link {         font-size: 12px;     }      .header__inner {         padding: 0 15px 0;     }     .copyright {         grid-template-columns: 1fr;     } }  @media (max-width: 768px) {     .header__inner {         padding: 0 16px;         height: 56px;     }      .header__logo {         display: none;     }      .header__logo--mobile {         display: block;         margin-inline-end: 16px;         width: 120px;     }      .header__switcher {         display: none;     }      .header-menu {         display: none;     }      .header__buttons .header__button {         padding: 8px 10px;         font-size: 12px;         min-width: auto;     }      .games__grid {         grid-template-columns: repeat(3, minmax(0, 1fr));     }      .banner__title {         font-size: 32px;         line-height: 38px;     }      .banner__subtitle {         font-size: 18px;     }      .banner__inner {         height: 310px;     }      .providers__list {         gap: 8px;     }      .provider-card {         min-width: 120px;         height: 72px;     }      .payment-methods {         padding: 12px 0 20px;     }      .payment-methods__list {         gap: 16px;     }      .payment-methods__logo {         height: 20px;     }      .footer {         padding: 32px 0 24px;     }      .footer__inner {         grid-template-columns: repeat(2, 1fr);         padding: 0 16px;         gap: 28px 20px;     }      .footer__col--brand {         grid-column: 1 / -1;     } }  @media (max-width: 576px) {     .games__grid {         grid-template-columns: repeat(2, minmax(0, 1fr));         gap: 12px;     }      .games__title {         font-size: 18px;     }      .games__see-all {         font-size: 10px;     }      .offers__list {         grid-template-columns: repeat(1, minmax(0, 1fr));     } }  @media (max-width: 480px) {     .banner__title {         font-size: 26px;         margin: 0 0 0;     }      .banner__subtitle {         font-size: 14px;     }      .header__logo--mobile {         width: 70px;     }      .header__buttons .header__button {         padding: 8px 5px;     }      .header__buttons {         column-gap: 5px;     }      .footer__inner {         grid-template-columns: 1fr;     } }