@font-face {font-family: 'Maiandra GD';src: url('../font/MAIAN.TTF');}

html,body{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box;background:#071433}
.container{max-width:1180px;width:100%;margin:0 auto;padding: 0 5px;box-sizing: border-box}
.banner-container{max-width:1400px;width:100%;margin:0 auto}
header .container{max-width:1380px;width:100%;margin:0 auto}
h1,h2,h3,h4,h5,h6,p,span,a,ul,li{font-family:"Maiandra GD", sans-serif;margin:0;font-weight:400;}

.header-block{display:flex;justify-content:center;align-items:center}
#primary-menu{display:flex;justify-content:end;gap:45px;padding:11px 0 7px;list-style:none;align-items:center;width:100%}
.menu a{color:#FFFFFF;text-decoration:none;font-size:24px;line-height:28px;}
.menu-item-menu{border-bottom:1px solid transparent;padding-bottom:5px;transition:all .3s}
.menu-item-menu:hover{border-bottom:1px solid #FFFFFF}
.toggle-menu{display:none}
.menu-item-home a{font-size: 24px;margin-right: 20px;line-height: 29px;text-transform: uppercase}
.menu-item-home-mobile{display: none}
.menu-item-desktop{width:300px;font-size: 30px;line-height: 35px; background: linear-gradient(100deg, #FFF6D7 0%, #A3682F 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.banner{background: url('../img/banner.webp');background-size: cover;background-repeat: no-repeat;padding: 26px 0 56px}
.banner-block{text-align: center}
.heading{text-transform: uppercase;font-size: 46px;line-height: 55px;color: white; -webkit-text-stroke: 2px #925500;text-shadow: 2px 2px 15.4px #508689;}
.banner-text{margin:36px 0 58px 0;font-size: 32px;line-height: 38px;color: white; -webkit-text-stroke: 2px #925500;text-shadow: 2px 2px 15.4px #508689;}
.banner-info{padding:0 11px ;display: flex;justify-content: center;gap: 60px}
.info-item{max-width: 310px;width: 100%;color: #FFFFFF;display: flex;justify-content: center;gap: 10px;align-items: center;padding: 16px 0;font-size: 24px;line-height: 28px;border: 1px solid #FFFFFF;border-radius:20px;box-shadow: 0px 0px 6px 0px #FFFFFF;}

.casino{padding: 38px 0 71px}
.casino-item-top{align-items:center;min-height:165px;border-radius:20px;display: flex;justify-content: space-between;background: linear-gradient(180deg, #23494D 0%, #523101 100%);}
.casino-logo{border-top-left-radius:20px;border-bottom-left-radius:20px;height: 100%; min-height: 165px;background: #272727;display: flex;align-items: center;justify-content: center;padding: 0 10px;max-width: 301px;width: 100%;}
.casino-info{max-width: 325px;width: 100%}
.section-title{color: #FFFFFF;font-size: 20px;line-height: 23px;padding: 8px 0;text-align: center;}
.casino-subtitle{color: #FFC600;font-size: 16px;line-height: 19px;padding-bottom: 6px}
.casino-list{color: #FFFFFF;font-size: 16px;line-height: 19px;padding-bottom: 6px}
.rating{display: flex;justify-content: space-between;gap: 83px;align-items: center}
.stars{display: flex;flex-direction: column;gap: 5px;align-items: center}
.number{color: #FFFFFF;font-size: 64px;line-height: 76px;}
.stars img{width: 135px;height: 27px}
.arena-casino{width: 301px;height: 26px}
.casino-link{transition:all 0.3s;background: #23484D;text-decoration: none;color: #FFC600;font-size: 36px;line-height: 43px;text-transform: uppercase;width: 203px;padding: 7px 0 ;border-radius: 20px;text-align: center;display: inline-block;margin-right: 20px}
.casino-link:hover{background: #B30000}
.casino-subtitle2{text-align: center}
.casino-block{display: flex;flex-direction: column;gap: 32px}
.casino-item-bottom{color: #FFFFFF;font-size: 14px;line-height: 16px;margin-top: 5px}

.about-casino{margin-bottom:71px}
.about-heading{max-width: 1000px;margin: 0 auto;}
.about-title{color:#DB8E27!important;margin:15px 0}
.section-text{color:#FFFFFF;font-size:20px;line-height:24px;}
.about-heading p{text-align:center;margin-bottom:15px}
.about-content,.about-heading2 {margin-top: 50px;}
.about-content p{text-align:left!important;}
.list{color: #FFFFFF;font-size: 20px;line-height: 24px;margin-bottom:20px}

.contacts{background: #000000;padding: 11px 0 26px}
.contact-block{max-width: 550px;margin: 0 auto;}
.contacts h2{margin-bottom: 20px}
.contacts p{font-size: 16px;text-align: center;margin-bottom: 20px}
.logos{display: flex;justify-content: center;gap: 45px;align-items: center;margin-top: 31px}
.links{display: flex;justify-content: space-evenly;margin-top: 30px}
.links a{color: #FFFFFF;font-size: 16px;line-height: 19px;text-decoration: none}
.casino-logo-mobile{display: none}


/*privacy Policy*/
.privacy-policy { margin : 50px 0 80px; text-align: left}
.privacy-policy h2,.privacy-policy h1{ color: #FFFFFF; font-size: 31px; line-height: 43.4px; margin-bottom: 8px;font-weight: 700}
.privacy-policy p{color: #FFFFFF;font-size: 17px;line-height: 25.5px;margin-bottom: 16px;    word-break: break-all;}
.privacy-policy a,.privacy-policy li{color: #FFFFFF;    word-break: break-all;}
.menu li:nth-child(7){ display: none; }
.contact-block img{width: 50px;height: 50px}
.mobile-history-img{width: 279px;height: 147px}

a.jackpot-hr-section-title{text-decoration: none}
.jackpot-hr-play-safely-and-responsibly{padding: 50px 0}
.show-more{color: #FFC600;font-size: 12px;line-height: 14px;padding: 2px 10px;background: #23484D;text-align: center;border-radius: 10px;cursor:pointer;display: none}






.popup-container{background-color:rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;right:0;bottom:0;display: none}
.popup-container .popup{border-radius:20px;background:#000115;max-width:540px;box-sizing:border-box;padding:24px 20px 39px;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;background: linear-gradient(180deg, #23494D 0%, #523101 100%);}
.popup-container-cookie .popup {box-sizing:border-box;border-radius:20px;position: fixed;background: linear-gradient(180deg, #23494D 0%, #523101 100%);max-width:540px;padding:24px 20px 39px;text-align:center;width: 100%;right: 20px;bottom: 10px}

.popup-title{font-size:24px;font-weight:700;line-height:29px;color:#FFC600;margin: 0 auto}
.popup-text1,.popup-text2{font-size:20px;font-weight:400;line-height:20px;color:#FFC600;margin: 20px auto;letter-spacing: 0.2px}
.popup-btns{display: flex;justify-content: space-between;gap: 10px}
.btn1,.btn2{border-radius: 5px;padding: 8px 0;width: 180px;text-decoration: none;color: #FFC600;background: #23484D;font-size: 21px}
.btn3{width: 50%!important;margin: 0 auto}




@media (max-width: 1200px){
    header{padding:25px 0 ;}
    header .container{max-width:-webkit-fill-available}
    .header-mobile{display: flex;justify-content: end;width: 100%}
    .social a{margin: 0 0 0 32px}
    .toggle-menu{display:block;cursor:pointer}
    #primary-menu{align-items:start;max-width:100%;position:fixed;gap:45px;left:-130%;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);justify-content:flex-start;flex-direction:column;margin:0;padding-top:50px;transition:.3s}
    #primary-menu.active{left:0;z-index:999;padding-left:16px}
    #primary-menu li a{font-size:25px;color:#FFF}
    .close-button{position:fixed;top:25px;right:20px;width:20px;height:20px;display:none;cursor:pointer}
    #primary-menu.active .close-button{display:inline-block}
    .close-button::before,.close-button::after{content:'';position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#fff;opacity:1!important;color:#fff}
    .close-button::before{transform:translateY(-50%) rotate(45deg)}
    .close-button::after{transform:translateY(-50%) rotate(-45deg)}
}
@media (max-width: 1100px) {
    .casino-item-top{flex-direction: column;}
    .casino-logo{border-bottom-left-radius: 0;border-top-right-radius: 20px;}
    .casino-logo-mobile{display: flex;margin: 0 auto}
    .casino-logo-desktop{display: none}
    .logos{flex-wrap: wrap}
}
@media (max-width: 1024px) {
    .menu-item-desktop{font-size: 20px}
    header .container{padding: 0 15px}
    .banner-info{flex-wrap: wrap;gap: 16px}
}

@media (max-width: 768px) {
    .heading{font-size: 24px;line-height: 28px;-webkit-text-stroke: 1px #925500; }
    .banner-text{
        font-size: 16px;
        line-height: 20px;
        -webkit-text-stroke: 0.3px #925500;
    }
    .info-item{font-size: 16px;line-height: 19px;padding: 8px 0}
    .casino-logo{min-height: 85px}
    .section-title{font-size: 16px;line-height: 19px}
    .casino-subtitle{font-size: 14px;line-height: 17px}
    .number{font-size: 20px;line-height: 24px}
    .stars img {width: 68px;height: 13px; }
    .casino-link{max-width: 139px;font-size: 20px;line-height: 23px;margin-right: 0}
    .rating{margin-bottom: 20px}
    .casino-item-top{gap: 20px!important;}
    .casino-item-bottom{font-size: 12px}
    .about-casino .section-title{font-size: 20px;line-height: 20px!important;}
    .about-casino .section-text,.list , .list li{font-size: 16px;line-height: 24px!important;}
}
@media (max-width: 425px) {
    .casino-item-bottom {height: 20px;overflow: hidden; }
    .show-more{ display: inline-block;margin-top: 5px}

}