.elementor-26 .elementor-element.elementor-element-20d88d1{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-26 .elementor-element.elementor-element-20d88d1:not(.elementor-motion-effects-element-type-background), .elementor-26 .elementor-element.elementor-element-20d88d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://scnpowersolutions.com/wp-content/uploads/2026/03/battery-photo-gallery-page.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26 .elementor-element.elementor-element-20d88d1::before, .elementor-26 .elementor-element.elementor-element-20d88d1 > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-20d88d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-26 .elementor-element.elementor-element-20d88d1 > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-20d88d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26 .elementor-element.elementor-element-20d88d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-26 .elementor-element.elementor-element-e00aa97 .elementor-heading-title{font-family:"Rajdhani", Sans-serif;font-size:86px;font-weight:600;color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-823777b{--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;--padding-top:3%;--padding-bottom:3%;--padding-left:4%;--padding-right:4%;}.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-26 .elementor-element.elementor-element-e1b4e7e{padding:3% 4% 3% 4%;}.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery-item .gallery-caption{display:none;}.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery-item{padding:0 50px 50px 0;}.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery{margin:0 -50px -50px 0;}.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery-item img{border-radius:5px 5px 5px 5px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-20d88d1{--content-width:1300px;}}/* Start custom CSS for image-gallery, class: .elementor-element-e1b4e7e *//* WHITE ELECTRIC SPARK SWEEP */

.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery-item{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    padding:8px;

   
}

/* image size */
.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    border-radius:22px;
    display:block;
    transition:transform 0.6s ease;
}

/* WHITE ELECTRIC SPARK */
.elementor-26 .elementor-element.elementor-element-e1b4e7e .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-26 .elementor-element.elementor-element-e1b4e7e .gallery-item:hover::after{
    opacity:1;
    animation:whiteSpark 0.7s linear;
}

/* hover movement */
.elementor-26 .elementor-element.elementor-element-e1b4e7e .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);
}

/* image zoom */
.elementor-26 .elementor-element.elementor-element-e1b4e7e .gallery-item:hover img{
    transform:scale(1.08);
}

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