/* Services */
    .service-grid {
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 16px;
        margin-top: 24px;
    }
    @media(max - width:900px) {
        .service-grid

    {
        grid-template-columns: 1fr 1fr
    }

    }
    @media(max - width:600px) {
        .service-grid

    {
        grid-template-columns: 1fr
    }

    }

    .service-card {
        background: #fff;
        border: 1px solid #ececec;
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 6px 18px rgba(0,0,0,0.03)
    }

    .service-kicker {
        font-size: 11px;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--muted);
        margin-bottom: 8px
    }

    .service-title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 8px
    }

    .service-desc {
        font-size: 13px;
        color: var(--muted);
        margin: 0 0 12px
    }

    .service-link {
        font-size: 13px;
        /* color: var(--accent-soft) */
    }

    /* Services */
    .service-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
        margin-top: 24px;
    }

    /* Tablet */
    @media (max-width: 900px) {
        .service-grid

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

    }

    /* Mobile */
    @media (max-width: 600px) {
        .service-grid

    {
        grid-template-columns: 1fr;
    }

    }

    .service-card {
        background: #fff;
        border: 1px solid #ececec;
        border-radius: 16px;
        padding: 18px;
        box-shadow: 0 6px 18px rgba(0,0,0,0.03);
    }

    .service-kicker {
        font-size: 11px;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--muted);
        margin-bottom: 8px;
    }

    .service-title {
        font-size: 15px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .service-desc {
        font-size: 13px;
        color: var(--muted);
        margin: 0 0 12px;
    }

    .service-link {
        font-size: 13px;
        /* color: #0d6efd; */
    }

    .service-link :hover {
        /* font-size: 13px; */
        color: #0d6efd;
    }