/* ================= HERO ================= */
.services-hero{
    background: linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),
    url('/assets/images/hero/services-bg.jpg');
    background-size: cover;
    background-position: center;
    padding: 110px 20px;
}

/* ================= SERVICE CARD ================= */
.service-card{
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    transition: .3s ease;
}

.service-card:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 45px rgba(0,0,0,.12);
}

/* IMAGE */
.service-image img{
    width: 100%;
    height: 220px;
    object-fit: cover;
}

/* BODY */
.service-body{
    padding: 25px;
}

.service-body h5{
    font-weight: 700;
    margin-bottom: 12px;
}

.service-body p{
    color: #666;
    font-size: .95rem;
    line-height: 1.6;
}

/* LINK */
.service-link{
    display: inline-block;
    margin-top: 12px;
    font-weight: 600;
    color: #c8a96b;
    text-decoration: none;
}

.service-link:hover{
    text-decoration: underline;
}

/* ================= CTA ================= */
.services-cta{
    background: linear-gradient(135deg, #0f172a, #1e293b);
    padding: 80px 20px;
}

/* BUTTON */
.btn-gold{
    background: #c8a96b;
    color: #111;
    border: none;
    padding: 12px 28px;
    font-weight: 600;
    border-radius: 10px;
}

.btn-gold:hover{
    background: #d8bb84;
    color: #111;
}