.services-section{

padding:110px 20px;

background:linear-gradient(180deg,#ffffff,#fff7e0);

}

.container{
max-width:1300px;
margin:auto;
}

/* TITLE */

.section-title{
text-align:center;
margin-bottom:70px;
}

.section-title span{
color:#c9a227;
letter-spacing:3px;
font-size:13px;
}

.section-title h2{
font-family:'Playfair Display',serif;
font-size:44px;
margin-top:10px;
color:#111;
}

.section-title p{
color:#666;
margin-top:10px;
}

/* GRID */

.services-grid{

display:grid;

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

gap:30px;

}

/* FLIP CARD */

.flip-card{

height:240px;

perspective:1000px;

}

.flip-inner{

position:relative;

width:100%;
height:100%;

transform-style:preserve-3d;

transition:transform .6s;

}

.flip-card:hover .flip-inner{

transform:rotateY(180deg);

}

/* FRONT + BACK */

.flip-front,
.flip-back{

position:absolute;

width:100%;
height:100%;

backface-visibility:hidden;

border-radius:14px;

display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

padding:25px;

text-align:center;

box-shadow:0 8px 30px rgba(0,0,0,.08);

}

/* FRONT */

.flip-front{

background:#fff;

border:1px solid rgba(201,162,39,.3);

}

.flip-front i{

font-size:32px;

color:#c9a227;

margin-bottom:12px;

}

.flip-front h3{

font-size:18px;

margin-bottom:8px;

color:#111;

}

.flip-front p{

font-size:13px;

color:#555;

}

/* BACK */

.flip-back{

background:linear-gradient(135deg,#c9a227,#e8cf7a);

transform:rotateY(180deg);

color:#000;

}

.flip-back h3{

margin-bottom:8px;

}

.flip-back p{

font-size:13px;

line-height:1.5;

}

/* RESPONSIVE */

@media(max-width:1000px){

.services-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.services-grid{
grid-template-columns:1fr;
}

}