/* ============================================
   Image Display Fixes for Homepage
   ============================================ */

/* Ensure all images are visible */
img {
    display: block !important;
    max-width: 100%;
    height: auto;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Blog Images */
.blog-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
    display: block !important;
}

.blog-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.first-blog .blog-image {
    height: 400px;
}

/* Team Photos */
.team-photo {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 270px;
    display: block !important;
}

.team-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* About Images */
.about-img {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block !important;
}

.about-img img {
    width: 100% !important;
    height: auto;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Case Images */
.case-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 260px;
    display: block !important;
}

.case-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Testimonial Images */
.testi-info img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    object-fit: cover;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Slider Images */
.banner_slider_item img {
    width: 100% !important;
    height: auto;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Feature Images */
.choose-item {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 300px;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Service Icons */
.service-item .service-icon img,
.service-box .service-icon img {
    width: 80px !important;
    height: 80px !important;
    object-fit: contain;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for empty src */
img[src=""],
img[src="#"],
img:not([src]) {
    display: none !important;
}

/* Ensure images with valid src are visible */
img[src]:not([src=""]):not([src="#"]) {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Override any hiding styles */
img.hidden,
img.d-none,
img[style*="display: none"],
img[style*="display:none"] {
    display: block !important;
}

/* Fix for broken images */
img[onerror] {
    min-height: 200px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

img[onerror]::after {
    content: '📷';
    font-size: 48px;
    opacity: 0.3;
}