.elementor-8528 .elementor-element.elementor-element-c7f9c14{--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-8528 .elementor-element.elementor-element-c7f9c14:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-c7f9c14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-8528 .elementor-element.elementor-element-43046917{--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-8528 .elementor-element.elementor-element-31c22455{--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-8528 .elementor-element.elementor-element-26e8b3b7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-7cb6dfc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-7cb6dfc3 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:42px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-4f097fac{--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-8528 .elementor-element.elementor-element-8e5f0b .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-8528 .elementor-element.elementor-element-14b265a1{--display:flex;}.elementor-8528 .elementor-element.elementor-element-4fced160{--display:flex;}.elementor-8528 .elementor-element.elementor-element-2bc29d37{--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-8528 .elementor-element.elementor-element-2bc29d37:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-2bc29d37 > .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-8528 .elementor-element.elementor-element-446f81e7{--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-8528 .elementor-element.elementor-element-2ae9385e{text-align:start;}.elementor-8528 .elementor-element.elementor-element-1d2afbea{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-1d2afbea .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-8528 .elementor-element.elementor-element-239ceb10{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-1b72eced .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-4aec294f{--display:flex;}.elementor-8528 .elementor-element.elementor-element-306f1c63{--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-8528 .elementor-element.elementor-element-306f1c63:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-306f1c63 > .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-8528 .elementor-element.elementor-element-5433ef7e{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-4c03cd92{text-align:start;}.elementor-8528 .elementor-element.elementor-element-3a06db16{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-3a06db16 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-23196a0d{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-33a4f87e .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-e9067da{--display:flex;}.elementor-8528 .elementor-element.elementor-element-46cb4332{--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-8528 .elementor-element.elementor-element-46cb4332:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-46cb4332 > .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-8528 .elementor-element.elementor-element-17604fcb{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-1aa59a52{text-align:start;}.elementor-8528 .elementor-element.elementor-element-3aa586f9{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-3aa586f9 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-374b6ad{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-830121e .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-35f558af{--display:flex;}.elementor-8528 .elementor-element.elementor-element-6d59c86a{--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-8528 .elementor-element.elementor-element-6d59c86a:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-6d59c86a > .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-8528 .elementor-element.elementor-element-6bd07c75{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-734b3f38{text-align:start;}.elementor-8528 .elementor-element.elementor-element-64345c51{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-64345c51 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-6b8718a4{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-22a656a4 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-53060293{--display:flex;}.elementor-8528 .elementor-element.elementor-element-1c6589a1{--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-8528 .elementor-element.elementor-element-1c6589a1:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-1c6589a1 > .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-8528 .elementor-element.elementor-element-3623156a{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-7d65a068{text-align:start;}.elementor-8528 .elementor-element.elementor-element-2ae931b7{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-2ae931b7 .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-1232ff66{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-ffd0 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-754679cf{--display:flex;}.elementor-8528 .elementor-element.elementor-element-79082ecc{--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-8528 .elementor-element.elementor-element-79082ecc:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-79082ecc > .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-8528 .elementor-element.elementor-element-3afbe25d{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-601c4aa{text-align:start;}.elementor-8528 .elementor-element.elementor-element-6f70232f{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-6f70232f .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-6b8793a6{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-6701f5ef .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-6f74a387{--display:flex;}.elementor-8528 .elementor-element.elementor-element-34412ed4{--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-8528 .elementor-element.elementor-element-34412ed4:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-34412ed4 > .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-8528 .elementor-element.elementor-element-311fed49{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-7db73556{text-align:start;}.elementor-8528 .elementor-element.elementor-element-208e976f{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-208e976f .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-21416ae7{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-61856080 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-3f8902be{--display:flex;}.elementor-8528 .elementor-element.elementor-element-b66531{--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-8528 .elementor-element.elementor-element-b66531:not(.elementor-motion-effects-element-type-background), .elementor-8528 .elementor-element.elementor-element-b66531 > .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-8528 .elementor-element.elementor-element-68a07bc4{--display:flex;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-8528 .elementor-element.elementor-element-2970408e{text-align:start;}.elementor-8528 .elementor-element.elementor-element-f95940a{padding:0px 0px 0px 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-f95940a .elementor-heading-title{font-family:"ClashGrotesk-Medium", Sans-serif;font-size:22px;font-weight:500;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-7042cff{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c418086 );}.elementor-8528 .elementor-element.elementor-element-5eaf56ef .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-45875e44{--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-8528 .elementor-element.elementor-element-7cb6dfc3{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-4f097fac{--justify-content:center;}.elementor-8528 .elementor-element.elementor-element-8e5f0b{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8528 .elementor-element.elementor-element-1d2afbea{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-8528 .elementor-element.elementor-element-1b72eced{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-3a06db16{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-33a4f87e{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-3aa586f9{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-830121e{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-64345c51{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-22a656a4{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-2ae931b7{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-ffd0{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-6f70232f{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-6701f5ef{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-208e976f{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-61856080{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-f95940a{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-5eaf56ef{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-45875e44{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-8528 .elementor-element.elementor-element-c7f9c14{--padding-top:30px;--padding-bottom:30px;--padding-left:5px;--padding-right:5px;}.elementor-8528 .elementor-element.elementor-element-7cb6dfc3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-8528 .elementor-element.elementor-element-7cb6dfc3 .elementor-heading-title{font-size:32px;}.elementor-8528 .elementor-element.elementor-element-8e5f0b{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-8528 .elementor-element.elementor-element-1d2afbea{text-align:start;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-8528 .elementor-element.elementor-element-1b72eced{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-3a06db16{text-align:start;}.elementor-8528 .elementor-element.elementor-element-33a4f87e{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-3aa586f9{text-align:start;}.elementor-8528 .elementor-element.elementor-element-830121e{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-64345c51{text-align:start;}.elementor-8528 .elementor-element.elementor-element-22a656a4{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-2ae931b7{text-align:start;}.elementor-8528 .elementor-element.elementor-element-ffd0{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-6f70232f{text-align:start;}.elementor-8528 .elementor-element.elementor-element-6701f5ef{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-208e976f{text-align:start;}.elementor-8528 .elementor-element.elementor-element-61856080{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-f95940a{text-align:start;}.elementor-8528 .elementor-element.elementor-element-5eaf56ef{padding:0px 0px 0px 0px;}.elementor-8528 .elementor-element.elementor-element-45875e44{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-8528 .elementor-element.elementor-element-c7f9c14{--content-width:1400px;}.elementor-8528 .elementor-element.elementor-element-31c22455{--width:70%;}.elementor-8528 .elementor-element.elementor-element-4f097fac{--width:30%;}.elementor-8528 .elementor-element.elementor-element-2bc29d37{--width:100%;}.elementor-8528 .elementor-element.elementor-element-306f1c63{--width:100%;}.elementor-8528 .elementor-element.elementor-element-46cb4332{--width:100%;}.elementor-8528 .elementor-element.elementor-element-6d59c86a{--width:100%;}.elementor-8528 .elementor-element.elementor-element-1c6589a1{--width:100%;}.elementor-8528 .elementor-element.elementor-element-79082ecc{--width:100%;}.elementor-8528 .elementor-element.elementor-element-34412ed4{--width:100%;}.elementor-8528 .elementor-element.elementor-element-b66531{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8528 .elementor-element.elementor-element-31c22455{--width:60%;}.elementor-8528 .elementor-element.elementor-element-4f097fac{--width:40%;}}@media(min-width:1800px){.elementor-8528 .elementor-element.elementor-element-c7f9c14{--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-8528 .elementor-element.elementor-element-45875e44{--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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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-2bc29d37 *//* 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-306f1c63 *//* 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-46cb4332 *//* 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-6d59c86a *//* 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-1c6589a1 *//* 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 */