body {
    background-color: #00242b;
    width: 100%;
    position: relative;
    min-height: 100vh;
    transition: all 0.5s ease-in;
    /*    font-family: 'Montserrat', sans-serif;*/
}

a {
	color: #ffffff;
	font-family: 'Barlow Semi Condensed', sans-serif;
	text-decoration: none;
}

.timerBox {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: bold;
    font-size: 21px;
    background: #18181a;
    padding: 7px 50px;
    margin: 0 auto;
    width: fit-content;
    color: #ff0b7a;
}

	.caBtn22:hover {
		color: #0dbaf0;
		text-decoration: none;
	}

h2 {
	font-family: 'Marcellus SC', serif;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000;
    font-size: 65px;
}

.prLogo-pop{
    width: fit-content;
    margin: 35px auto 0;
}

.prLogo-pop img{
    margin-bottom: 20px;
    margin-top: 0px;
    width: 190px;
}

.ltdTag{
    position: relative;
    margin: -55px -27px 0px 0px;
    float: right;
}



.ltdTag img {
    max-width: 180px;
    float: right;
}

.mobImg img {
    padding: 30px 0px;
    max-width: 80%;
    width: 590px;
}

.footerBox{
    margin: 35px 0px -14px 0px;
}

.termsBox {
    background-color: #0a162a85;
    max-width: 90%;
    width: 450px;
    margin: 0px auto;
}

.termsBox p {
    max-width: fit-content;
    font-size: 12px;
}


.popupBG {
    /* background-color: #00000091; */
    width: auto;
    min-height: auto;
    padding: 0px 0 1px 0;
    margin: 0px auto 0px;
    /* display: block; */
    position: initial;
    /* transform: translate(-50%,-50%); */
    /* left: 50%; */
    /* top: 35%; */
    /* border-radius: 8px;*/
    /*font-family: "Barlow Semi Condensed",sans-serif;*/
    /* display: none; */
    text-align: center;
    z-index: 999;
    /*animation: forwards;*/
}


.popup {
    background-color: #1e52a3;
    width: max-content;
    border-color: #1e52a3;
    border-width: 2px;
    border-style: solid;
    padding: 0px 10px 30px;
    margin: 20px auto 150px;
    position: static;
    left: 50%;
    top: 50%;
    border-radius: 0px;
    /*font-family: "Barlow Semi Condensed",sans-serif;*/
    text-align: center;
    z-index: 1000;
    background-image: url('/aff/2025/aff-381/cash-right/images/popBg-mob.jpg');
    background-position: 80% 26%;
    background-size: cover;
    transition: 0.5s ease-out;
    animation:  cubic-bezier(0.31, 0.04, 0.49, 1.02);
}

    .popup h2 {
        font-family: "Barlow Semi Condensed",sans-serif;
        font-weight:bolder;
    }

        .popup .headerPop {
            font-family: "Marcellus SC",sans-serif;
            font-weight: lighter;
            color: #1cd3ff !important;
        }

        .special{
            margin-block:0 10px ;
        }

        .popup h3 {
            font-family: "Barlow", sans-serif;
            font-weight: 800;
            font-style: italic;
            color: rgb(255, 255, 255);
            font-size: 40px;
            line-height: normal;
            margin-bottom: 0px;
            text-shadow: 2px 2px 3px #000;
           }

.popup button {
    float:right;
    /* position:absolute; */
    display: block;
    /*left:90%;*/
    margin: -10px auto 0px;
    background-color: transparent;
    font-size: 20px;
    color: #e4e4e4;
    width: auto;
    height: 35px;
    border: none;
    outline: none;
    cursor: pointer;
    text-decoration:underline;
    transition:  0.5s ease-out;
}

.popLogo {
    width: 200px;
    margin-block:20px
}

p #demo {
    background: #000;
    color: red;
}

.dateInfo{
    color:#fff;
}


.offerImg img {
    max-width: 455px;
    margin: 0px 75px;
}

.caBtn22 {
    background-color: #ffffff;
    border: solid;
    border-width: 1px;
    width: 100%;
    padding: 13px;
    margin: auto;
    margin-block: 20px;
    /* font-family: 'Marcellus SC', serif; */
    color: #1e52a3;
    font-size: 20px;
}



a.caBtn22 {
    background-color: #ffffff;
    border-color: #FFF;
    padding: 12px 65px;
    margin: auto;
    margin-block: 80px;
    font-weight: 700;

    /* font-family: 'Marcellus SC', serif; */
    color: #1e52a3;
    font-size: 20px;
    border-radius: 999px;
    animation: animate-pulse 3s linear infinite;
}

.card-footer {
    text-align: center;
    bottom: 0;
    background-color: rgba(0, 26, 51, 0.275) !important;
    color: #ffffff;
    font-size: 0.79vw;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: .1px;
    max-width: 70ch;
    margin: 35px auto 0;
    display: none;
    border-top: none ! important;
    border-radius: 8px !important;
    
}


.container-btn {
    position: relative;
    margin: 0 auto;
    width: 4.375vw;
    height: 4.375vw;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-top: -2.188vw;
    z-index: 14;
}

    .container-btn:hover:before {
        -webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, .6);
        box-shadow: 0 0 7px 1px rgba(0, 0, 0, .6)
    }

    .container-btn span {
        position: relative;
        margin: 0;
        font-size: 1.094vw;
        text-transform: uppercase;
    }



.container-btn {
    width: 140px;
    height: max-content;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .container-btn span {
        font-size: 20px;
        text-transform: none;
        background-color:rgba(0, 0, 0, .6);
        width:max-content;
        padding:5px 20px;
    }

    .container-btn:before {
        width: 100%;
        height: 100%;
    }


.img-respon2 {
    width: 35%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.arrowtc {
    width: 20px;
    bottom: 9px;
    padding: 10px;
}


.arrowtc {
    display: block;
    /* position: absolute;
    bottom: 0.781vw; */
    transition: 0.2s ease;
}

    .arrowtc.opened {
        transform: scaleY(-1);
    }


    /* POPUP ANIMATE START*/
    .modal {
        opacity: 0;
        -webkit-animation: fading ease-in 0.6s;
        animation: fading ease-in 0.6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        transition: 0.5 ease-in;
    }


    @-webkit-keyframes fading {
        from {
            opacity: 0;
            top: -20px;
        }
        to {
             opacity: 1;   
             top: 20px;
        }
    }
    @-moz-keyframes fading {
        from {
            opacity: 0;
            top: -20px;
        }
        to {
             opacity: 1;   
             top: 20px;
        }
    }
    
    @keyframes fading {
        from {
            opacity: 0;
            top: -20px;
        }
        to {
             opacity: 1;   
             top: 20px;
        }
    }
    /* POPUP ANIMATE END*/



@media (max-width: 1023px) and (orientation: portrait), (max-width: 1024px) {

    .popup {
         margin: 20px auto 70px;
         width: 90%;
    }

    #particles-js .popup {
        box-shadow: none;
        width: 70%;
        resize: inherit;
        /*margin: 100px auto;*/
        border: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        padding: 20px;
    }
}



@media (max-width: 767px) {

    .popup {
        
background-size: cover;
        
background-image: url('/aff/2025/aff-381/cash-right/images/popBg-mob.jpg');
        
background-position: 80% 0%;
        
margin: 0px auto 70px;
        
padding: 10px 5px;
    }

    .popupBG {
        /* background-color: #000000de; */
        min-height: 100vh;
        z-index: 9999;
        width: auto;
        height: auto;
        padding: 35px 0 1px 0;
        margin: 0px auto 0px;
    }



    .ltdTag{
        position: relative;
        margin: -26px -22px 0px 0px;
        float: right;
    }
    
    .ltdTag img {
        max-width: 139px;
        float: right;
    }

    .popup h3 {
        font-family: "Barlow", sans-serif;
        font-weight: 800;
        font-style: italic;
        color: rgb(255, 255, 255);
        font-size: 27px;
        line-height: normal;
        margin-bottom: 0px;
        text-shadow: 2px 2px 3px #000;
       }



.prLogo-pop img {
    margin-bottom: 0px;
    margin-top: -100px;
    width: 165px;
}

.prLogo-pop{
    width: fit-content;
    margin: 0px auto -10px;
}


    .popup button {

        float: none;;
    }

        .mobImg img {
            padding: 20px 0px 25px;
            max-width: 240px;
        }

    .mainBannInfo splits {
        margin: 20px 200px;
    }

    #demo {
        font-size: 18px;
        padding: 8px 16px;
    }
    .card-footer{
            font-size: 16px;
            font-weight: normal;
    }

    .spinsTxt200 {
        font-size: 80px;
        line-height: 90px;
    }

    strike {
        font-size: 70px;
        text-align: center;
        line-height: 90px;
    }

    .popup h2 {
        font-size: 11vw;
    }

}

@media (max-width: 820px) {

    .card-footer p {
        color: #ffffff;
        font-size: 18px;
        max-width:32ch;
    }
}