.king-membership{
max-width:980px!important;
margin:0 auto!important;
padding:35px 20px!important;
}

.membership-plans input{
display:none!important;
}

.membership-plans{
display:flex!important;
justify-content:center!important;
align-items:center!important;
gap:28px!important;
flex-wrap:wrap!important;
margin-top:45px!important;
}

.membership-plan{
width:230px!important;
height:330px!important;
flex:0 0 230px!important;
background:#fff!important;
border-radius:22px!important;
padding:34px 24px 24px!important;
box-shadow:0 20px 45px rgba(0,0,0,.12)!important;
border:0!important;
position:relative!important;
overflow:visible!important;
cursor:pointer!important;
transition:.35s!important;
text-align:left!important;
}

.membership-plan:hover{
transform:translateY(-14px) scale(1.04)!important;
box-shadow:0 30px 70px rgba(0,0,0,.20)!important;
}

.membership-plan:nth-of-type(2){
transform:translateY(-35px)!important;
}

.membership-plan:nth-of-type(2):hover{
transform:translateY(-48px) scale(1.04)!important;
}

.membership-plan:before{
content:"🤖";
width:42px!important;
height:42px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
border-radius:50%!important;
background:#f3f3f3!important;
font-size:20px!important;
margin-bottom:22px!important;
}

.membership-plan:first-of-type:before{
content:"🦊";
}

.membership-plan:nth-of-type(2):before{
content:"💀";
}

.membership-plan:nth-of-type(3):before{
content:"🦄";
}

.membership-plan:nth-of-type(3):after{
content:"1000\aPoints";
white-space:pre;
position:absolute;
right:22px;
top:-14px;
width:48px;
height:78px;
background:linear-gradient(180deg,#ff9f2e,#ffd447);
color:#fff;
font-size:12px;
font-weight:800;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.membership-plan:nth-of-type(2):after{
content:"€15";
position:absolute;
top:-14px;
right:22px;
width:48px;
height:78px;
background:linear-gradient(180deg,#9b4dff,#c950ff);
color:#fff;
font-size:12px;
font-weight:800;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
box-shadow:0 10px 20px rgba(0,0,0,.15);
}

.membership-plan:nth-of-type(3):after{
background:linear-gradient(180deg,#ff9f2e,#ffd447);
}

.membership-plan h3{
font-size:24px!important;
line-height:1.1!important;
font-weight:900!important;
color:#161616!important;
margin:0 0 18px!important;
padding:0!important;
text-align:left!important;
}

.membership-plan h3:before{
content:"MOST POPULAR";
display:block;
font-size:10px;
letter-spacing:.6px;
color:#999;
font-weight:800;
margin-bottom:8px;
}

.membership-plan span:first-of-type{
display:none!important;
}

.membership-plan span:nth-of-type(2){
display:block!important;
font-size:12px!important;
line-height:2!important;
color:#333!important;
text-align:left!important;
padding:0!important;
}

.membership-plan span:nth-of-type(2):before{
content:"✓ Unlock all features from our site\a✓ 24/7 Priority support\a✓ Access to Pro group\a✓ Cancel anytime you want";
white-space:pre-line;
display:block;
color:#333;
font-size:12px;
line-height:2.1;
}

.membership-plan span:nth-of-type(2){
font-size:0!important;
}

.membership-plan span:nth-of-type(2):before{
font-size:12px!important;
}

.membership-plan div{
position:absolute!important;
left:24px!important;
right:24px!important;
bottom:22px!important;
height:44px!important;
border-radius:9px!important;
font-size:0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#fff!important;
font-weight:800!important;
background:linear-gradient(90deg,#2d7cff,#36d1ff)!important;
}

.membership-plan div:before{
content:"Buy now";
font-size:13px!important;
color:#fff!important;
}

.membership-plan:nth-of-type(2) div{
background:linear-gradient(90deg,#9b4dff,#c950ff)!important;
}

.membership-plan:nth-of-type(3) div{
background:linear-gradient(90deg,#ff9f2e,#ffd447)!important;
}

.membership-payments{
margin-top:10px!important;
}

@media(max-width:768px){
.membership-plans{
flex-direction:column!important;
}

.membership-plan,
.membership-plan:nth-of-type(2){
transform:none!important;
}

.membership-plan:hover,
.membership-plan:nth-of-type(2):hover{
transform:translateY(-10px)!important;
}
}
.reward-plan div:before,
.membership-plan:nth-of-type(3) div:before{
content:"Redeem Reward" !important;
}
#rewardModal{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:none;
justify-content:center;
align-items:center;
background:rgba(0,0,0,.70);
backdrop-filter:blur(8px);
z-index:999999;
}

.reward-box{
width:420px;
padding:35px;
background:#fff;
border-radius:25px;
text-align:center;
box-shadow:0 20px 80px rgba(0,0,0,.25);
animation:popreward .35s;
}

@keyframes popreward{

from{
opacity:0;
transform:scale(.7);
}

to{
opacity:1;
transform:scale(1);
}

}

.reward-icon{
font-size:55px;
margin-bottom:10px;
}

.reward-box h2{
font-size:28px;
margin-bottom:15px;
}

.reward-box p{
line-height:1.8;
color:#666;
margin-bottom:25px;
}

.reward-contact{
display:block;
padding:14px;
border-radius:12px;
text-decoration:none!important;
font-weight:700;
color:#fff!important;
background:linear-gradient(90deg,#7b2ff7,#f107a3);
margin-bottom:15px;
}

.reward-close{
border:none;
padding:12px 30px;
border-radius:12px;
background:#111;
color:#fff;
cursor:pointer;
}