.elementor-1458 .elementor-element.elementor-element-6410374{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:-63px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1458 .elementor-element.elementor-element-6410374:not(.elementor-motion-effects-element-type-background), .elementor-1458 .elementor-element.elementor-element-6410374 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mythrismarthospitals.com/wp-content/uploads/2026/04/mythri-smart-hospitals-photo-16.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1458 .elementor-element.elementor-element-6410374::before, .elementor-1458 .elementor-element.elementor-element-6410374 > .elementor-background-video-container::before, .elementor-1458 .elementor-element.elementor-element-6410374 > .e-con-inner > .elementor-background-video-container::before, .elementor-1458 .elementor-element.elementor-element-6410374 > .elementor-background-slideshow::before, .elementor-1458 .elementor-element.elementor-element-6410374 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1458 .elementor-element.elementor-element-6410374 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#866F6F;--background-overlay:'';}.elementor-1458 .elementor-element.elementor-element-63e5e81{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1458 .elementor-element.elementor-element-4858901 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:68px;font-weight:600;color:#FFFFFF;}.elementor-1458 .elementor-element.elementor-element-6a38f4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-1458 .elementor-element.elementor-element-078c162 .gallery-item .gallery-caption{display:none;}.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item img{border-style:solid;border-width:5px 5px 5px 5px;border-color:#8F6ABD;border-radius:17px 17px 17px 17px;}@media(min-width:768px){.elementor-1458 .elementor-element.elementor-element-6a38f4c{--content-width:1300px;}}/* Start custom CSS for image-gallery, class: .elementor-element-078c162 *//* WHITE ELECTRIC SPARK SWEEP */

.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    padding:20px;
    
    /* NEW STYLES FOR BETTER PRE-HOVER LOOK */
    background: #ffffff; /* Clean white background */
    border: 1px solid rgba(0, 0, 0, 0.05); /* Very subtle border */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); /* Soft, modern shadow */
    transition: all 0.4s ease; /* Smooth transition for everything */
}

/* image size */
.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:22px;
    display:block;
    transition:transform 0.6s ease;
    
    /* NEW STYLES for "Simple but Nice" look */
    filter: brightness(0.95) saturate(1.1); /* Slightly deeper colors for medical clarity */
}

/* WHITE ELECTRIC SPARK */
.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item::after{
    content:"";
    position:absolute;
    top:-20%;
    left:-120%;
    width:50%;
    height:140%;

    background:linear-gradient(
        110deg,
        transparent 20%,
        rgba(255,255,255,0.3) 40%,
        #ffffff 50%,
        rgba(255,255,255,0.3) 60%,
        transparent 80%
    );

    transform:skewX(-25deg);
    filter:blur(1px);
    opacity:0;
}

/* spark animation */
.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item:hover::after{
    opacity:1;
    animation:whiteSpark 0.7s linear;
}

/* hover movement */
.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item:hover{
    transform:translateY(-10px) scale(1.03);
    box-shadow: 
        0 25px 50px rgba(0,0,0,0.15),
        inset 0 0 25px rgba(255,255,255,0.9);
    
    /* Border becomes a bit more defined on hover */
    border-color: rgba(0, 123, 255, 0.2); 
}

/* image zoom */
.elementor-1458 .elementor-element.elementor-element-078c162 .gallery-item:hover img{
    transform:scale(1.08);
    filter: brightness(1); /* Returns to full brightness on hover */
}

/* spark movement */
@keyframes whiteSpark{
    0%{
        left:-120%;
    }
    100%{
        left:140%;
    }
}/* End custom CSS */