/* =====================
SERVICES
===================== */


.services-section{


background:#050505;


padding:

110px 25px;


}





.services-container{


max-width:1200px;


margin:auto;


}








/* HEADER */


.services-heading{


max-width:760px;


margin-bottom:60px;


}







.services-heading h2{


font-size:

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



line-height:1.1;



font-weight:900;



letter-spacing:-1.5px;



color:white;



margin-bottom:25px;


}







.services-heading p{


font-size:17px;



line-height:1.8;



color:#bdbdbd;


}





.services-heading strong{


color:white;


}









/* GRID */


.services-grid{


display:grid;



grid-template-columns:

repeat(3,1fr);



gap:25px;


}










/* CARD */


.service-card{


position:relative;



padding:

38px 32px;



border-radius:28px;




background:

linear-gradient(

145deg,

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

rgba(255,255,255,.02)

);



border:

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




overflow:hidden;




transition:.35s;


}







.service-card:hover{


transform:

translateY(-8px);



border-color:

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


}









.service-number{


font-size:14px;



font-weight:900;



color:#d4af37;




margin-bottom:30px;


}








.service-card h3{


font-size:24px;



font-weight:900;



color:#ffffff;



margin-bottom:18px;


}









.service-card p{


font-size:15px;



line-height:1.8;



color:#aaa;



margin-bottom:25px;


}









/* LIST */


.service-card ul{


list-style:none;


}





.service-card li{


margin-bottom:12px;



font-size:14px;



font-weight:700;



color:#ddd;


}






.service-card li:before{


content:"✓";



margin-right:10px;



color:#d4af37;



font-weight:900;


}









/* FEATURE CARD */


.service-card.highlight{


background:

linear-gradient(

145deg,

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

rgba(255,255,255,.04)

);



border-color:

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


}









/* RESPONSIVE */


@media(max-width:950px){



.services-grid{


grid-template-columns:

repeat(2,1fr);


}



}








@media(max-width:600px){



.services-section{


padding:

80px 20px;


}





.services-grid{


grid-template-columns:1fr;


}





.service-card{


padding:

32px 26px;


}



}

/* SERVICE CTA */

.service-btn{

display:inline-flex;

margin-top:10px;


padding:

13px 22px;



border-radius:40px;



background:

linear-gradient(

135deg,

#d4af37,

#fff1a8

);



color:#050505;



font-size:14px;


font-weight:900;


text-decoration:none;


transition:.3s;


}



.service-btn:hover{


transform:

translateY(-3px);



box-shadow:

0 12px 30px rgba(212,175,55,.3);


}