.elementor-8681 .elementor-element.elementor-element-71b3abf0{--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:50px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-71b3abf0:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-71b3abf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-8681 .elementor-element.elementor-element-4c7e4b18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-8681 .elementor-element.elementor-element-5ec65481{--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-8681 .elementor-element.elementor-element-72cfb986 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-89b9e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-89b9e4 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:42px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-567c719b{--display:flex;--justify-content:flex-end;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8681 .elementor-element.elementor-element-1784b41d .elementor-button{background-color:var( --e-global-color-c418086 );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-radius:10px 10px 10px 10px;padding:16px 30px 16px 30px;}.elementor-8681 .elementor-element.elementor-element-ea5f3fa{--display:flex;}.elementor-8681 .elementor-element.elementor-element-7fae9a40{--display:flex;}.elementor-8681 .elementor-element.elementor-element-2f3b341d{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-2f3b341d:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-2f3b341d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/AI-Content-Services-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-69557893{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-8681 .elementor-element.elementor-element-53bfbf88{text-align:start;}.elementor-8681 .elementor-element.elementor-element-4aa74df3{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-4aa74df3 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-8681 .elementor-element.elementor-element-68310da{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-7ee01fcb .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-56637a2c{--display:flex;}.elementor-8681 .elementor-element.elementor-element-45502096{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-45502096:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-45502096 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/Business-Analytics-and-Data-Analysis-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-bcf6d1d{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-477a3cad{text-align:start;}.elementor-8681 .elementor-element.elementor-element-5d18b18c{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-5d18b18c .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-2c00b3f3{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-17d1b819 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-49ff613f{--display:flex;}.elementor-8681 .elementor-element.elementor-element-66d4f075{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-66d4f075:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-66d4f075 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/Business-Optimization-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-7f889d86{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-290381a2{text-align:start;}.elementor-8681 .elementor-element.elementor-element-49196909{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-49196909 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-2f4889f2{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-1934d79b .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-4b54630f{--display:flex;}.elementor-8681 .elementor-element.elementor-element-339706cf{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-339706cf:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-339706cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/Consulting-service.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-23cc5c13{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-7108062d{text-align:start;}.elementor-8681 .elementor-element.elementor-element-503aefbd{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-503aefbd .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-7d55e182{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-7d877b03 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-43e207a7{--display:flex;}.elementor-8681 .elementor-element.elementor-element-189ce41e{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-189ce41e:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-189ce41e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/Fractional-COO-Services.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-1d4e7933{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-4bb9c2ab{text-align:start;}.elementor-8681 .elementor-element.elementor-element-20487497{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-20487497 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-4bcc2808{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-483a9514 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-4ded4a92{--display:flex;}.elementor-8681 .elementor-element.elementor-element-129cada7{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-129cada7:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-129cada7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/ECDM.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-2d1acd10{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-ad5dc06{text-align:start;}.elementor-8681 .elementor-element.elementor-element-6c17d34b{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-6c17d34b .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-3feb963{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-4a800b2a .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-5fc131ce{--display:flex;}.elementor-8681 .elementor-element.elementor-element-68f8365a{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-68f8365a:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-68f8365a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/HR-Support.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-18a7686d{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-41646ab1{text-align:start;}.elementor-8681 .elementor-element.elementor-element-f0feab5{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-f0feab5 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-10c68f7a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-5fc8b62f .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-13c91463{--display:flex;}.elementor-8681 .elementor-element.elementor-element-468163a3{--display:flex;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-8681 .elementor-element.elementor-element-468163a3:not(.elementor-motion-effects-element-type-background), .elementor-8681 .elementor-element.elementor-element-468163a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://documentdoctorsllc.com/wp-content/uploads/2026/05/Learning-Training-Dev.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8681 .elementor-element.elementor-element-583b641f{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8681 .elementor-element.elementor-element-125c522e{text-align:start;}.elementor-8681 .elementor-element.elementor-element-40095a26{padding:0px 0px 0px 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-40095a26 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-3ceaf97e{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8681 .elementor-element.elementor-element-3171222a .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-f0de314{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:25px;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:var( --e-global-color-c418086 );}@media(max-width:1024px){.elementor-8681 .elementor-element.elementor-element-89b9e4{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-567c719b{--justify-content:center;}.elementor-8681 .elementor-element.elementor-element-1784b41d{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8681 .elementor-element.elementor-element-4aa74df3{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-8681 .elementor-element.elementor-element-7ee01fcb{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-5d18b18c{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-17d1b819{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-49196909{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-1934d79b{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-503aefbd{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-7d877b03{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-20487497{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-483a9514{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-6c17d34b{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-4a800b2a{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-f0feab5{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-5fc8b62f{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-40095a26{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-3171222a{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-f0de314{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-8681 .elementor-element.elementor-element-71b3abf0{--padding-top:30px;--padding-bottom:30px;--padding-left:5px;--padding-right:5px;}.elementor-8681 .elementor-element.elementor-element-89b9e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8681 .elementor-element.elementor-element-89b9e4 .elementor-heading-title{font-size:32px;}.elementor-8681 .elementor-element.elementor-element-1784b41d{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8681 .elementor-element.elementor-element-4aa74df3{text-align:start;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-8681 .elementor-element.elementor-element-7ee01fcb{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-5d18b18c{text-align:start;}.elementor-8681 .elementor-element.elementor-element-17d1b819{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-49196909{text-align:start;}.elementor-8681 .elementor-element.elementor-element-1934d79b{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-503aefbd{text-align:start;}.elementor-8681 .elementor-element.elementor-element-7d877b03{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-20487497{text-align:start;}.elementor-8681 .elementor-element.elementor-element-483a9514{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-6c17d34b{text-align:start;}.elementor-8681 .elementor-element.elementor-element-4a800b2a{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-f0feab5{text-align:start;}.elementor-8681 .elementor-element.elementor-element-5fc8b62f{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-40095a26{text-align:start;}.elementor-8681 .elementor-element.elementor-element-3171222a{padding:0px 0px 0px 0px;}.elementor-8681 .elementor-element.elementor-element-f0de314{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-8681 .elementor-element.elementor-element-71b3abf0{--content-width:1400px;}.elementor-8681 .elementor-element.elementor-element-5ec65481{--width:70%;}.elementor-8681 .elementor-element.elementor-element-567c719b{--width:30%;}.elementor-8681 .elementor-element.elementor-element-2f3b341d{--width:100%;}.elementor-8681 .elementor-element.elementor-element-45502096{--width:100%;}.elementor-8681 .elementor-element.elementor-element-66d4f075{--width:100%;}.elementor-8681 .elementor-element.elementor-element-339706cf{--width:100%;}.elementor-8681 .elementor-element.elementor-element-189ce41e{--width:100%;}.elementor-8681 .elementor-element.elementor-element-129cada7{--width:100%;}.elementor-8681 .elementor-element.elementor-element-68f8365a{--width:100%;}.elementor-8681 .elementor-element.elementor-element-468163a3{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8681 .elementor-element.elementor-element-5ec65481{--width:60%;}.elementor-8681 .elementor-element.elementor-element-567c719b{--width:40%;}}@media(min-width:1800px){.elementor-8681 .elementor-element.elementor-element-71b3abf0{--content-width:1500px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-8681 .elementor-element.elementor-element-f0de314{--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:25px;}}/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3b341d *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45502096 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66d4f075 *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-339706cf *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-189ce41e *//* Main Container */
.main-image-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    
    /* Ensure a clean, fixed aspect ratio/height across all screens */
    min-height: 380px; 

    /* Background Image setup */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    transition: box-shadow 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Dark Gradient Overlay */
.main-image-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 40%,
        rgba(0, 0, 0, 0.7) 100%
    );
    z-index: 1;
    transition: background 0.6s ease;
}

/* Blue Overlay on Hover */
.main-image-container:hover::before {
    background: rgba(43, 85, 171, 0.85);
}

/* Content Container */
.main-image-container .inner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

/* Hidden Content (Paragraph and Button) */
.main-image-container .service-para,
.main-image-container .service-btn {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
    transition: 
        max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), 
        opacity 0.6s ease, 
        margin 0.6s ease;
}

/* Content Reveal Animation on Hover */
.main-image-container:hover .service-para,
.main-image-container:hover .service-btn {
    max-height: 200px; /* Adjust if your text is exceptionally long */
    opacity: 0.95;
    margin-top: 10px; /* Smooth spacing when it appears */
}/* End custom CSS */