.page-template-christmas {
    background: url(/wp-content/uploads/2025/12/bg-pattern.png) no-repeat center / cover;
}
.page-template-christmas .join-players-section {
        background-image: url(/wp-content/uploads/2025/12/unlock-bonus-bg.png);
}
.btn-signup {
    background: linear-gradient(149deg, #2DADFF 3.25%, #0068C0 96.75%);
    background-size: 200%;
    transition: background-position 0.4s ease;  
}
.btn-signup:hover {
    background: linear-gradient(149deg, #2DADFF 3.25%, #0068C0 96.75%);
    background-position: right;
}
.disclaimer{
    font-size: 14px;
    font-weight: 400;
}
.accordion-button, .accordion-button:not(.collapsed){
    background: linear-gradient(149deg, #2DADFF 3.25%, #0068C0 96.75%);
}
.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.faq-title {
    text-shadow: 0 0 10px #B9E3FF;
    font-weight: 700;
    letter-spacing: 1.2px;
    background: linear-gradient(180deg, #E1FEFF 13.79%, #5AA3FF 87.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h2.game-subtitle {
    background: linear-gradient(180deg, #E1FEFF 13.79%, #5AA3FF 87.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 10px #B9E3FF;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.2px;
}
.join-text{
    font-size: 18px;
    font-weight: 400;

}

.faq-section a {
    color:white;
    text-decoration: none;
    border-bottom:1px solid white;
}
.faq-section a:hover {
    border-bottom:1px solid transparent;
}
.no-scroll {
    max-height:none;
}

.game-name {
    background: linear-gradient(180deg, #E1FEFF 13.79%, #5AA3FF 87.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 10px #B9E3FF;
    font-family: Inter;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0.6px;
}
.game_section{
    background:url(/wp-content/uploads/2025/12/game-section-bg.png) no-repeat center / cover;
}
 .promo-box {
           padding: 40px 27px;
        height: 260px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        justify-content: space-around;
        text-align: center;
        color: #fff;
    }

    .promo-box h3 {
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

.promo-box p {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.54px;
}
.promo-box h3 {
    text-shadow: 0 0 10px #B9E3FF;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.2px;
    background: linear-gradient(180deg, #E1FEFF 13.79%, #5AA3FF 87.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.free-spins-boxes .col-12.col-md-3 {
        background: url(/wp-content/uploads/2025/12/box-frame-e1764771540972.png) no-repeat center / contain;
}
.lightning-row {
    position: relative;
    padding-left:10px;
    padding-right:10px;
    display:flex;
    flex-direction: column;
    gap:15px;
}

.lightning-row::before {
    content: "";
    position: absolute;
    top: 0px;
    left:0 ;
    width: 30px;
    height: 100%;
    background: url("/wp-content/uploads/2025/12/light-border-left.webp")
                no-repeat center / contain;
    pointer-events: none;
}
.lightning-row::after {
    content: "";
    position: absolute;
    top:0;
    right: 0;
    width: 30px;
    height: 100%;
    background: url("/wp-content/uploads/2025/12/light-border-right.webp")
                no-repeat center / contain;
    pointer-events: none;
}


.xmas-box {
    max-width:658px;
    display:flex;
    gap:0;
    /* height:232px; */
    flex-direction: column;
}
.xmas-box img {
    width:100%;
    aspect-ratio: 658/122;

}
.xmas-box .frame {
    background-image:url(/wp-content/uploads/2025/12/xmax-box-middle.webp);
    background-repeat: repeat-y;
    background-size:contain;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left:40px;
    padding-right:40px;
    letter-spacing: 0.36px;
}
.xmas-box .frame .text {
    margin-bottom:-12px;
    min-height: 90px;
    display:flex;
    font-size:15px;
    flex-wrap: wrap;
    align-content:center;
    justify-content: center;
}
.xmas-box .frame h3 {
    margin-top:-20px;
    text-shadow: 0 0 10px #B9E3FF;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 1.2px;
    background: linear-gradient(180deg, #E1FEFF 13.79%, #5AA3FF 87.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
}


.banner {
    padding-bottom:20%;
    padding-top:18%;
}
.banner,
.banner article {
    position:relative;
}
.banner .tinsel {
    position:absolute;
    bottom:0;
    left:0;
    z-index:5;
    width:100%;
    background: linear-gradient(to top, #001744 50%, transparent);
    text-align: center;
}
.banner .tinsel img {
    aspect-ratio: 786/506;
}

.banner picture img {
    width:100%;
    height:auto;
    aspect-ratio: 1000/2252;
}

.banner .lady {
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    height:auto;
    aspect-ratio: 1060/1406;
    clip-path: polygon(100% 0, 100% 100%, 65% 86%, 31% 91%, 0 100%, 0% 60%, 0 0);
}
.banner article .left-col {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    display:flex;
    align-items: center;
    flex-direction: column;

    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 121.059%; /* 20.58px */
    text-transform: capitalize;    
}

.banner article .free-spins {
    width:78%;
    height:auto;
    aspect-ratio: 1102/521;
}

.banner article .left-col {
    color:  #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 23.432px;
    
    font-weight: 900;
    line-height: normal;    
}

.banner article .left-col p {
    margin:0;
}

.banner article .left-col .welcome {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    text-transform: none;
}

.banner article .left-col .coins {
    display:flex;
    align-items: center;
    font-style: normal;
    font-weight: 900;  
    color: #FFF;  
    text-transform: none;
}

.banner article .left-col .coins sup {
    font-size: 24px;
    line-height: normal;
    top:-.15em;
}


.banner article .left-col em {
    font-size: 23.432px;
    line-height: normal;
    letter-spacing: -0.469px;
    padding-left:2px;
    padding-right:4px;
}

.banner h3,
.banner h4 {
    background: linear-gradient(180deg, #E1FEFF 13.79%, #5AA3FF 87.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 10px #B9E3FF;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.2px;    
}

.banner h3 {
    font-size:34px;    
    padding-top:10px;
    margin-bottom:0;
}

.banner h4 {
    font-size:18px;
    padding-bottom:10px;
    margin-bottom:0;
}

.banner .offer-ends {
    font-family: Inter;
    font-weight: 400;
    font-size:12px;
    text-align: center;
    padding-bottom:10px;
    line-height:1.5em;
}
.banner .offer-ends a {
    color:white;
}
.banner .welcome {
    padding-bottom:10px;
}

.btn-generic {
    position: relative;
}
.btn-generic .label {
    position: absolute;
    top:50%;
    left:50%;
    padding-top:3%;
    width:100%;
    transform:translate(-50%,-50%);
    color: #FFF;
    text-align: center;
    text-shadow: 0 2.095px 3.492px rgba(0, 52, 92, 0.60);
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;    
}

.btn-generic img {
    width:269px;
    height:auto;

}
.banner article .group small {
    display:block;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}
.banner article .group small sup {
    top:-2px;
}

.banner .coin:before {
    background-image: var(--bg-img);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:42px;
    content:"";
}

.banner .coin.gc {
    color: #FFCE00;
    font-size: 33.474px;
    line-height: normal;
}

.banner .coin.fc {
    background: #B1D300;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;    
    font-size: 33.474px;
    line-height: normal;
}

@media (min-width:768px) {
    .banner h3 {
        padding-top:0;
        font-size:40px;    
        text-align: left;
    }

    .banner h4 {
        font-size:21px;
        text-align: left;
    }

    .banner .offer-ends {
        text-align: left;
    }

    .banner picture img {
        aspect-ratio:2882/1520;
    }

    .lightning-row {
        flex-direction: row;
        padding:0;
        --columns: 3; 
        --gap: 10px; 
        gap: var(--gap);     
    }

    .xmas-box {
        width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns))); 
        
    }

    .xmas-box .frame {
        padding-left:20px;
        padding-right:20px;
        
    }
    .xmas-box .frame .text {
        min-height:114px;
    }   

    .lightning-row::before {

        top: -19px;

        width: 100%;
        background-image:url(/wp-content/uploads/2025/12/lightning-border.png);

        height: 50px;                   /* adjust height */

    }
    .lightning-row::after {
        top:auto;
        bottom: -18px;
        left: 0;
        right: 0;
        width: 100%;
        background-image:url(/wp-content/uploads/2025/12/lightning-border-bottom.png);

        height: 50px;                   /* adjust height */

    }


    .banner .coin.fc {
        color: #B1D300;
        background:none;
        -webkit-text-fill-color:unset;
    }


    .banner {
        padding-top:10%;
        padding-bottom:18%;
    }
    .banner .wrapper {
        display:flex;
        position:absolute;
        justify-content: center;
        top:0;
        left:0;
        width:100%;
        padding-top:0%;
    }
    .banner .wrapper .left-col,
    .banner .wrapper .lady {
        position:relative;
        bottom:auto;
        top:auto;
        right:auto;
        left:auto;

    }
    .banner .wrapper .left-col {
        width:50%;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: flex-start;

    }
    .banner .wrapper .lady {
        width:40%;
    }

    .btn-generic img {
        width:240px;
    }
    .banner article .group small {
        font-size:12px;
        line-height:1.3em;
    }
    .banner .wrapper .lady {
        clip-path: none;
    }

    .banner .tinsel img {
        aspect-ratio: 1668/462;
    }    
}

@media (min-width:1024px) {
    .banner article .left-col .coins sup {
        font-size: 33.474px;
        top:-.25em;
    }

    .banner {
        padding-bottom:8%;
    }

    .banner h3 {
        font-size:55px;
    }
    .banner h4 {
        font-size:30px;
        padding-bottom:20px;
    }

    .banner .offer-ends {
        font-size:16px;
        padding-bottom:20px;
    }

    .lightning-row {
        max-width:1024px;
        --gap:40px;
        margin-left:auto;
        margin-right:auto;
    }

    .xmas-box .frame .text { 
        padding-left:10px;
        padding-right:10px;
    }
    .banner .wrapper {
        align-content: center;
        padding-top:0;
    }

    .banner .coin.gc,
    .banner .coin.fc {
        font-size:55.687px;
    }

    .banner .coin:before {
        margin-right:5px;
        padding-left:55px;
    }

    .banner article .left-col .welcome {
        font-size:25px;
    }

    .banner article .free-spins {
        width:585px;
    }

    .btn-generic img {
        width:300px;
    }

    .btn-generic .label {
        font-size:27px;
    }

    .banner .tinsel img {
        aspect-ratio: 2930/430;
        max-width:2300px;
    }    
}

@media (min-width:1200px) {
    .banner .wrapper {
        padding-top:20px;
    }

    .banner h3 {
        font-size:60px;
    }

    .banner h4 {
        font-size:33px;
        padding-bottom:40px;
    }

    .banner .offer-ends {
        padding-bottom:40px;
    }
}

@media (min-width:1920px) {
    .banner {
        padding-top:72px;
        padding-bottom:0%;
    }
    .banner .wrapper {
        max-width:1366px;
        left:50%;
        transform: translateX(-50%);
    }
    .banner .wrapper .lady {
        width:auto;
        height:820px;
    }

    .banner article .bg {
        height:720px;
    }
    .banner article .bg img {
        object-fit: cover;
        width:100%;
        height:900px;
        object-position: top center;
    }
    .banner article .bg:before {
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:28%;
        content:"";
        background: linear-gradient(to top, #001744 37%, transparent);
    }
}