/* =============================================================================
   amusnet.com/live-casino — page-specific styles
   Rules transcribed verbatim from the live site (minified: colours to hex,
   media queries merged, >1600px breakpoints and third-party widget CSS dropped).
   Shared chrome (header / footer / age gate / h2 / .bttn / .catalogue) lives in
   styles.css — load styles.css FIRST, then this file.
   ============================================================================= */

/* ---------- Swiper library layout (from swiper.min.css) ---------- */
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0px;z-index:1;display:block}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-horizontal{touch-action:pan-y}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0px);backface-visibility:hidden}
.swiper-pagination{position:absolute;text-align:center;transition:opacity 0.3s;transform:translateZ(0px);z-index:10}
.swiper-horizontal > .swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0px;width:100%}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-pagination-lock,.swiper-button-lock{display:none}

/* ---------- SUPPLEMENT (centring / sizing the JS carousel needs) ---------- */
/* the library rule above declares transition-property but no duration, so every
   move snapped instantly; give it one, and let .swiper-draggable (added by the
   JS carousel) carry the drag affordances. */
.swiper-wrapper{transition-duration:.35s;transition-timing-function:ease}
.swiper-draggable{cursor:grab;touch-action:pan-y}
.swiper-draggable.is-dragging{cursor:grabbing}
.swiper-draggable.is-dragging *{user-select:none}
.swiper-draggable img,.swiper-draggable a{-webkit-user-drag:none}
#hero-video-container .hero-video-slider,
.jackpots .swiper{margin-left:auto;margin-right:auto}
#hero-video-container .hero-video-slider .swiper-wrapper{position:relative}
#hero-video-container .slider-inner{display:block;width:100%;height:100%}
#live-casino-games .swiper-wrapper{gap:15px}
/* Swiper.js used to write inline per-slide widths; the vanilla carousel doesn't,
   so the slides must shrink-wrap their 191x296 card instead of inheriting the
   library default of width:100% (which put one card per viewport). */
#live-casino-games .swiper-slide{flex:0 0 auto;width:auto;height:auto}
#live-casino-games .slide-container{overflow:hidden}
#live-casino-games .slide-container .thumbnail{width:100%;height:100%;object-fit:cover;display:block}
#live-casino-games .desktop-filters .category-icon img,
#live-casino-games .container-category-title .category-icon img{width:100%;height:100%;object-fit:contain}
#live-casino-games .desktop-filters .search-container input{background:transparent;border:none;outline:none;font-family:inherit}
#live-casino-games .desktop-filters .clear-btn{line-height:1;font-family:inherit}
#live-casino-games .games-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:left;width:1224px;margin:40px auto}
#live-casino-games .games-container .slide-container{position:relative;border-radius:10px;background-color:rgba(10,10,10,0.1);width:191px;height:296px}
#live-casino-games .container-category-title{width:1224px;margin:0px auto;font-size:30px;font-weight:700;padding:60px 0px 20px}
#live-casino-games .container-category-title span{display:inline-block;vertical-align:top;margin:4px 0px 0px 10px}
#the-studio .swiper-wrapper{gap:0;transition-duration:.7s}
#the-studio .swiper-wrapper.instant{transition-duration:0s !important}
#the-studio .slider-container{position:relative}
#integration .swiper-wrapper{gap:20px}
#technologies .tab-desk ul li img{display:block;margin:0 auto}
#detector{height:1px}

/* ---------- BACK OFFICE ---------- */
#back-office{padding-top:50px;overflow:hidden}
#back-office .text-and-button{margin-bottom:58px}
#back-office .swiper{width:340px;overflow:initial;margin-top:36px;margin-left:calc(50% - 170px);transition:1s;opacity:1}
/* the card row slides in from the right, like the reference */
#back-office .back-office-slider-wrapper{transition:1s;opacity:1}
#back-office .back-office-slider-wrapper.noactive{transform:translateX(150px);opacity:0}
#back-office .swiper-slide{border-radius:15px;background-color:#f5f5f5;padding:20px 10px;min-width:120px;min-height:150px;text-align:center}
#back-office .swiper-slide .back-office-slider-icon{position:relative;height:62px;width:91px;margin:0px auto}
#back-office .swiper-slide .back-office-slider-icon img{width:auto;height:100%}
#back-office .swiper-slide h3{font-size:14px;font-weight:500;line-height:17px;padding-top:14px}
#back-office .swiper-pagination{position:static;margin-top:25px}
#back-office .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border:1px solid #010a16;vertical-align:top;margin-top:2px;opacity:1;background-color:transparent}
#back-office .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#010a16;width:12px;height:12px;margin-top:0px}

/* ---------- INTEGRATION ---------- */
#integration{background-color:#f5f5f5;padding:0px 20px 50px;overflow:hidden;position:relative;margin-top:150px}
#integration h2{color:#1e1e1e;padding-bottom:44px;transition:1s;opacity:1}
#integration .swiper{width:75%;overflow:initial;transition:1s;opacity:1}
#integration .swiper-slide{width:248px;border-radius:20px;background-color:#ffffff;padding:18px 31px 30px;min-height:360px}
#integration .swiper-slide p{color:#a6ce39;font-size:40px;line-height:1;font-weight:400}
#integration .swiper-slide h3{color:#1e1e1e;font-size:16px;line-height:1;font-weight:600;padding:8px 0px 22px;border-bottom:2px solid #a5ce43}
#integration .swiper-slide ul{list-style-type:disc;padding:18px 0px 0px 2px;color:#1e1e1e}
#integration .swiper-slide ul li{font-size:12px;line-height:17px;margin-bottom:5px}
#integration .swiper-pagination{position:static;margin-top:30px}
#integration .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border:1px solid #1e1e1e;vertical-align:top;margin-top:2px;opacity:1;background-color:transparent}
#integration .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#1e1e1e;width:12px;height:12px;margin-top:0px}
#integration .next-arrow,#integration .prev-arrow{display:none}
#integration h2.noactive{transform:translateY(-150px);opacity:0}
#integration .swiper.noactive{transform:translateX(150px);opacity:0}

/* ---------- EXCEPTIONAL SERVICES ---------- */
#exceptional-services{overflow:hidden}

/* ---------- JACKPOT ---------- */
.jackpot-card{background:radial-gradient(79.63% 70.71%,#ffffff 32.9%,#e5e5e5 75.4%);padding:50px 60px;border-radius:20px;transition:0.2s}
.jackpot-card:hover{scale:1.012;transition:0.2s;box-shadow:rgba(0,0,0,0.09) 0px 99px 99px 0px,rgba(0,0,0,0.1) 0px 25px 54px 0px;background:radial-gradient(79.63% 70.71%,#ffffff 32.9%,#d9d9d9 75.4%)}
.jackpot-card:hover img{scale:1.05;transition:0.2s}
.jackpot-card img{display:block;margin:0px auto}
.jackpot-card .text{font-size:20px;line-height:30px;margin:44px 0px 60px;font-weight:500;height:125px}
.jackpot-card a{font-size:16px;font-weight:600;border:2px solid #1e1e1e;border-radius:50px;padding:13px 62px;text-decoration:none;color:#1e1e1e;display:block;width:fit-content;margin:0px auto;transition:0.2s}
.jackpot-card a:hover{background-color:#1e1e1e;color:#fafafa;transition:0.2s}
#live-casino-page .jackpots{width:900px;margin:0px auto}

/* ---------- PLAY POPUP ---------- */
.play-popup{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;background-color:rgba(7,22,43,0.9)}
.play-popup .close-icon{display:inline-block;position:absolute;top:0px;right:20px;margin:30px 0px 0px 32px;padding:4px 10px 2px;border-radius:30px;border:1px solid #ffffff;cursor:pointer;transition:0.2s;z-index:9999}
.play-popup .close-icon svg{color:#ffffff;width:25px;height:25px}
.play-popup .close-icon:hover{background-color:#ffffff;transition:0.2s}
.play-popup .close-icon:hover svg{color:#1e1e1e;transition:0.2s}
.back-to-games,.exit-the-game{display:none}

/* ---------- TECHNOLOGIES ---------- */
#technologies{margin:45px 25px 0px;overflow:hidden}
#technologies .tab-desk ul{display:flex;flex-wrap:wrap;text-align:center;justify-content:center}
#technologies .tab-desk ul li{width:206px;margin-bottom:50px}
#technologies .tab-desk ul li img{height:auto}
#technologies .tab-desk ul li h3{font-weight:600;text-transform:uppercase;text-align:center;margin-top:28px;line-height:1.5}

/* ---------- THE STUDIO ---------- */
/* overflow:hidden keeps the slider (and the sliding-in h2) from widening the
   page. The section used to end flush with the bottom paragraph, and the
   reveal-on-scroll animation starts that paragraph 150px BELOW its layout
   position — so it was clipped away entirely and the IntersectionObserver
   never saw it, meaning it never faded in. The padding gives the animation
   room inside the clip; the negative margin cancels it again so the spacing
   down to #amuser is unchanged. */
#the-studio{overflow:hidden;padding-bottom:150px;margin-bottom:-150px}
#the-studio .swiper{overflow:initial}
#the-studio .swiper .swiper-slide img{width:100%;height:auto;border-radius:20px;position:relative !important}

/* ---------- AMUSER ---------- */
#amuser{text-align:center}
#amuser img{height:auto}

/* ---------- LIVE CASINO GAMES ---------- */
#live-casino-games{overflow:hidden}
#live-casino-games h2{max-width:260px;margin:0px auto;padding:100px 0px 28px}
#live-casino-games .slider-title{padding:40px 0px 20px 30px}
#live-casino-games .slider-title img{height:32px;width:auto;display:inline-block;vertical-align:top}
#live-casino-games .slider-title h3{display:inline-block;vertical-align:top;padding:2px 0px 0px 4px;color:#07162b;font-size:28px;font-weight:600;line-height:1}
#live-casino-games .slider-container{position:relative}
#live-casino-games .default-slider .swiper .slide-container,#live-casino-games .two-rows-slider .swiper .slide-container.two-rows{position:relative;background-color:rgba(10,10,10,0.1);border-radius:10px}
#live-casino-games .default-slider .swiper .jackpot-cards-logo,#live-casino-games .two-rows-slider .swiper .one-row .jackpot-cards-logo{position:absolute;top:0px;left:0px;width:60%;height:auto;z-index:9;border-radius:10px}
#live-casino-games .swiper .slide-container .thumbnail{border-radius:10px}
#live-casino-games .swiper .slide-container .hoover-plate{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(7,22,43,0.5);border-radius:10px;opacity:0;transition:0.2s;z-index:9}
#live-casino-games .swiper .slide-container .hoover-plate .buttons-group{display:inline-block;width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#live-casino-games .swiper .slide-container .hoover-plate a{text-decoration:none}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn{text-align:center;border:2px solid #fafafa;border-radius:100px;padding:2px 0px;background-color:transparent;font-size:16px;font-weight:600;color:#fafafa;display:block;transition:0.2s}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn span{display:inline-block;vertical-align:top;padding-top:7px}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn svg{vertical-align:top;font-size:30px;margin-left:10px}
#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn{text-align:center;border:2px solid #fafafa;border-radius:100px;padding:8px 0px;background-color:#fafafa;font-size:16px;font-weight:600;color:#07162b;display:block;margin-bottom:15px;transition:0.2s;cursor:pointer}
#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn span{display:inline-block;vertical-align:top;padding-top:1px}
#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn svg{vertical-align:top;font-size:18px;margin-left:10px}
#live-casino-games .swiper .slide-container:hover .hoover-plate{opacity:1;transition:0.3s}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn:hover{background-color:#fafafa;color:#07162b;transition:0.2s}
#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn:hover{color:#fafafa;background-color:transparent;transition:0.2s}
#live-casino-games .slider-container .slider-nav{position:absolute;top:15%;width:100px;height:70%;z-index:9}
#live-casino-games .slider-container .slider-nav svg{margin-top:75px;background-color:#07162b;color:#fafafa;border-radius:50%;font-size:50px;cursor:pointer;opacity:0;transition:0.2s}
#live-casino-games .slider-container .slider-nav.prev-arrow{left:20px}
#live-casino-games .slider-container .slider-nav.prev-arrow svg{padding:8px 10px 8px 4px;margin-left:5px}
#live-casino-games .slider-container .slider-nav.next-arrow{right:20px;text-align:right}
#live-casino-games .slider-container .slider-nav.next-arrow svg{padding:8px 4px 8px 10px}
#live-casino-games .slider-container .slider-nav:hover svg{opacity:0.75;transition:0.2s}
#live-casino-games .slider-container .slider-nav svg:hover{opacity:1;transition:0.2s}
#live-casino-games .slider-container .swiper-button-disabled{display:none}
#live-casino-games .desktop-filters-outer{width:100%;margin-top:40px;min-height:135px}
#live-casino-games .desktop-filters{width:100%;background:#102743;padding:0px 0px 21px;z-index:99}
#live-casino-games .desktop-filters.sticky{position:fixed;bottom:0px;left:0px;transition:0.5s}
#live-casino-games .desktop-filters .buttons-container{max-width:100%;margin:0px auto 34px;position:relative}
#live-casino-games .desktop-filters .buttons-container .categories-list{width:100%;display:flex;justify-content:center;align-items:flex-start;gap:3px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category{color:#ffffff;margin-top:13px;padding:0px 30px;text-align:center;cursor:pointer}
#live-casino-games .desktop-filters .buttons-container .categories-list .category p{color:#ffffff;font-size:12px;font-weight:600;line-height:17px;margin-top:5px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category .category-icon{display:block;margin:0px auto;position:relative;width:36px;height:32px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category.selected .category-icon img{filter:brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(3789%) hue-rotate(16deg) brightness(96%) contrast(66%);transition:background-color 0.2s}
#live-casino-games .desktop-filters .buttons-container .categories-list .category.selected,#live-casino-games .desktop-filters .buttons-container .categories-list .category.selected p{color:#a6ce39;transition:background-color 0.2s}
#live-casino-games .desktop-filters .buttons-container .categories-list .category:hover p,#live-casino-games .desktop-filters .buttons-container .sub-categories-list .sub-category:hover{color:#8aab2f;transition:0.2s}
#live-casino-games .desktop-filters .buttons-container .categories-list .category:hover .category-icon img{filter:brightness(0) saturate(100%) invert(59%) sepia(76%) saturate(399%) hue-rotate(35deg) brightness(92%) contrast(84%);transition:background-color 0.2s}
#live-casino-games .desktop-filters .second-row{max-width:1354px;margin:0px auto;display:flex;justify-content:space-between;overflow:hidden}
#live-casino-games .desktop-filters .right-part{margin-right:-75px;width:400px;display:flex;justify-content:space-between;transition:0.5s}
#live-casino-games .desktop-filters .right-part.clear-button-is-visible{margin-right:0px;transition:0.5s}
#live-casino-games .desktop-filters .search-container{display:flex;justify-content:space-between;border:1px solid #fafafa;border-radius:100px;padding:10px 20px}
#live-casino-games .desktop-filters .search-container input{width:324px;font-size:12px;color:#ffffff;transition:0.3s}
#live-casino-games .desktop-filters .search-container input::placeholder{color:rgba(250,250,250,0.773);opacity:1}
#live-casino-games .desktop-filters .search-container svg{color:#ffffff;width:20px;height:20px;cursor:pointer;margin-left:-20px}
#live-casino-games .desktop-filters .clear-btn{opacity:0;background-color:#ffffff;font-size:18px;border-radius:22px;border:2px solid #ffffff;padding:3px 14px 0px;cursor:pointer;transition:0.2s}
#live-casino-games .desktop-filters .clear-btn:hover{background-color:#102743;color:#ffffff;transition:0.2s}
#live-casino-games .desktop-filters .right-part.clear-button-is-visible .clear-btn{opacity:1;transition:0.5s}
#live-casino-games .desktop-filters .desktop-markets{display:block;background-color:#ffffff;border:1px solid #ffffff;width:320px;cursor:pointer;font-size:14px;border-radius:22px;padding-left:18px;position:relative;text-align:left}
#live-casino-games .desktop-filters .desktop-markets img{display:inline-block;margin-top:2px;margin-right:5px;vertical-align:top}
#live-casino-games .desktop-filters .desktop-markets p{display:inline-block;margin-top:3px;vertical-align:top}

/* ---------- HERO ---------- */
#hero-video-container .hero-video-slider{height:90vh;margin-top:110px;width:1455px;overflow:visible}
#hero-video-container .hero-video-slider .swiper-wrapper{height:80vh}
#hero-video-container .hero-video-slider video{object-fit:cover;height:100%;width:100%;border-radius:20px;background-size:cover;background-position:50% center;background-color:#07162b;background-image:var(--desktop-poster)}
#hero-video-container .hero-video-slider .navigation{margin-top:2.1vh;font-size:45px;display:flex;gap:20px;justify-content:flex-end;margin-right:7px}
#hero-video-container .hero-video-slider .navigation .next-arrow{border:2px solid #1e1e1e;border-radius:50%;font-size:25px;padding:5px 4px 5px 6px;background-color:#1e1e1e;color:#ffffff;cursor:pointer;transition:0.2s}
#hero-video-container .hero-video-slider .navigation .prev-arrow{border:2px solid;border-radius:50%;font-size:25px;padding:5px 6px 5px 4px;color:#1e1e1e;cursor:pointer;transition:0.2s}
#hero-video-container .hero-video-slider .navigation .next-arrow:hover,#hero-video-container .hero-video-slider .navigation .prev-arrow:hover{opacity:0.8}
#hero-video-container .hero-video-slider .swiper-pagination-bullets{bottom:4.8vh;text-align:left;width:fit-content;left:7px}
#hero-video-container .hero-video-slider .swiper-pagination-bullets span{width:10px;height:10px;background-color:transparent;border:1px solid #1e1e1e;opacity:1}
#hero-video-container .hero-video-slider .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#1e1e1e}
#hero-video-container .herospace-text h1{padding:100px 0px 75px;font-size:48px;line-height:58px;font-weight:400;text-align:center}
#hero-video-container .herospace-text .text{width:900px;margin:0px auto;text-align:center;font-size:20px;line-height:1.5}

/* =============================================================================
   BREAKPOINTS
   ============================================================================= */
@media screen and (max-width:766px){
#back-office{padding-top:0px}
#back-office .text-and-button{margin-bottom:40px}
#back-office .swiper-slide{min-height:165px}
.jackpot-card{padding:50px 25px 35px}
.jackpot-card img{width:100%;height:auto}
.jackpot-card .text{font-size:15px;line-height:22px;margin:15px 0px 25px;height:210px}
.jackpot-card a{font-size:14px;padding:11px 55px}
.play-popup{background-color:rgba(7,22,43,0.98)}
.play-popup .close-icon{display:none}
.exit-the-game{left:6px;text-align:center}
.back-to-games,.exit-the-game{display:block;position:absolute;bottom:6px;background-color:transparent;color:#a6ce39;font-size:10px;font-weight:600;padding:6px 8px;border:1px solid #a6ce39;border-radius:48px}
.back-to-games{right:6px;text-decoration:none}
.back-to-games img,.exit-the-game img{display:inline-block;width:12px;height:auto;margin-right:4px}
.back-to-games p,.exit-the-game p{display:inline-block;vertical-align:top;margin-top:2px}
#technologies .tab-desk{margin-top:50px}
#technologies .tab-desk ul li img{height:auto;width:45%}
#technologies .tab-desk ul li h3{font-size:14px}
#the-studio .swiper{min-height:125px;width:330px}
#the-studio .swiper .swiper-slide-prev{text-align:right;padding:3% 0px 0px 10%}
#the-studio .swiper .swiper-slide-next{text-align:left;padding:3% 10% 0px 0px}
#amuser img{width:120px}
#amuser{margin-top:100px}
#live-casino-games .swiper .slide-container .thumbnail{position:unset !important}
#live-casino-games .slider-title img{height:20px}
#live-casino-games .slider-title h3{font-size:18px}
#live-casino-games .slider-container{padding-left:20px}
#live-casino-games .swiper .slide-container .hoover-plate .buttons-group{width:100%;height:100%}
#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn{display:none}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn{background-color:transparent;border:none;width:100%;height:100%}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn span,#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn svg{display:none}
#live-casino-games .swiper .slide-container .hoover-plate{opacity:1;transition:unset;background-color:unset}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn:hover,#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn:hover{background-color:transparent;color:transparent}
#live-casino-games .slider-container .slider-nav{display:none !important}
#live-casino-games .desktop-filters-outer{min-height:160px}
#live-casino-games .desktop-filters{display:block}
#live-casino-games .desktop-filters .categories-list-conainer,#live-casino-games .desktop-filters .sub-categories-list-container{overflow:scroll;padding-bottom:10px;padding-top:10px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category,#live-casino-games .desktop-filters .buttons-container .sub-categories-list .sub-category{flex-shrink:0;padding:0px 10px}
#live-casino-games .desktop-filters .buttons-container .categories-list{justify-content:flex-start}
#live-casino-games .desktop-filters .second-row{padding:10px 20px;gap:10px}
#live-casino-games .desktop-filters .buttons-container{margin-bottom:5px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category .category-icon{width:27px;height:24px}
#live-casino-games .desktop-filters .search-container{padding:6px 15px;width:75%}
#live-casino-games .desktop-filters .desktop-markets{width:44px;font-size:0px;padding-left:0px;color:transparent;overflow:hidden}
#live-casino-games .desktop-filters .desktop-markets img{top:0px;position:relative;left:12px}
#live-casino-games .desktop-filters .right-part{width:auto;margin-right:0px}
#live-casino-games .desktop-filters .clear-btn{display:none;margin-left:10px}
#live-casino-games .desktop-filters .search-container svg{width:24px}
#live-casino-games .games-container{width:360px;margin:20px auto;gap:10px}
#live-casino-games .games-container .slide-container{width:48.3%;height:220px}
#live-casino-games .container-category-title{font-size:18px;width:100%;padding:60px 20px 20px}
#hero-video-container .hero-video-slider{height:90vh;width:80%;margin-top:10vh}
#hero-video-container .hero-video-slider .swiper-wrapper{height:80vh}
#hero-video-container .hero-video-slider .navigation{margin-top:3.5vh;gap:10px}
#hero-video-container .hero-video-slider .swiper-pagination-bullets{bottom:3vh}
#hero-video-container .herospace-text h1{font-size:36px;padding-bottom:30px}
#hero-video-container .herospace-text .text{width:100%;padding:0px 25px;font-size:16px}
#hero-video-container .hero-video-slider .navigation .next-arrow,#hero-video-container .hero-video-slider .navigation .prev-arrow{font-size:20px}
#hero-video-container .hero-video-slider video{background-image:var(--mobile-poster)}
}

@media screen and (max-width:1400px){
.play-popup .close-icon{margin:30px 0px 0px 32px;right:20px !important}
.play-popup .close-icon svg{width:20px;height:20px}
}

@media screen and (min-width:766px) and (max-width:1200px){
#back-office{padding-top:0px}
#back-office h2{padding-bottom:35px}
#back-office .swiper{width:668px;margin-top:50px;margin-left:calc(50% - 334px)}
#back-office .swiper-slide{padding:35px 10px;min-width:205px;min-height:280px;text-align:center}
#back-office .swiper-slide .back-office-slider-icon{height:85px;width:125px}
#back-office .swiper-slide h3{font-size:20px;line-height:30px;padding-top:35px}
#integration .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px}
#integration .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:16px;height:16px}
#integration{padding:100px 60px 50px;min-height:100vh}
#integration h2{font-size:40px;line-height:48px;padding-top:0px;padding-bottom:68px}
#integration .swiper{width:460px;overflow:hidden}
#integration .swiper-slide{width:460px;padding:70px 50px;min-height:636px}
#integration .swiper-slide p{color:#a6ce39;font-size:72px;font-weight:300}
#integration .swiper-slide h3{color:#1e1e1e;font-size:24px;padding:20px 0px 25px}
#integration .swiper-slide ul{list-style-type:disc;padding:18px 0px 0px 2px;color:#1e1e1e}
#integration .swiper-slide ul li{font-size:20px;line-height:30px;margin-bottom:10px}
#integration .next-arrow,#integration .prev-arrow{display:block;position:absolute;font-size:44px;top:calc(50% - 22px)}
#integration .prev-arrow{left:50px}
#integration .next-arrow{right:50px}
#the-studio .swiper{min-height:275px;width:720px}
#the-studio .swiper .swiper-wrapper{padding-left:0px}
#the-studio .swiper .swiper-slide{opacity:1;transition:0.4s;cursor:pointer}
#the-studio .swiper .swiper-slide-active{opacity:1;transition:0.4s}
#the-studio .swiper .swiper-slide-prev{text-align:right;padding:4% 0px 0px 12%}
#the-studio .swiper .swiper-slide-next{text-align:left;padding:4% 12% 0px 0px}
#live-casino-games h2{max-width:100%;padding:150px 0px 50px}
#live-casino-games h3{padding:30px 0px 15px 30px;font-size:20px}
#live-casino-games .swiper{padding-left:10px}
#live-casino-games .swiper img{width:222px;height:auto}
#live-casino-games .swiper .slide-container .thumbnail{position:unset !important}
#live-casino-games .slider-container .slider-nav{display:none !important}
#live-casino-games .swiper .slide-container .hoover-plate{opacity:1;transition:unset;background-color:unset}
#live-casino-games .swiper .slide-container .hoover-plate .buttons-group{width:100%;height:100%}
#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn{display:none}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn{background-color:transparent;border:none;width:100%;height:100%}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn span,#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn svg{display:none}
#live-casino-games .swiper .slide-container .hoover-plate .more-info-btn:hover,#live-casino-games .swiper .slide-container .hoover-plate .play-demo-btn:hover{opacity:0}
#live-casino-games .desktop-filters-outer{min-height:250px}
#live-casino-games .desktop-filters{display:block}
#live-casino-games .desktop-filters .categories-list-conainer,#live-casino-games .desktop-filters .sub-categories-list-container{overflow:scroll;padding-bottom:10px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category,#live-casino-games .desktop-filters .buttons-container .sub-categories-list .sub-category{flex-shrink:0}
#live-casino-games .desktop-filters .buttons-container .categories-list{justify-content:flex-start}
#live-casino-games .desktop-filters .second-row{padding:20px;gap:10px}
#live-casino-games .desktop-filters .search-container{padding:6px 20px;width:80%}
#live-casino-games .desktop-filters .desktop-markets{width:44px;font-size:0px;padding-left:0px;color:transparent;overflow:hidden}
#live-casino-games .desktop-filters .desktop-markets img{top:0px;position:relative;left:12px}
#live-casino-games .desktop-filters .right-part{width:auto;margin-right:0px}
#live-casino-games .desktop-filters .clear-btn{display:none;margin-left:10px}
#live-casino-games .games-container{width:calc(100% - 60px)}
#live-casino-games .games-container .slide-container{width:222px;height:344px}
}

@media screen and (min-width:766px) and (max-width:1360px){
#exceptional-services{margin:100px 0px}
#exceptional-services h2{padding-top:0px}
#technologies .tab-desk{margin-top:50px}
#technologies .tab-desk ul li img{height:auto;width:45%}
#amuser{margin-top:100px}
#amuser img{width:202px}
}

@media screen and (min-width:766px) and (max-width:1260px){
.jackpot-card img{width:100%;height:auto}
#live-casino-page .jackpots{width:700px}
.jackpot-card .text{height:150px}
}

@media screen and (min-width:767px) and (max-width:1200px){
#hero-video-container .hero-video-slider{height:90vh;width:90%;margin-top:10vh}
#hero-video-container .hero-video-slider .swiper-wrapper{height:84vh}
#hero-video-container .hero-video-slider .navigation{margin-top:1.5vh;font-size:39px}
#hero-video-container .hero-video-slider .swiper-pagination-bullets{bottom:2vh}
#hero-video-container .herospace-text h1{font-size:40px}
#hero-video-container .herospace-text .text{width:700px;font-size:18px}
#hero-video-container .hero-video-slider video{background-image:var(--tablet-poster)}
}

@media screen and (min-width:1200px) and (max-width:1360px){
#back-office .swiper{width:1000px;margin:36px auto 0px}
#back-office .swiper-wrapper{justify-content:center}
#back-office .swiper-slide{padding:35px 0px;min-width:184px;min-height:230px}
#back-office .swiper-slide .back-office-slider-icon{height:85px;width:125px}
#back-office .swiper-slide h3{font-size:16px;line-height:24px;padding-top:25px}
#integration{padding:0px 0px 100px}
#integration h2{padding-top:80px;padding-bottom:50px}
#integration .swiper{width:1000px;margin:0px auto}
#integration .swiper-slide{width:320px;padding:30px 30px 30px 40px;min-height:400px}
#integration .swiper-slide p{font-size:42px}
#integration .swiper-slide h3{color:#1e1e1e;font-size:18px;padding:10px 0px 22px}
#integration .swiper-slide ul{list-style-type:disc;padding:18px 0px 0px 2px;color:#1e1e1e}
#integration .swiper-slide ul li{font-size:14px;line-height:20px;margin-bottom:0px}
#integration .next-arrow,#integration .prev-arrow{display:none}
#the-studio .swiper{min-height:315px;width:1140px}
#the-studio .swiper .swiper-wrapper{padding-left:0px}
#the-studio .swiper .swiper-slide{opacity:1;transition:0.4s;cursor:pointer}
#the-studio .swiper .swiper-slide-active{opacity:1;transition:0.4s}
#the-studio .swiper .swiper-slide-prev{text-align:right;padding:4% 0px 0px 12%}
#the-studio .swiper .swiper-slide-next{text-align:left;padding:4% 12% 0px 0px}
#live-casino-games h2{max-width:100%;padding:120px 0px 60px}
#live-casino-games h3{max-width:1000px;margin:0px auto;padding:30px 0px 20px;font-size:18px;line-height:1}
#live-casino-games .swiper{width:1000px;margin-left:20px;overflow:initial}
#live-casino-games .default-slider .swiper .slide-container{width:191px;height:296px}
#live-casino-games .slider-title h3{font-size:22px}
#live-casino-games .slider-title img{height:25px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category{margin-top:13px;padding:0px 16px}
#live-casino-games .desktop-filters .second-row{max-width:1000px;margin:0px auto}
#live-casino-games .desktop-filters .search-container{border-radius:100px;padding:5px 12px}
#live-casino-games .desktop-filters .search-container input{min-height:22px;width:280px}
#live-casino-games .desktop-filters .search-container svg{margin-top:1px;margin-right:0px;margin-left:-20px}
#live-casino-games .desktop-filters .desktop-markets{width:280px;border-radius:22px;padding-left:18px;font-size:14px}
#live-casino-games .desktop-filters .desktop-markets img{top:8px;right:16px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category .category-icon{width:26px;height:24px}
#live-casino-games .desktop-filters .buttons-container{margin-bottom:25px}
#live-casino-games .games-container{width:1020px;margin:20px auto}
#live-casino-games .container-category-title{width:1020px;font-size:22px}
#hero-video-container .hero-video-slider{height:88vh;width:85%;margin-top:85px}
#hero-video-container .hero-video-slider .swiper-wrapper{height:78vh}
#hero-video-container .hero-video-slider .navigation{margin-top:2.5vh;font-size:39px}
#hero-video-container .hero-video-slider .swiper-pagination-bullets{bottom:4.6vh}
#hero-video-container .herospace-text h1{font-size:40px}
#hero-video-container .herospace-text .text{width:700px;font-size:16px}
}

@media screen and (min-width:1200px) and (max-height:700px){
#hero-video-container .hero-video-slider{width:80%}
#hero-video-container .hero-video-slider .navigation{margin-right:40px}
#hero-video-container .hero-video-slider .swiper-pagination-bullets{left:40px}
}

@media screen and (min-width:1260px) and (max-width:1360px){
.jackpot-card .text{font-size:17px;line-height:26px}
.jackpots .jackpot-card img{width:100%;height:auto}
}

@media screen and (min-width:1360px){
#back-office .swiper{width:1180px;margin:36px auto 0px}
#back-office .swiper-wrapper{justify-content:center}
#back-office .swiper-slide{padding:35px 0px;min-width:184px;min-height:220px}
#back-office .swiper-slide .back-office-slider-icon{height:85px;width:125px}
#back-office .swiper-slide h3{font-size:16px;line-height:24px;padding-top:25px}
#integration{padding:0px 0px 100px}
#integration h2{padding-top:80px;padding-bottom:50px}
#integration .swiper{width:1000px;margin:0px auto}
#integration .swiper-slide{width:320px;padding:30px 30px 30px 40px;min-height:400px}
#integration .swiper-slide p{font-size:42px}
#integration .swiper-slide h3{color:#1e1e1e;font-size:18px;padding:10px 0px 22px}
#integration .swiper-slide ul{list-style-type:disc;padding:18px 0px 0px 2px;color:#1e1e1e}
#integration .swiper-slide ul li{font-size:14px;line-height:20px;margin-bottom:0px}
#integration .next-arrow,#integration .prev-arrow{display:none}
#technologies{margin-top:0px}
#technologies h2{padding-bottom:75px}
#technologies .tab-desk{margin-top:40px}
#technologies .tab-desk ul li img{width:90px}
#technologies .tab-desk ul li h3{font-size:15px}
#the-studio .swiper{min-height:360px;width:1300px}
#the-studio .swiper .swiper-wrapper{padding-left:0px}
#the-studio .swiper .swiper-slide{opacity:1;transition:0.4s;cursor:pointer}
#the-studio .swiper .swiper-slide-active{opacity:1;transition:0.4s}
#the-studio .swiper .swiper-slide-prev{text-align:right;padding:4% 0px 0px 12%}
#the-studio .swiper .swiper-slide-next{text-align:left;padding:4% 12% 0px 0px}
#amuser{margin-top:120px}
#amuser img{width:170px}
#live-casino-games h2{max-width:100%;padding:120px 0px 60px}
#live-casino-games h3{max-width:1180px;margin:0px auto;padding:30px 0px 20px;font-size:18px;line-height:1}
#live-casino-games .swiper{width:1222px;margin-left:20px;overflow:initial}
#live-casino-games .default-slider .swiper .slide-container{width:191px;height:296px}
}

@media screen and (min-width:1360px) and (max-width:1600px){
.jackpot-card img{width:100%;height:auto}
.jackpot-card .text{font-size:18px;line-height:28px;height:150px}
#live-casino-page .jackpots{width:700px}
#live-casino-games .desktop-filters .buttons-container .categories-list .category{margin-top:13px;padding:0px 16px}
#live-casino-games .desktop-filters .second-row{max-width:1040px;margin:0px auto}
#live-casino-games .desktop-filters .search-container{border-radius:100px;padding:5px 12px}
#live-casino-games .desktop-filters .search-container input{min-height:22px;width:280px}
#live-casino-games .desktop-filters .search-container svg{margin-top:1px;margin-right:0px;margin-left:-20px}
#live-casino-games .desktop-filters .desktop-markets{width:280px;border-radius:22px;padding-left:18px;font-size:14px}
#live-casino-games .desktop-filters .desktop-markets img{top:8px;right:16px}
#hero-video-container .hero-video-slider{height:90vh;width:85%;margin-top:100px}
#hero-video-container .hero-video-slider .swiper-wrapper{height:78vh}
#hero-video-container .hero-video-slider .navigation{margin-top:3vh;font-size:39px}
#hero-video-container .hero-video-slider .swiper-pagination-bullets{bottom:6.6vh}
#hero-video-container .herospace-text h1{font-size:40px}
#hero-video-container .herospace-text .text{width:700px;font-size:16px}
}

@media screen and (min-width:1600px){
#the-studio .swiper{min-height:430px;width:1540px}
#back-office{padding-top:0px}
#back-office .swiper{width:1358px;margin:36px auto 0px}
#back-office .swiper-slide{padding:35px 0px;min-width:206px;min-height:274px}
#back-office .swiper-slide .back-office-slider-icon{height:85px;width:125px}
#back-office .swiper-slide h3{font-size:20px;line-height:30px;padding-top:30px}
}

@media screen and (min-width:1922px){
#the-studio .swiper{min-height:525px;width:1880px}
#the-studio .swiper .swiper-slide{opacity:0}
#the-studio .swiper .swiper-slide.swiper-slide-active,#the-studio .swiper .swiper-slide.swiper-slide-next,#the-studio .swiper .swiper-slide.swiper-slide-prev{opacity:1}
}

@media screen and (min-width:2200px){
.play-popup .close-icon svg{width:40px;height:40px}
}