/* Bigger logo UI */
    .clients-section {
        position: relative;
        padding: 110px 0;
    }

    .clients-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 24px;
        margin-top: 44px;
    }

    .client-card {
        display: block;
        text-decoration: none;
        background: #fff;
        border-radius: 18px;
        border: 1px solid rgba(0,0,0,.06);
        box-shadow: 0 10px 30px rgba(0,0,0,.06);
        padding: 18px;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
        height: 100%;
    }

    .client-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 48px rgba(0,0,0,.12);
        border-color: rgba(0,0,0,.14);
    }

    /* LOGO AREA INCREASED */
    .client-logo {
        height: 190px;               /* was 140px */
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.05));
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 14px;               /* reduced padding so image becomes visually larger */
        overflow: hidden;
    }

    /* Make logo itself larger within the box */
    .client-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform: scale(1.06);      /* subtle scale-up (safe because contain) */
    }

    .client-meta {
        text-align: center;
        padding-top: 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    .client-name {
        margin: 0;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.35;
        color: #101828;
        word-break: break-word;
        overflow-wrap: anywhere;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 6px;
    }

    .client-cta {
        font-size: 13px;
        font-weight: 700;
        color: var(--theme-color1);
    }

    @media (max-width: 1199px) {
        .clients-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .client-logo { height: 200px; }
    }

    @media (max-width: 991px) {
        .clients-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .client-logo { height: 210px; }
    }

    @media (max-width: 575px) {
        .clients-grid { grid-template-columns: 1fr; }
        .client-logo { height: 230px; }
        .client-name { min-height: unset; }
    }