.nas-home-heading{ color: #fff; font-size: 1rem; font-weight: 700; line-height: 1.35; margin: 0; padding: 0.25rem 0.5rem 0; text-align: center} @media(min-width: 1024px){ .home--d> .nas-home-heading{ font-size: 1.25rem; padding: 0 0 0.5rem; text-align: left} .home--d .hot-slots-slider .game-item--slot{ padding-bottom: 67.75701%} .home--d .hot-slots-slider .game-item__img picture, .home--d .hot-slots-slider .game-item__img picture img, .home--d .hot-slots-slider .game-item__img> img{ height: 100%; object-fit: contain; width: 100%}} @media(max-width: 1023px){ .nas-home-mobile.home{ display: grid; grid-gap: 0.5rem; grid-template-columns: 100%; max-width: 100%; min-width: 0; overflow-x: hidden; width: 100%} .nas-floating-menu{ display: none !important} #nas-home-banner-mobile{ --nas-banner-peek: 20px; min-width: 0; position: relative; width: 100%} #nas-home-banner-mobile .slick-slider{ min-height: 0; position: relative; width: 100%} #nas-home-banner-mobile .slick-list{ overflow: hidden; position: relative; width: 100%} #nas-home-banner-mobile .slick-slide> div, #nas-home-banner-mobile .slick-slide .slide{ width: 100%} #nas-home-banner-mobile:not([data-nas-banner-ready]) .slick-slide:not(.slick-current):not([data-index="0"]){ display: none !important; float: none !important; width: 100% !important} #nas-home-banner-mobile:not([data-nas-banner-ready]) .slick-slide[data-index="0"]{ display: block !important; float: none !important; width: 100% !important} #nas-home-banner-mobile:not([data-nas-banner-ready]) .slick-track{ transform: none !important; visibility: visible} #nas-home-banner-mobile[data-nas-banner-ready] .slick-track{ visibility: visible} #nas-home-banner-mobile .slide .app-slider__pagination{ display: none !important} #nas-home-banner-mobile> .app-slider__pagination{ bottom: 0.25rem; left: 50%; pointer-events: none; position: absolute; transform: translateX(-50%); z-index: 3} #nas-home-banner-mobile .app-slider__arrow.arrow--prev, #nas-home-banner-mobile .app-slider__arrow.arrow--next{ top: 50%; z-index: 4} #nas-home-banner-mobile .app-slider__arrow.arrow--prev{ left: calc(var(--nas-banner-peek) + 0.25rem); transform: translate(-50%, -50%)} #nas-home-banner-mobile .app-slider__arrow.arrow--next{ right: calc(var(--nas-banner-peek) - 0.125rem); transform: translate(50%, -50%)} .nas-home-mobile .card.card--primary{ background-color: #0e253e; overflow: hidden; width: 100%} .nas-home-mobile .card.card--primary header{ align-items: center; display: flex; flex-direction: row; height: 42px; justify-content: space-between; padding: 0.5rem 0.5rem 0} .nas-home-mobile .card.card--primary header h2{ align-items: center; color: #fff; display: flex; font-size: 0.875rem; font-weight: 900} .nas-home-mobile .card.card--primary header h2 i, .nas-home-mobile .card.card--primary header h2 img{ margin-right: 0.5rem} .nas-home-mobile .card.card--primary header a.btn{ align-items: center; color: #d60405; display: flex; font-weight: 800; justify-content: center; text-transform: capitalize} .nas-home-mobile .card.card--primary header a.btn i{ margin-left: 0.5rem} .nas-home-mobile .card.card--primary .card__content{ overflow: hidden; width: 100%} .nas-home-mobile .product-row{ display: grid; grid-auto-columns: 1fr; grid-auto-flow: column; grid-gap: 0.5rem; padding: 0 0.5rem} .nas-home-mobile .product-row .card.card--primary header{ justify-content: flex-start} .nas-home-mobile .product-row .product-card{ padding: 0.5rem} .nas-home-mobile .exclusive-card, .nas-home-mobile .promo-card{ padding: 0.5rem} .nas-home-mobile .hot-slots-card, .nas-home-mobile .top-tables-card, .nas-home-mobile .casino-card{ overflow: hidden; width: 100%} .nas-home-mobile .hot-slots-card__container, .nas-home-mobile .top-tables-card__container{ display: grid; grid-auto-columns: 29%; grid-auto-flow: column; grid-gap: 0.5rem; grid-template-rows: repeat(2, minmax(0, 1fr)); padding: 0.5rem 0} .nas-home-mobile .hot-slots-card__container> li, .nas-home-mobile .top-tables-card__container> li{ min-width: 0} .nas-home-mobile .casino-card__container{ grid-auto-columns: minmax(40%, 1fr); grid-auto-flow: column; grid-gap: 0.5rem; padding: 0.5rem 0} .nas-home-mobile .slot-native-carousel__container, .nas-home-mobile .arcade-native-carousel__container{ padding: 0.5rem 0} .nas-home-mobile .carousel-card__inner{ overflow: hidden} .nas-home-mobile .carousel-card__container{ -ms-overflow-style: none; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; transform: none !important} .nas-home-mobile .carousel-card__container::-webkit-scrollbar{ display: none} .nas-home-mobile .carousel-card__container ul{ align-content: start; display: grid; grid-auto-flow: column; list-style: none; margin: 0; min-width: 100%; padding: 2px; width: max-content} .nas-home-mobile .hot-slots-slider .game-item--slot{ padding-bottom: 138.55422%} .nas-home-mobile .hot-slots-slider .game-item__img picture, .nas-home-mobile .hot-slots-slider .game-item__img picture img, .nas-home-mobile .hot-slots-slider .game-item__img> img{ height: 100%; object-fit: contain; width: 100%} .nas-home-mobile .hot-slots-slider ul, .nas-home-mobile .top-tables-slider ul{ grid-auto-columns: 29%; grid-gap: 0.5rem; grid-template-rows: repeat(2, minmax(0, 1fr))} .nas-home-mobile .hot-slots-slider ul> li, .nas-home-mobile .top-tables-slider ul> li, .nas-home-mobile .casino-slider ul> li{ min-width: 0} .nas-home-mobile .casino-slider ul{ grid-auto-columns: minmax(40%, 1fr); grid-gap: 0.5rem; grid-template-rows: none} .nas-home-mobile .carousel-card .carousel-card__controls{ display: none} .nas-home-mobile .slot-slider ul{ grid-auto-columns: 6%; grid-gap: 0.5rem; grid-template-rows: repeat(3, minmax(0, 1fr))} .nas-home-mobile .slot-slider .slot-slider__item> span{ display: block; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .nas-home-mobile .slot-slider .slot-native-carousel__item> span{ display: block; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .nas-home-mobile .arcade-slider ul{ grid-auto-columns: 15%; grid-gap: 0.5rem; grid-template-rows: none} .nas-home-mobile .arcade-slider ul> li{ min-width: 0} .nas-home-mobile .arcade-slider .arcade-slider__item> span, .nas-home-mobile .arcade-slider .arcade-native-carousel__item> span{ display: block; font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .nas-home-mobile .lotto-homepage{ display: grid; grid-gap: 0.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0.5rem} .nas-home-mobile .sns-banner{ margin: 0 0.5rem} .nas-home-mobile .game-item__skeleton, .nas-home-mobile .game-item__placeholder{ display: none} .nas-home-mobile .promo-native-carousel{ -webkit-clip-path: inset(0 -100% 0 0.5rem); clip-path: inset(0 -100% 0 0.5rem); position: relative} .nas-home-mobile .promo-native-carousel> ul{ display: flex; flex-wrap: nowrap; list-style: none; margin: 0; overflow-x: auto; padding: 0.5rem 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; width: 100%} .nas-home-mobile .promo-native-carousel> ul::-webkit-scrollbar{ display: none} .nas-home-mobile .promo-native-carousel> ul> li{ flex: 0 0 46%; max-width: 220px; min-width: 0} .nas-home-mobile .promo-native-carousel .slick-slide> div{ line-height: 0} .nas-home-mobile .promo-native-carousel .slick-list{ overflow-x: auto !important; overflow-y: hidden; padding: 0.5rem 0 !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; width: 100%} .nas-home-mobile .promo-native-carousel .slick-list::-webkit-scrollbar{ display: none} .nas-home-mobile .promo-native-carousel .slick-track{ display: flex !important; transform: none !important; width: max-content !important} .nas-home-mobile .promo-native-carousel .slick-slide{ display: block !important; flex: 0 0 46%; float: none !important; max-width: 220px; width: 46% !important} .nas-home-mobile .promo-native-carousel__slide{ padding: 0 0.25rem} .nas-home-mobile .promo-native-carousel__slide a{ background-color: #61020b; border-radius: 10px; display: block; height: 0; overflow: hidden; padding-bottom: 133.33333%; position: relative; width: 100%} .nas-home-mobile .promo-native-carousel__slide a img{ display: block; height: 100%; object-fit: cover; position: absolute; width: 100%} .nas-home-mobile .promo-native-carousel__slide a .promotion-banner__skeleton{ height: 100%; left: 0; position: absolute; top: 0; width: 100%} .nas-home-mobile .promo-native-carousel__slide a .promo-native-carousel__flag{ align-items: center; border-radius: 5px; color: #fff; display: flex; grid-template-rows: unset; height: 1.5rem; justify-content: center; min-height: 0; position: absolute; right: 0.5rem; top: 0.5rem; width: 1.5rem; z-index: 2} .nas-home-mobile .promo-native-carousel__slide a .promo-native-carousel__flag.exclusive{ background-color: #f2a20f} .nas-home-mobile .promo-native-carousel__slide a .promo-native-carousel__flag.network{ background-color: #0a46a6} .nas-home-mobile .arcade-native-carousel{ overflow: hidden; width: 100%} .nas-home-mobile .arcade-native-carousel__container{ display: grid; grid-auto-columns: 17%; grid-auto-flow: column; grid-gap: 0.5rem; padding: 0.5rem 0} .nas-home-mobile .arcade-native-carousel__item{ align-items: center; display: flex; flex-direction: column; grid-gap: 0.125rem; justify-content: center; position: relative} .nas-home-mobile .arcade-native-carousel__item span{ font-size: 0.625rem; font-weight: 700; margin-top: 0.125rem; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%} .nas-home-mobile .arcade-native-carousel__item.app-link--exact-active{ color: #d60405} .nas-home-mobile .arcade-native-carousel__item.app-link--exact-active .arcade-native-carousel__img-container img{ border-color: #d60405} .nas-home-mobile .arcade-native-carousel__img-container{ height: 0; overflow: hidden; padding-bottom: 100%; position: relative; width: 100%} .nas-home-mobile .arcade-native-carousel__img-container img{ border: 3px solid #61020b; border-radius: 14px; display: block; height: 100%; object-fit: contain; object-position: center center; padding: 0.25rem; position: absolute; width: 100%}} @media(min-width: 1024px){ #nas-home-banner-mobile, .nas-home-mobile{ display: none !important} #nas-home-banner{ --nas-banner-peek: 40px; min-width: 0; overflow: visible; position: relative; width: 100%} #nas-home-banner .slick-slider{ min-height: 0; position: relative; width: 100%} #nas-home-banner .slick-list{ overflow: hidden; padding: 0 var(--nas-banner-peek); position: relative; width: 100%} #nas-home-banner .slick-slide> div, #nas-home-banner .slick-slide .slide{ width: 100%} #nas-home-banner:not([data-nas-banner-ready]) .slick-slide{ display: none !important; float: left !important; width: 50% !important} #nas-home-banner:not([data-nas-banner-ready]) .slick-slide[data-index="1"], #nas-home-banner:not([data-nas-banner-ready]) .slick-slide[data-index="2"]{ display: block !important} #nas-home-banner:not([data-nas-banner-ready]) .slick-track{ transform: none !important; visibility: visible} #nas-home-banner[data-nas-banner-ready] .slick-track{ visibility: visible} #nas-home-banner .slick-slide:not(.slick-active) .app-slider__pagination{ visibility: hidden} #nas-home-banner .app-slider__separator{ left: calc(var(--nas-banner-peek, 40px) + 50%); pointer-events: none; top: 50%; transform: translate(-50%, -50%); z-index: 3} #nas-home-banner .app-slider__arrow.arrow--prev, #nas-home-banner .app-slider__arrow.arrow--next{ top: 50%; z-index: 4} .home--d .game-item__skeleton, .home--d .game-item__placeholder{ display: none} .nas-desktop-only .home--d .card.card--primary.card--d header{ height: 52px; padding: 0.25rem 0.75rem} .nas-desktop-only .home--d .card.card--primary.card--d .card__content{ padding: 0.25rem 0.75rem 0.75rem} .nas-desktop-only .home--d .product-row{ display: grid; gap: 0.5rem; grid-auto-flow: row; min-width: 0} .nas-desktop-only .home--d .product-row--quad{ grid-template-columns: repeat(4, minmax(0, 1fr))} .nas-desktop-only .home--d .product-row--duo{ grid-template-columns: repeat(2, minmax(0, 1fr))} .nas-desktop-only .home--d .product-row .card.card--d{ min-width: 0; width: auto} .nas-desktop-only .home--d .product-card--d{ padding: 0} .nas-desktop-only .home--d .exclusive-card--d{ padding: 0} .nas-desktop-only .home--d .exclusive-card--d ul{ grid-gap: 0.75rem; grid-template-columns: repeat(3, minmax(0, 1fr))} .nas-desktop-only .home--d .promo-card--d{ padding: 0} .nas-desktop-only .home--d .promo-card--d ul{ grid-gap: 0.75rem; grid-template-columns: repeat(3, minmax(0, 1fr))}} .nas-home-mobile .scroll-container ul .inner.arcade-native-carousel__container, .nas-home-mobile .scroll-container ul .inner.slot-native-carousel__container, .nas-home-mobile .scroll-container ul .inner.casino-card__container, .nas-home-mobile .scroll-container ul .inner.hot-slots-card__container, .nas-home-mobile .scroll-container ul .inner.top-tables-card__container{ display: grid; grid-auto-flow: column; width: 100%}