/*======================================
FRAMEWORK 10 PRICING
======================================*/

.pricing{

padding:var(--space-2xl) 0;

}

.pricing-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

margin-top:80px;

}

.price-card{

position:relative;

padding:50px;

border-radius:var(--radius-lg);

background:var(--glass);

border:1px solid var(--glass-border);

backdrop-filter:blur(var(--blur));

transition:var(--transition);

}

.price-card:hover{

transform:translateY(-15px);

box-shadow:0 25px 70px rgba(124,58,237,.30);

}

.featured{

border:2px solid var(--secondary);

transform:scale(1.05);

}

.badge{

position:absolute;

top:-18px;

left:50%;

transform:translateX(-50%);

padding:10px 25px;

background:var(--gradient-primary);

border-radius:50px;

font-size:14px;

font-weight:700;

}

.plan{

font-size:22px;

color:var(--secondary);

margin-bottom:20px;

}

.price-card h3{

font-size:60px;

margin-bottom:30px;

}

.price-card h3 span{

font-size:18px;

color:var(--text-muted);

}

.price-card ul{

list-style:none;

margin-bottom:40px;

}

.price-card li{

padding:12px 0;

border-bottom:1px solid rgba(255,255,255,.06);

}

.price-card .btn{

width:100%;

}

@media(max-width:992px){

.pricing-grid{

grid-template-columns:1fr;

}

.featured{

transform:none;

}

}