.elementor-358 .elementor-element.elementor-element-d924b8a > .elementor-container{max-width:955px;min-height:125px;}.elementor-358 .elementor-element.elementor-element-d924b8a:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-d924b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staraluminiummosquitomesh.com/wp-content/uploads/2026/07/Gemini_Generated_Image_cd994fcd994fcd99-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-358 .elementor-element.elementor-element-d924b8a > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-358 .elementor-element.elementor-element-d924b8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10em 0em 10em 0em;}.elementor-358 .elementor-element.elementor-element-b7724c9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-5em 0em 0em 0em;--e-column-margin-right:0em;--e-column-margin-left:0em;padding:3em 3em 3em 3em;}.elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-358 .elementor-element.elementor-element-b7724c9{z-index:3;}.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-358 .elementor-element.elementor-element-5550d01{text-align:center;}.elementor-358 .elementor-element.elementor-element-daa2fdf{margin-top:80px;margin-bottom:0px;}.elementor-358 .elementor-element.elementor-element-eb64c34 > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-358 .elementor-element.elementor-element-eb64c34 > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-eb64c34 > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-eb64c34 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-49f0e30.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-49f0e30.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-358 .elementor-element.elementor-element-0b1dfc0 img{border-style:solid;border-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-1280796.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-1280796.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-3fbdb05 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-358 .elementor-element.elementor-element-36f919d{margin-top:80px;margin-bottom:0px;}.elementor-358 .elementor-element.elementor-element-d66dcce > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-358 .elementor-element.elementor-element-d66dcce > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-d66dcce > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-d66dcce > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-ffef97e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-ffef97e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-2272f3d img{border-style:solid;border-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-fa5c785.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-fa5c785.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-82bc795 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.elementor-358 .elementor-element.elementor-element-5659dff{margin-top:80px;margin-bottom:0px;}.elementor-358 .elementor-element.elementor-element-41de9ac > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-358 .elementor-element.elementor-element-41de9ac > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-41de9ac > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-41de9ac > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-cd91f4e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-cd91f4e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-5db0c6a img{border-style:solid;border-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-1775e2f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-1775e2f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-f9d0348 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.elementor-358 .elementor-element.elementor-element-2a13f98{margin-top:80px;margin-bottom:0px;}.elementor-358 .elementor-element.elementor-element-148c079 > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-358 .elementor-element.elementor-element-148c079 > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-148c079 > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-148c079 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-4b9da63.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-4b9da63.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-01ba5dd img{border-style:solid;border-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-85607bf.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-85607bf.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-52709c1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.elementor-358 .elementor-element.elementor-element-bb3fa88{margin-top:80px;margin-bottom:0px;}.elementor-358 .elementor-element.elementor-element-f3d3881 > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-358 .elementor-element.elementor-element-f3d3881 > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-f3d3881 > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-f3d3881 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-fec6c0c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-fec6c0c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-781379e img{border-style:solid;border-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-52b6a6a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-52b6a6a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-08b456d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.elementor-358 .elementor-element.elementor-element-a8f514e{margin-top:80px;margin-bottom:0px;}.elementor-358 .elementor-element.elementor-element-3dc6041 > .elementor-element-populated{border-style:solid;border-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-358 .elementor-element.elementor-element-3dc6041 > .elementor-element-populated, .elementor-358 .elementor-element.elementor-element-3dc6041 > .elementor-element-populated > .elementor-background-overlay, .elementor-358 .elementor-element.elementor-element-3dc6041 > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-3a2d847.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-3a2d847.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-48d7534 img{border-style:solid;border-color:var( --e-global-color-secondary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-bc-flex-widget .elementor-358 .elementor-element.elementor-element-b9b2855.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-358 .elementor-element.elementor-element-b9b2855.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-358 .elementor-element.elementor-element-0da1abb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-358 .elementor-element.elementor-element-b34da52{padding:0px 015px 0px 015px;}.elementor-358 .elementor-element.elementor-element-daa2fdf{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-358 .elementor-element.elementor-element-36f919d{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-358 .elementor-element.elementor-element-5659dff{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-358 .elementor-element.elementor-element-2a13f98{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-358 .elementor-element.elementor-element-bb3fa88{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-358 .elementor-element.elementor-element-a8f514e{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}}@media(min-width:1025px){.elementor-358 .elementor-element.elementor-element-d924b8a:not(.elementor-motion-effects-element-type-background), .elementor-358 .elementor-element.elementor-element-d924b8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-358 .elementor-element.elementor-element-d924b8a{padding:5em 0em 5em 0em;}.elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:10px;}.elementor-358 .elementor-element.elementor-element-b7724c9 > .elementor-element-populated{margin:-50px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 0px 10px 0px;}.elementor-358 .elementor-element.elementor-element-eb64c34 > .elementor-element-populated{padding:0px 0px 8px 0px;}.elementor-358 .elementor-element.elementor-element-d66dcce > .elementor-element-populated{padding:0px 0px 8px 0px;}.elementor-358 .elementor-element.elementor-element-41de9ac > .elementor-element-populated{padding:0px 0px 8px 0px;}.elementor-358 .elementor-element.elementor-element-148c079 > .elementor-element-populated{padding:0px 0px 8px 0px;}.elementor-358 .elementor-element.elementor-element-f3d3881 > .elementor-element-populated{padding:0px 0px 8px 0px;}.elementor-358 .elementor-element.elementor-element-3dc6041 > .elementor-element-populated{padding:0px 0px 8px 0px;}}/* Start custom CSS for image, class: .elementor-element-0b1dfc0 *//* ==========================================
   MODERN WATER HOVER EFFECT FOR IMAGE
   Elementor CSS Class: img-pro
   Add this class to your Image Widget
========================================== */

.img-pro{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    isolation: isolate;
    transform: translateZ(0);
}

/* Main Image */
.img-pro img{
    width: 100%;
    display: block;
    border-radius: 24px;
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Water Shine Layer */
.img-pro::before{
    content: "";
    position: absolute;
    inset: -120%;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0.15) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 80%
        );
    transform: rotate(25deg) translateX(-100%);
    transition: transform 1.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Water Ripple Overlay */
.img-pro::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background:
        radial-gradient(circle at center,
        rgba(255,255,255,0.18) 0%,
        transparent 70%);
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover Effects */
.img-pro:hover img{
    transform: scale(1.08);
    filter: brightness(1.08) contrast(1.05);
}

.img-pro:hover::before{
    transform: rotate(25deg) translateX(160%);
}

.img-pro:hover::after{
    opacity: 1;
    transform: scale(1.4);
}

/* Floating Animation */
@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.img-pro{
    animation: floatImage 5s ease-in-out infinite;
}

/* Smooth Shadow */
.img-pro:hover{
    box-shadow:
        0 20px 45px rgba(0,0,0,0.18),
        0 8px 20px rgba(0,140,255,0.18);
    transition: box-shadow 0.5s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2272f3d *//* ==========================================
   MODERN WATER HOVER EFFECT FOR IMAGE
   Elementor CSS Class: img-pro
   Add this class to your Image Widget
========================================== */

.img-pro{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    isolation: isolate;
    transform: translateZ(0);
}

/* Main Image */
.img-pro img{
    width: 100%;
    display: block;
    border-radius: 24px;
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Water Shine Layer */
.img-pro::before{
    content: "";
    position: absolute;
    inset: -120%;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0.15) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 80%
        );
    transform: rotate(25deg) translateX(-100%);
    transition: transform 1.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Water Ripple Overlay */
.img-pro::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background:
        radial-gradient(circle at center,
        rgba(255,255,255,0.18) 0%,
        transparent 70%);
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover Effects */
.img-pro:hover img{
    transform: scale(1.08);
    filter: brightness(1.08) contrast(1.05);
}

.img-pro:hover::before{
    transform: rotate(25deg) translateX(160%);
}

.img-pro:hover::after{
    opacity: 1;
    transform: scale(1.4);
}

/* Floating Animation */
@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.img-pro{
    animation: floatImage 5s ease-in-out infinite;
}

/* Smooth Shadow */
.img-pro:hover{
    box-shadow:
        0 20px 45px rgba(0,0,0,0.18),
        0 8px 20px rgba(0,140,255,0.18);
    transition: box-shadow 0.5s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5db0c6a *//* ==========================================
   MODERN WATER HOVER EFFECT FOR IMAGE
   Elementor CSS Class: img-pro
   Add this class to your Image Widget
========================================== */

.img-pro{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    isolation: isolate;
    transform: translateZ(0);
}

/* Main Image */
.img-pro img{
    width: 100%;
    display: block;
    border-radius: 24px;
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Water Shine Layer */
.img-pro::before{
    content: "";
    position: absolute;
    inset: -120%;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0.15) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 80%
        );
    transform: rotate(25deg) translateX(-100%);
    transition: transform 1.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Water Ripple Overlay */
.img-pro::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background:
        radial-gradient(circle at center,
        rgba(255,255,255,0.18) 0%,
        transparent 70%);
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover Effects */
.img-pro:hover img{
    transform: scale(1.08);
    filter: brightness(1.08) contrast(1.05);
}

.img-pro:hover::before{
    transform: rotate(25deg) translateX(160%);
}

.img-pro:hover::after{
    opacity: 1;
    transform: scale(1.4);
}

/* Floating Animation */
@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.img-pro{
    animation: floatImage 5s ease-in-out infinite;
}

/* Smooth Shadow */
.img-pro:hover{
    box-shadow:
        0 20px 45px rgba(0,0,0,0.18),
        0 8px 20px rgba(0,140,255,0.18);
    transition: box-shadow 0.5s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-01ba5dd *//* ==========================================
   MODERN WATER HOVER EFFECT FOR IMAGE
   Elementor CSS Class: img-pro
   Add this class to your Image Widget
========================================== */

.img-pro{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    isolation: isolate;
    transform: translateZ(0);
}

/* Main Image */
.img-pro img{
    width: 100%;
    display: block;
    border-radius: 24px;
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Water Shine Layer */
.img-pro::before{
    content: "";
    position: absolute;
    inset: -120%;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0.15) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 80%
        );
    transform: rotate(25deg) translateX(-100%);
    transition: transform 1.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Water Ripple Overlay */
.img-pro::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background:
        radial-gradient(circle at center,
        rgba(255,255,255,0.18) 0%,
        transparent 70%);
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover Effects */
.img-pro:hover img{
    transform: scale(1.08);
    filter: brightness(1.08) contrast(1.05);
}

.img-pro:hover::before{
    transform: rotate(25deg) translateX(160%);
}

.img-pro:hover::after{
    opacity: 1;
    transform: scale(1.4);
}

/* Floating Animation */
@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.img-pro{
    animation: floatImage 5s ease-in-out infinite;
}

/* Smooth Shadow */
.img-pro:hover{
    box-shadow:
        0 20px 45px rgba(0,0,0,0.18),
        0 8px 20px rgba(0,140,255,0.18);
    transition: box-shadow 0.5s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-781379e *//* ==========================================
   MODERN WATER HOVER EFFECT FOR IMAGE
   Elementor CSS Class: img-pro
   Add this class to your Image Widget
========================================== */

.img-pro{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    isolation: isolate;
    transform: translateZ(0);
}

/* Main Image */
.img-pro img{
    width: 100%;
    display: block;
    border-radius: 24px;
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Water Shine Layer */
.img-pro::before{
    content: "";
    position: absolute;
    inset: -120%;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0.15) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 80%
        );
    transform: rotate(25deg) translateX(-100%);
    transition: transform 1.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Water Ripple Overlay */
.img-pro::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background:
        radial-gradient(circle at center,
        rgba(255,255,255,0.18) 0%,
        transparent 70%);
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover Effects */
.img-pro:hover img{
    transform: scale(1.08);
    filter: brightness(1.08) contrast(1.05);
}

.img-pro:hover::before{
    transform: rotate(25deg) translateX(160%);
}

.img-pro:hover::after{
    opacity: 1;
    transform: scale(1.4);
}

/* Floating Animation */
@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.img-pro{
    animation: floatImage 5s ease-in-out infinite;
}

/* Smooth Shadow */
.img-pro:hover{
    box-shadow:
        0 20px 45px rgba(0,0,0,0.18),
        0 8px 20px rgba(0,140,255,0.18);
    transition: box-shadow 0.5s ease;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-48d7534 *//* ==========================================
   MODERN WATER HOVER EFFECT FOR IMAGE
   Elementor CSS Class: img-pro
   Add this class to your Image Widget
========================================== */

.img-pro{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    cursor: pointer;
    isolation: isolate;
    transform: translateZ(0);
}

/* Main Image */
.img-pro img{
    width: 100%;
    display: block;
    border-radius: 24px;
    transition:
        transform 0.8s ease,
        filter 0.8s ease;
}

/* Water Shine Layer */
.img-pro::before{
    content: "";
    position: absolute;
    inset: -120%;
    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,0) 20%,
            rgba(255,255,255,0.15) 40%,
            rgba(255,255,255,0.45) 50%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 80%
        );
    transform: rotate(25deg) translateX(-100%);
    transition: transform 1.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* Water Ripple Overlay */
.img-pro::after{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    background:
        radial-gradient(circle at center,
        rgba(255,255,255,0.18) 0%,
        transparent 70%);
    opacity: 0;
    transform: scale(0.8);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover Effects */
.img-pro:hover img{
    transform: scale(1.08);
    filter: brightness(1.08) contrast(1.05);
}

.img-pro:hover::before{
    transform: rotate(25deg) translateX(160%);
}

.img-pro:hover::after{
    opacity: 1;
    transform: scale(1.4);
}

/* Floating Animation */
@keyframes floatImage{
    0%{
        transform: translateY(0px);
    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0px);
    }
}

.img-pro{
    animation: floatImage 5s ease-in-out infinite;
}

/* Smooth Shadow */
.img-pro:hover{
    box-shadow:
        0 20px 45px rgba(0,0,0,0.18),
        0 8px 20px rgba(0,140,255,0.18);
    transition: box-shadow 0.5s ease;
}/* End custom CSS */