.elementor-12132 .elementor-element.elementor-element-403bacd2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:30px 35px;--row-gap:30px;--column-gap:35px;--grid-auto-flow:row;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12132 .elementor-element.elementor-element-492119c8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-492119c8.e-con:hover{--e-con-transform-scale:1.01;}.elementor-12132 .elementor-element.elementor-element-6e6b7342{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-6e6b7342.e-con:hover{--e-con-transform-scale:1.01;}.elementor-12132 .elementor-element.elementor-element-133d70b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-133d70b5.e-con:hover{--e-con-transform-scale:1.01;}.elementor-12132 .elementor-element.elementor-element-4a4e76a3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-4a4e76a3.e-con:hover{--e-con-transform-scale:1.01;}.elementor-12132 .elementor-element.elementor-element-444730{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-444730.e-con:hover{--e-con-transform-scale:1.01;}.elementor-12132 .elementor-element.elementor-element-ac2ccfa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-ac2ccfa.e-con:hover{--e-con-transform-scale:1.01;}.elementor-12132 .elementor-element.elementor-element-2558b380{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:3 / 2;--e-con-transform-transition-duration:400ms;}.elementor-12132 .elementor-element.elementor-element-2558b380.e-con:hover{--e-con-transform-scale:1.01;}@media(max-width:1024px){.elementor-12132 .elementor-element.elementor-element-403bacd2{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12132 .elementor-element.elementor-element-403bacd2{--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:10px 10px;--row-gap:10px;--column-gap:10px;--grid-auto-flow:row;}.elementor-12132 .elementor-element.elementor-element-492119c8{grid-column:1/3;}.elementor-12132 .elementor-element.elementor-element-6e6b7342{grid-column:3/5;}.elementor-12132 .elementor-element.elementor-element-133d70b5{grid-column:1/3;}.elementor-12132 .elementor-element.elementor-element-4a4e76a3{grid-column:3/5;}.elementor-12132 .elementor-element.elementor-element-444730{grid-column:1/3;}.elementor-12132 .elementor-element.elementor-element-ac2ccfa{grid-column:3/5;}.elementor-12132 .elementor-element.elementor-element-2558b380{grid-column:2/4;grid-row:span custom;}}/* Start custom CSS for container, class: .elementor-element-403bacd2 */.services-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .ser-item {
            position: relative;
            display: inline-block;
            overflow: hidden;
        }

        .ser-item .normal-image {
            display: block;
            max-width: 100%;
            height: auto;
            transition: opacity 0.5s ease-in-out;
        }

        .ser-item .hover-image {
            display: block;
            max-width: 100%;
            height: auto;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }

        .ser-item:hover .hover-image {
            opacity: 1;
        }

        .ser-item::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 40%;
            height: 100%;
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0%, hsla(0, 0%, 100%, 0.3));
            transform: skewX(-25deg);
            pointer-events: none;
            z-index: 1;
        }

        .ser-item:hover::before {
            animation: hoverShine 1s alternate 2;
        }

        @keyframes hoverShine {
            to {
                left: 125%;
            }
        }/* End custom CSS */