input[type=radio]{display:none}.card{left:0;right:0;width:70%;height:100%;margin:auto;cursor:pointer;position:absolute;transition:transform .6s linear,opacity .3s ease-out}.container{height:72px;display:flex;padding:0 10px;align-items:center;flex-direction:column;justify-content:center;transform-style:preserve-3d}.cards{position:relative;width:100%;height:100%}.hs-img{width:100%;height:90%;border-radius:10px;-o-object-fit:cover;object-fit:cover}#item-1:checked~.cards #song-4,#item-2:checked~.cards #song-5,#item-3:checked~.cards #song-1,#item-4:checked~.cards #song-2,#item-5:checked~.cards #song-3{transform:translateX(-60%) scale(.8);opacity:0;z-index:0}#item-1:checked~.cards #song-5,#item-2:checked~.cards #song-1,#item-3:checked~.cards #song-2,#item-4:checked~.cards #song-3,#item-5:checked~.cards #song-4{transform:translateX(-40%) scale(.8);opacity:.4;z-index:0}#item-1:checked~.cards #song-1,#item-2:checked~.cards #song-2,#item-3:checked~.cards #song-3,#item-4:checked~.cards #song-4,#item-5:checked~.cards #song-5{transform:translateX(0) scale(1);opacity:1;z-index:1}#item-1:checked~.cards #song-2,#item-2:checked~.cards #song-3,#item-3:checked~.cards #song-4,#item-4:checked~.cards #song-5,#item-5:checked~.cards #song-1{transform:translateX(40%) scale(.8);opacity:.4;z-index:0}#item-1:checked~.cards #song-3,#item-2:checked~.cards #song-4,#item-3:checked~.cards #song-5,#item-4:checked~.cards #song-1,#item-5:checked~.cards #song-2{transform:translateX(60%) scale(.8);opacity:0;z-index:0}.card-title{position:absolute;width:100%;height:5px;line-height:14.24px;bottom:0;left:0;right:0;margin:auto;transition:all .6s linear;cursor:pointer;text-align:center;color:#12100a80;font-size:10px}#item-1:checked~.cards #title-4,#item-2:checked~.cards #title-5,#item-3:checked~.cards #title-1,#item-4:checked~.cards #title-2,#item-5:checked~.cards #title-3{transform:translateX(-60%) scale(.8);opacity:0;z-index:0}#item-1:checked~.cards #title-5,#item-2:checked~.cards #title-1,#item-3:checked~.cards #title-2,#item-4:checked~.cards #title-3,#item-5:checked~.cards #title-4{transform:translateX(-40%) scale(.8);opacity:0;z-index:0}#item-1:checked~.cards #title-1,#item-2:checked~.cards #title-2,#item-3:checked~.cards #title-3,#item-4:checked~.cards #title-4,#item-5:checked~.cards #title-5{transform:translateX(0) scale(1);opacity:1;z-index:1}#item-1:checked~.cards #title-2,#item-2:checked~.cards #title-3,#item-3:checked~.cards #title-4,#item-4:checked~.cards #title-5,#item-5:checked~.cards #title-1{transform:translateX(40%) scale(.8);opacity:0;z-index:0}#item-1:checked~.cards #title-3,#item-2:checked~.cards #title-4,#item-3:checked~.cards #title-5,#item-4:checked~.cards #title-1,#item-5:checked~.cards #title-2{transform:translateX(60%) scale(.8);opacity:0;z-index:0}.carousel-img{width:5724px;padding-top:20px;background-size:680px;background-size:contain;animation:autoPlaySlide 60s linear infinite}@keyframes autoPlaySlide{0%{transform:translate(0)}to{transform:translate(-1758px)}}.scrollUp{transform:translateY(0);transition:all .5s ease-in-out;height:unset}.scrollDown{transform:translateY(-250px);transition:transform .5s ease-in-out,height 0s 4s;height:auto}.scrollDown.hidden{transform:translateY(0);height:0}.scrollUp-margin{margin-top:0;transition:all .5s ease-in-out}.scrollDown-margin{margin-top:-250px;transition:all .5s ease-in-out}.txt-shimmer{color:#fff;display:inline-block;background:#000 linear-gradient(-45deg,#000,#fff 50%,#000);background-position:-50px top;background-repeat:no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation-name:txtShimmer;-webkit-animation-duration:2.5s;-webkit-animation-iteration-count:infinite;-webkit-background-size:50px 100%}@keyframes txtShimmer{0%{background-position:-50px top}70%{background-position:200px top}to{background-position:200px top}}.vip-container-top{padding-top:58px;padding-bottom:32px;background:#000;border-radius:0 0 32px 32px}.div1{grid-area:1/1/4/2}.div2{grid-area:1/3/3/2}.div3{grid-area:3/3/4/2}.div4{grid-area:1/3/4/4}.div6{grid-area:1/4/4/5}@media only screen and (max-width:360px){.parent{max-width:340px}}@media only screen and (max-width:768px){.div1{grid-area:1/1/2/3}.div2{grid-area:2/1/3/2}.div3{grid-area:3/1/4/2}.div4{grid-area:2/2/4/3}.div5{grid-area:4/1/5/3}.div6{grid-area:5/1/6/3}}.box-shadow-benefit-card{box-shadow:0 0 20px 0 #0000001a}@media only screen and (max-width:768px){.box-shadow-benefit-card{box-shadow:0 0 32px 0 #0000001a}}