/* =========================================================
   AJS MATRIMONIAL SVG ICONS
   Filename-driven sizing: NO HTML MARKUP CHANGES REQUIRED.
   Example:
       <img src="images/icon-about-trusted-1.svg" alt="">
   ========================================================= */

/* ---------- Small utility / action icons ---------- */
img[src$="24x7-support.svg"],
img[src$="calendar.svg"],
img[src$="close.svg"],
img[src$="home.svg"],
img[src$="icon-calendar.svg"],
img[src$="icon-location.svg"],
img[src$="icon-mail.svg"],
img[src$="icon-phone.svg"] {
    width: 32px;
    height: 32px;
    max-width: 100%;
    object-fit: contain;
}

img[src$="close.svg"] {
    width: 20px;
    height: 20px;
}

/* ---------- Arrows ---------- */
img[src$="arrow-black.svg"],
img[src$="arrow-orange.svg"],
img[src$="arrow-right.svg"],
img[src$="arrow-white.svg"] {
    width: 24px;
    height: 24px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Decorative / background SVGs ----------
   These are NOT icon-sized. They remain fluid with their container. */
img[src$="about-image-bg.svg"],
img[src$="contact-information-bg.svg"],
img[src$="cta-box-bg.svg"],
img[src$="footer-bg.svg"] {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Brand / logo ---------- */
img[src$="footer-logo.svg"] {
    width: auto;
    height: auto;
    max-width: 180px;
    object-fit: contain;
}

/* ---------- Decorative compact symbols ---------- */
img[src$="asterisk-icon-bg.svg"] {
    width: 36px;
    height: 36px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Matrimonial trust / about ---------- */
img[src$="icon-about-trusted-1.svg"],
img[src$="icon-about-trusted-2.svg"] {
    width: 52px;
    height: 52px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Matrimonial benefits ---------- */
img[src$="icon-fleets-benefits-1.svg"],
img[src$="icon-fleets-benefits-2.svg"] {
    width: 38px;
    height: 38px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Sidebar / feature list ---------- */
img[src$="icon-fleets-single-sidebar-list-1.svg"],
img[src$="icon-fleets-single-sidebar-list-2.svg"],
img[src$="icon-fleets-single-sidebar-list-4.svg"],
img[src$="icon-fleets-single-sidebar-list-5.svg"],
img[src$="icon-fleets-single-sidebar-list-6.svg"] {
    width: 28px;
    height: 28px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- How it works ---------- */
img[src$="icon-how-it-work-1.svg"],
img[src$="icon-how-it-work-2.svg"] {
    width: 30px;
    height: 30px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Quotes / testimonials ---------- */
img[src$="icon-blockquote.svg"],
img[src$="icon-quote-img-1.svg"] {
    width: 36px;
    height: 36px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Rent-detail names retained, but now treated as
   compact matrimonial feature icons ---------- */
img[src$="icon-rent-details-2.svg"],
img[src$="icon-rent-details-3.svg"],
img[src$="icon-rent-details-4.svg"] {
    width: 32px;
    height: 32px;
    max-width: 100%;
    object-fit: contain;
}

/* ---------- Converted service/support illustrations ---------- */
img[src$="contact-form-plan.svg"] {
    width: 64px;
    height: 64px;
    max-width: 100%;
    object-fit: contain;
}

img[src$="customer-satisfaction.svg"],
img[src$="customer-support.svg"],
img[src$="fast-response.svg"],
img[src$="happy-customers.svg"] {
    width: 40px;
    height: 40px;
    max-width: 100%;
    object-fit: contain;
}

img[src$="five-star-review.svg"] {
    width: 44px;
    height: 44px;
    max-width: 100%;
    object-fit: contain;
}
/* Fresh JainsWorld service icons */
img[src$="icon-service-profile-verification.svg"] {
    width: 40px;
    height: 40px;
}

img[src$="icon-service-advanced-search.svg"] {
    width: 40px;
    height: 40px;
}

img[src$="icon-service-match-assistance.svg"] {
    width: 40px;
    height: 40px;
}

img[src$="icon-service-relationship-support.svg"] {
    width: 40px;
    height: 40px;
}

/* ---------- Mobile refinement ---------- */
@media (max-width: 575.98px) {
    img[src$="icon-about-trusted-1.svg"],
    img[src$="icon-about-trusted-2.svg"] {
        width: 44px;
        height: 44px;
    }

    img[src$="icon-fleets-benefits-1.svg"],
    img[src$="icon-fleets-benefits-2.svg"] {
        width: 34px;
        height: 34px;
    }

    img[src$="icon-fleets-single-sidebar-list-1.svg"],
    img[src$="icon-fleets-single-sidebar-list-2.svg"],
    img[src$="icon-fleets-single-sidebar-list-4.svg"],
    img[src$="icon-fleets-single-sidebar-list-5.svg"],
    img[src$="icon-fleets-single-sidebar-list-6.svg"] {
        width: 26px;
        height: 26px;
    }

    img[src$="icon-how-it-work-1.svg"],
    img[src$="icon-how-it-work-2.svg"] {
        width: 28px;
        height: 28px;
    }

    img[src$="contact-form-plan.svg"] {
        width: 56px;
        height: 56px;
    }

    img[src$="footer-logo.svg"] {
        max-width: 150px;
    }
}


/* ---------- Safety: never let these assets overflow ---------- */
img[src$=".svg"] {
    box-sizing: border-box;
}