/* ================= GLOBAL ================= */

    section {
        position: relative;
        overflow: visible !important;
    }

    .row {
        overflow: visible !important;
    }

    /* ================= SERVICE CARDS ================= */

    .service-feature-card {
        background: #fff;
        border-radius: 20px;
        padding: 30px 25px;
        border: 1px solid #f0f0f0;
        transition: .35s;
    }

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

    .service-icon {
        width: 60px;
        height: 60px;
        border-radius: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        margin-bottom: 18px;
        color: #0d6efd;
        background: linear-gradient(135deg, #eef4ff, #dce8ff);
    }

    /* ================= WHY CARD ================= */

    .why-card {
        background: #fff;
        padding: 28px;
        border-radius: 16px;
        transition: .35s;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
    }

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

    .why-icon {
        font-size: 26px;
        color: #0d6efd;
        margin-bottom: 15px;
    }