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

.services{padding:100px 0;background:#faf8f3;}
.section-title{text-align:center;margin-bottom:60px;}
.section-title span{color:#ef7f1a;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;}
.section-title h2{font-size:46px;color:#7b1b12;margin:15px 0;font-weight:800;}
.section-title p{max-width:700px;margin:auto;color:#666;font-size:18px;line-height:1.7;}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.service-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.08);display:flex;flex-direction:column;transition:.35s;height:100%;}
.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.14);}
.service-image{position:relative;height:190px;overflow:hidden;}
.service-image img{width:100%;height:100%;object-fit:cover;transition:.4s;}
.service-card:hover .service-image img{transform:scale(1.06);}
.service-badge{position:absolute;top:15px;left:15px;background:#ef7f1a;color:#fff;padding:7px 14px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.5px;}
.service-content{padding:18px;display:flex;flex-direction:column;flex:1;}
.service-content h3{color:#7b1b12;font-size:22px;font-weight:700;line-height:1.3;min-height:58px;margin-bottom:8px;}
.service-meta{color:#ef7f1a;font-size:15px;font-weight:600;margin-bottom:12px;}
.service-content p{color:#666;font-size:15px;line-height:1.6;min-height:72px;margin-bottom:18px;}
.service-action-bar{margin-top:auto;display:flex;overflow:hidden;border-radius:12px;}
.service-btn{flex:1;height:52px;display:flex;justify-content:center;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:12px;font-weight:700;transition:.3s;}
.service-btn i{font-size:15px;}
.service-book{background:#173B68;}
.service-whatsapp{background:#13b93c;}
.service-call{background:#ef7f1a;}
.service-btn:hover{filter:brightness(108%);}
.view-all{text-align:center;margin-top:55px;}
.view-btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 42px;background:#ef7f1a;color:#fff;border-radius:50px;text-decoration:none;font-size:18px;font-weight:700;transition:.3s;}
.view-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(239,127,26,.35);}
/* =========================
   RESPONSIVE
   ========================= */

/* Laptop */
@media (max-width:1200px){

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

}

/* Tablet */
@media (max-width:992px){

    .services{
        padding:80px 0;
    }

    .section-title h2{
        font-size:38px;
    }

    .section-title p{
        font-size:16px;
    }

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

}

/* Mobile */
@media (max-width:768px){

    .services{
        padding:60px 0;
    }

    .section-title{
        margin-bottom:40px;
    }

    .section-title h2{
        font-size:30px;
    }

    .section-title p{
        font-size:15px;
    }

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

    .service-image{
        height:220px;
    }

    .service-content h3{
        font-size:20px;
        min-height:auto;
    }

    .service-content p{
        min-height:auto;
    }

    .service-btn{
        height:48px;
        font-size:13px;
    }

}

/* Small Phones */
@media (max-width:576px){

    .services{
        padding:50px 0;
    }

    .section-title h2{
        font-size:26px;
    }

    .service-card{
        border-radius:15px;
    }

    .service-image{
        height:190px;
    }

    .service-content{
        padding:15px;
    }

    .view-btn{
        width:100%;
        padding:15px;
        font-size:16px;
    }

}

/* iPhone SE / Small Android */
@media (max-width:400px){

    .section-title h2{
        font-size:24px;
    }

    .service-image{
        height:170px;
    }

    .service-btn{
        font-size:11px;
    }

}