/*--------------------------------------------------------------
# Real client photos — responsive sizing (1080×1080)
# Overrides theme width:auto rules that break with square photos
--------------------------------------------------------------*/

/* Global baseline */
img[src*="real-photos"] {
    max-width: 100%;
    height: auto;
}

/* ---------- Hero banner ---------- */
.banner-one__img {
    max-width: 100%;
    overflow: hidden;
}

.banner-one__img img {
    width: 100%;
    max-width: 480px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
    border-radius: 16px;
}

/* ---------- Page header (inner pages) ---------- */
.page-header__img-1 {
    width: 130px;
    height: 130px;
    overflow: hidden;
}

.page-header__img-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- About sections ---------- */
.about-one__left-img-1,
.about-one__left-img-2,
.about-one__left-img-3,
.about-two__img-1,
.about-two__img-2,
.about-two__img-3,
.about-two__img-4 {
    overflow: hidden;
}

.about-one__left-img-1 img,
.about-one__left-img-2 img,
.about-one__left-img-3 img,
.about-two__img-1 img,
.about-two__img-2 img,
.about-two__img-3 img,
.about-two__img-4 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ---------- Services (homepage) ---------- */
.services-one__img {
    overflow: hidden;
}

.services-one__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.services-one__img-2 {
    max-width: 260px;
    overflow: hidden;
}

.services-one__img-2 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.services-one__hover-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- Services page hover cards ---------- */
.services-two__services-list .hover-item__box {
    overflow: hidden;
}

.services-two__services-list .hover-item__box-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- Service detail pages ---------- */
.services-details__img,
.services-details__bottom-img {
    overflow: hidden;
}

.services-details__img img,
.services-details__bottom-img img {
    width: 100%;
    height: auto;
    max-height: 520px;
    object-fit: cover;
}

.project-details__get-touch-img-1 {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 50%;
}

.project-details__get-touch-img-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/* ---------- Why choose us ---------- */
.why-choose-one__img-1,
.why-choose-one__img-2 {
    overflow: hidden;
}

.why-choose-one__img-1 img,
.why-choose-one__img-2 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.why-choose-one__client-img {
    max-width: 56px;
    overflow: hidden;
}

.why-choose-one__client-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

/* ---------- Before & after ---------- */
.before-and-after__img-box,
.before-after-static {
    overflow: hidden;
}

.before-after-static img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.before-and-after__img-list-img {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}

.before-and-after__img-list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- Contact section ---------- */
.contact-one__img-main {
    overflow: hidden;
}

.contact-one__img-main img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.contact-one__small-img-1,
.contact-one__small-img-2 {
    overflow: hidden;
}

.contact-one__small-img-1 img,
.contact-one__small-img-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------- Project gallery ---------- */
.project-one__img {
    overflow: hidden;
}

.project-one__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* ---------- Tablet ---------- */
@media (max-width: 1199px) {
    .banner-one__img img {
        max-width: 400px;
    }

    .services-one__img-2 {
        max-width: 220px;
    }

    .contact-one__left {
        margin-right: 40px;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    .banner-one__img img {
        max-width: 100%;
    }

    .page-header__img-1 {
        display: none;
    }

    .services-one__img-2 {
        max-width: 100%;
    }

    .contact-one__left {
        margin-right: 0;
        margin-top: 0;
    }

    .contact-one__small-img-1 {
        width: 130px;
        height: 130px;
        top: -50px;
        left: 16px;
    }

    .contact-one__small-img-2 {
        width: 130px;
        height: 130px;
        bottom: -70px;
        right: 16px;
    }

    .why-choose-one__img-box-2 {
        margin-left: 0;
        margin-right: 0;
    }

    .about-one__left-img-box {
        margin-right: 0;
    }

    .about-one__left-img-box-2 {
        margin-left: 0;
    }

    .about-two__left-img-box-2 {
        margin-left: 0;
        margin-right: 0;
    }

    .services-details__img img,
    .services-details__bottom-img img {
        max-height: none;
    }

    .project-details__get-touch-img-1 {
        width: 80px;
        height: 80px;
    }
}