.elementor-575 .elementor-element.elementor-element-5a4e6ef{--display:flex;}.elementor-575 .elementor-element.elementor-element-2851c3b{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item{padding:0 15px 15px 0;}.elementor-575 .elementor-element.elementor-element-71fafaa .gallery{margin:0 -15px -15px 0;}.elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item img{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:8px 8px 8px 8px;}.elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item .gallery-caption{text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item img{border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}}/* Start custom CSS for image-gallery, class: .elementor-element-71fafaa *//* ====================================
   1. डेस्कटॉप आणि सर्व स्क्रीनसाठी डिझाईन (Hover Effects)
==================================== */
.elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item img {
    border-radius: 12px !important; /* कडा थोड्या गोल करण्यासाठी */
    transition: all 0.4s ease-in-out !important; /* स्मूथ ॲनिमेशन */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important; /* नॉर्मल शॅडो */
    border: 2px solid transparent !important;
    width: 100% !important;
    height: auto !important;
}

/* जेव्हा माऊस फोटोवर जाईल (Hover Effect) */
.elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item:hover img {
    transform: scale(1.05) !important; /* फोटो थोडा झूम होईल */
    box-shadow: 0 12px 25px rgba(15, 118, 110, 0.3) !important; /* हिरवी शॅडो */
    border: 2px solid #0F766E !important; /* होव्हर केल्यावर हिरवी बॉर्डर */
    z-index: 10 !important;
}

/* ====================================
   2. मोबाईलमध्ये बरोबर ३ कॉलम्स दिसण्यासाठी (Mobile View)
==================================== */
@media (max-width: 767px) {
    .elementor-575 .elementor-element.elementor-element-71fafaa .gallery {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* ३ कॉलम्स फिक्स केले */
        gap: 8px !important; /* फोटोंच्या मधली जागा */
        margin: 0 !important;
    }
    
    .elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: none !important;
    }

    /* एलिमेंटर काही वेळा बेसिक गॅलरीमध्ये अतिरिक्त <br> टॅग टाकतो, ते लपवण्यासाठी */
    .elementor-575 .elementor-element.elementor-element-71fafaa .gallery br {
        display: none !important;
    }

    /* मोबाईलमध्ये बॉर्डर थोडी बारीक केली आहे जेणेकरून फोटो स्पष्ट दिसतील */
    .elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item img {
        border-radius: 8px !important; 
        border: 1px solid transparent !important;
    }
    
    .elementor-575 .elementor-element.elementor-element-71fafaa .gallery-item:hover img {
        border: 1px solid #0F766E !important;
    }
}/* End custom CSS */