#vip{
    background-image: url(../images/background/vip.avif);
    background-position: top center;
    background-size: cover;
    background-size: auto;
    background-repeat: no-repeat;
}
#logo-vip{
    height: 250px;
    width: 100%;
}
.vip-theme .vip-box-title{
    border-radius: 10px;
    border: 1px solid var(--hairline);
    background: var(--value-color);
    background: linear-gradient(112deg, var(--value-color) 40%, rgba(10, 6, 8, 1) 90%);
}
.vip-box-title h3{
    text-shadow: -2px 2px 4px rgba(255, 255, 255, 0.25);
}
.vip-box-title img{
    width:calc(100% + 1.5rem);
    height:auto;
    position: absolute;
    top:50%;
    right:0;
    transform: translateY(-50%);
}
.vip-box-title .desc{
    padding:10px;
    border-radius: 10px;
    border: 1px solid var(--Heirline, #3A1F27);
    background: rgba(10, 6, 8, 0.60);
    font-size:14px;
}
#vip-slide .swiper-slide{
    transform: scale(1);
    transition: var(--duration);
}
#vip-slide .swiper-slide:not(.swiper-slide-active){
    opacity: .4;
    transform: var(--duration);
    transform: scale(.8);
}
.rate-num{
    font-family: 'Cinzel';
    font-size:24px;
    font-weight: bold;
    background: var(--vip-grad);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vip-box-desc, .vip-box-desc .col{
    border-radius: 10px;
    border: 1px solid var(--heirline);
    background: linear-gradient(180deg, #1A0A14 0%, #0A0608 100%);
}
@media (min-width: 1920px) {
    #logo-vip{
        height: 250px;
    }
}