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


.pricing-section{


background:#050505;


padding:

110px 25px;

}





.pricing-container{


max-width:1200px;


margin:auto;

}









/* HEADING */


.pricing-heading{


max-width:780px;


margin:

0 auto 70px;


text-align:center;


}







.pricing-heading h2{


font-size:

clamp(34px,4vw,56px);



line-height:1.1;



letter-spacing:-1.5px;



font-weight:900;



color:white;



margin-bottom:25px;


}







.pricing-heading p{


font-size:17px;


line-height:1.8;


color:#bdbdbd;


}





.pricing-heading strong{

color:white;

}









/* GRID */


.pricing-grid{


display:grid;


grid-template-columns:

repeat(3,1fr);



gap:28px;


}









/* CARD */


.pricing-card{


position:relative;



padding:

42px 34px;




border-radius:32px;




background:

linear-gradient(

145deg,

rgba(255,255,255,.08),

rgba(255,255,255,.02)

);



border:

1px solid rgba(212,175,55,.20);



transition:.35s;


}








.pricing-card:hover{


transform:

translateY(-8px);



border-color:

rgba(212,175,55,.55);


}








.featured{


background:

linear-gradient(

145deg,

rgba(212,175,55,.20),

rgba(255,255,255,.04)

);



border-color:

rgba(212,175,55,.5);


}








.popular{


position:absolute;


top:-18px;


left:35px;




padding:

9px 18px;




border-radius:30px;



background:#d4af37;



color:#050505;



font-size:13px;



font-weight:900;


}










.package-name{


font-size:26px;



font-weight:900;



color:white;



margin-bottom:18px;


}







.package-desc{


font-size:15px;



line-height:1.7;



color:#aaa;



min-height:80px;


}









.price{


margin:

30px 0;



font-size:42px;



font-weight:900;




color:#d4af37;


}






.price span{


display:block;



margin-top:8px;



font-size:14px;



color:#aaa;



font-weight:600;


}











/* LIST */


.pricing-card ul{


list-style:none;


margin-bottom:35px;

}





.pricing-card li{


padding:

12px 0;



font-size:15px;



font-weight:600;



color:#ddd;



border-bottom:

1px solid rgba(255,255,255,.08);


}







.pricing-card li:before{


content:"✓";



color:#d4af37;



font-weight:900;



margin-right:10px;


}









/* BUTTON */


.pricing-btn{


display:flex;



justify-content:center;



padding:

15px 25px;



border-radius:50px;



background:

linear-gradient(

135deg,

#d4af37,

#fff1a8

);




color:#050505;



font-weight:900;




text-decoration:none;



transition:.3s;


}







.pricing-btn:hover{


transform:

translateY(-3px);


box-shadow:

0 15px 35px rgba(212,175,55,.3);


}










/* RESPONSIVE */


@media(max-width:950px){



.pricing-grid{


grid-template-columns:1fr;


}




.pricing-card{


max-width:520px;


margin:auto;


width:100%;


}



}








@media(max-width:520px){



.pricing-section{


padding:

80px 20px;


}





.pricing-card{


padding:

35px 26px;


}




.price{


font-size:34px;


}



}