/*==================================================
PRICING
==================================================*/

.pricing-section{

padding:140px 0;

background:#f8fafc;

}

.section-heading{

text-align:center;

max-width:760px;

margin:0 auto 80px;

}

.section-badge{

display:inline-block;

padding:10px 20px;

background:#eef2ff;

color:#2563eb;

border-radius:999px;

font-weight:700;

margin-bottom:25px;

}

.section-heading h2{

font-size:56px;

line-height:1.1;

font-weight:900;

margin-bottom:20px;

}

.section-heading h2 span{

display:block;

color:#2563eb;

}

.section-heading p{

font-size:22px;

color:#64748b;

}

.pricing-grid{

display:grid;

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

gap:35px;

align-items:stretch;

}

.price-card{

position:relative;

background:#fff;

border-radius:28px;

padding:45px;

border:1px solid #e5e7eb;

box-shadow:0 20px 50px rgba(0,0,0,.05);

transition:.35s;

}

.price-card:hover{

transform:translateY(-12px);

}

.featured{

border:2px solid #2563eb;

transform:scale(1.05);

}

.popular{

position:absolute;

top:-15px;

left:50%;

transform:translateX(-50%);

background:#2563eb;

color:#fff;

padding:8px 18px;

border-radius:999px;

font-size:12px;

font-weight:700;

}

.plan{

display:inline-block;

font-weight:700;

margin-bottom:20px;

color:#2563eb;

}

.price-card h3{

font-size:48px;

margin-bottom:10px;

}

.price{

font-size:20px;

color:#64748b;

margin-bottom:35px;

}

.price-card ul{

list-style:none;

margin-bottom:40px;

}

.price-card li{

padding:10px 0;

font-size:17px;

}

.price-card .btn{

width:100%;

justify-content:center;

}

@media(max-width:900px){

    .pricing-grid{

        grid-template-columns:1fr;

    }


    .featured{

        transform:none;

    }


    .section-heading h2{

        font-size:38px;

    }

}