#vip-rewards-container {
    background-image: url("/images/vip-rewards-plain-green-loans.jpg");
    background-size: cover;
}

#vip-rewards-header {
    max-width: 972px !important;    
   
}

.vip-rewards-h3 {
    font-family: Inter, sans-serif;
}

#vip-rewards-sub-header {
    font-size: 18px;
    line-height: 20px;
}

.reward-tier-explanation {
    width: 450px;
}


.reward-tier-explanation-header {
    font-family: Inter, sans-serif;
    font-weight: 600;
    color: black;
    line-height: 19px;
    font-size: 24px;
    margin-bottom: 0;
}

.reward-tier-explanation-detail p{
    line-height: 19px;
}

.detail-2 {
    font-size: 14px;
    width: 102%;
}

.rewards-image-dynamic {
    width: 181px;
    height: 127px;
}

.rewards-image-medium {
    width: 184px;
    height: 129px;
    border-radius: 20px;
    border-style: solid;
    border-color: white;
    border-width: 2px;
}

.rewards-image-border {
    border-radius: 20px;
    border-style: solid;
    border-color: white;
    border-width: 2px;
}

.rewards-image-large {
    width: 234px;
    height: 163px;
}

.vip-explanation-button {
    border-radius: 20px;
    border-style: solid;
    border-color: white;
    border-width: 2px;
}


#skip-wait-container  {
    background-image: linear-gradient( to right, transparent, transparent, var(--forest-green), var(--forest-green), var(--pgl-green));
    height: 500px;
}

#skip-wait {
    margin-top: -500px;
    height: 500px;    
}


#vip-skip-wait-pic {
    background-image: linear-gradient(to right, transparent, transparent, var(--forest-green)),url("/images/vip-rewards-plain-green-loans-2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -500px;
    height: 500px;
    width: 50%;
    position: relative;
    z-index: -1;
}

#easy-instant-funding{
    font-family: Inter, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 48px;
}

.fa-period {
    line-height: 10px;
    font-weight: 600;
}


#rewards-login-apply {
    width: 190px;
}

.vip-have-questions {
    font-size: 32px;
    line-height: 36px;
}

@media (max-width:1650px) {
    #skip-wait-container {
        background-image: linear-gradient( to right, transparent, transparent, transparent, var(--forest-green), var(--forest-green),  var(--pgl-green),   var(--pgl-green));
    }
    #vip-skip-wait-pic {
        background-size: contain;
        width: unset;
    }
}
@media (max-width:1250px) {
    #vip-skip-wait-pic {
        background-position-x: -150px;
    }
}

@media (max-width:1100px) {
    #vip-skip-wait-pic {
        background-position-x: -200px;
    }
}

@media (max-width:991px) {

    #skip-wait-container-mobile {
        background-image: linear-gradient(var(--pgl-green), var(--forest-green), var(--forest-green), transparent, transparent, transparent);
        height: 1070px;
        position: relative;
        z-index: 1;
    }

    #skip-wait-mobile-pic {
        background-image: linear-gradient(var(--forest-green), transparent, transparent, transparent, transparent),  url("/images/vip-rewards-plain-green-loans-3.jpg");
        background-repeat: no-repeat;
        height: 544px;
        background-size: 100%;
        margin-top: -544px;
    }

    .rewards-image-dynamic {
        width: 64px;
        height: 45px;
    }

    .rewards-image-medium {
        width: 127px;
        height: 88px;
    }

    .vip-explanation-button {
        border-radius: 10px;
    }
    
    #skip-wait-text {
        float: unset;
    }

    #skip-wait-mobile-pic {
        background-size: cover;
        background-position-x: center;
        height: 700px;
        margin-top: -700px;
    }

}

@media (max-width: 768px) {    
    #skip-wait-mobile-pic {
        height: 479px;
    }
}

@media (max-width: 575px) {

    #vip-rewards-container {
        background-image: url("/images/vip-rewards-plain-green-loans-mobile.jpg");
        background-size: cover;
    }
    
    .reward-tier-explanation {
        width: unset;
    }

    #skip-wait-container-mobile {
        background-image: linear-gradient(var(--pgl-green), var(--forest-green), var(--forest-green),  transparent,  transparent,  transparent);
    }

    .vip-explanation-button {
        border-radius: 7px;
    }
}

@media (max-width: 393px) {
    #skip-wait-mobile-pic {
        margin-top: -650px;
    }
}

@media (max-width: 382px) {

    #skip-wait-container-mobile {
        background-image: linear-gradient(var(--pgl-green), var(--forest-green), var(--forest-green), var(--forest-green),   transparent,   transparent,  transparent);
    }
    #skip-wait-mobile-pic {
        margin-top: -600px;
    }
}

@media (max-width: 370px) {

    .rewards-image-dynamic {
        height: 35px;
        width: 50px;
    }
}