.elementor-2 .elementor-element.elementor-element-e63d097{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-2 .elementor-element.elementor-element-e7bd757{text-align:center;}.elementor-2 .elementor-element.elementor-element-e7bd757 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:300;letter-spacing:0px;color:#E5E7EB;}.elementor-2 .elementor-element.elementor-element-802d87a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2 .elementor-element.elementor-element-802d87a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:72px;font-weight:800;letter-spacing:0px;color:#E5E7EB;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-b3def12{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-b99942f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.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-2 .elementor-element.elementor-element-5be8eb3 .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;}.elementor-2 .elementor-element.elementor-element-9e9b4ef .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;}.elementor-2 .elementor-element.elementor-element-f4dc9ec{--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;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-0874ea4{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-aa8fba6 .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-aa8fba6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-aa8fba6.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-aa8fba6.elementor-view-default .elementor-icon{color:var( --e-global-color-b4efad0 );border-color:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-aa8fba6.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-aa8fba6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-aa8fba6 .elementor-icon{font-size:100px;}.elementor-2 .elementor-element.elementor-element-aa8fba6 .elementor-icon svg{height:100px;}.elementor-2 .elementor-element.elementor-element-0b1191f .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:48px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-d66cbed{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-a20e59a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-04b02a4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-e89f312{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2 .elementor-element.elementor-element-9fd6d1d .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-9fd6d1d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-9fd6d1d.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-9fd6d1d.elementor-view-default .elementor-icon{color:var( --e-global-color-b4efad0 );border-color:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-9fd6d1d.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-9fd6d1d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-ebb2849 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-91059a5{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2 .elementor-element.elementor-element-1ed390a .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-1ed390a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-1ed390a.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-1ed390a.elementor-view-default .elementor-icon{color:var( --e-global-color-7601fb6 );border-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-1ed390a.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-1ed390a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-a7e7988 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-2526943{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-815ea7e{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2 .elementor-element.elementor-element-3b4ee2b .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-3b4ee2b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-3b4ee2b.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-3b4ee2b.elementor-view-default .elementor-icon{color:var( --e-global-color-7601fb6 );border-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-3b4ee2b.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-3b4ee2b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-7f1c753 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-2928cfc{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2 .elementor-element.elementor-element-21fcbbf .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-21fcbbf.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-21fcbbf.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-21fcbbf.elementor-view-default .elementor-icon{color:var( --e-global-color-7601fb6 );border-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-21fcbbf.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-21fcbbf.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-4070985 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-a5bc2e3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2 .elementor-element.elementor-element-4b45a1a .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:48px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-c431090{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2 .elementor-element.elementor-element-221c448.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2 .elementor-element.elementor-element-221c448{width:100%;max-width:100%;}.elementor-2 .elementor-element.elementor-element-221c448 .elementor-main-swiper{height:380px;}.elementor-2 .elementor-element.elementor-element-9520eff{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2 .elementor-element.elementor-element-5e27153 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:48px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-71cd357{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-b538de7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-723e53e{--display:flex;}.elementor-2 .elementor-element.elementor-element-6a1d743 .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-6a1d743.elementor-view-stacked .elementor-icon{background-color:#00F2FF;}.elementor-2 .elementor-element.elementor-element-6a1d743.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-6a1d743.elementor-view-default .elementor-icon{color:#00F2FF;border-color:#00F2FF;}.elementor-2 .elementor-element.elementor-element-6a1d743.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-6a1d743.elementor-view-default .elementor-icon svg{fill:#00F2FF;}.elementor-2 .elementor-element.elementor-element-6a1d743 .elementor-icon{font-size:100px;}.elementor-2 .elementor-element.elementor-element-6a1d743 .elementor-icon svg{height:100px;}.elementor-2 .elementor-element.elementor-element-c0b5436 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-5186902{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-5f55400{--display:flex;}.elementor-2 .elementor-element.elementor-element-b088d8f .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-b088d8f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-b088d8f.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-b088d8f.elementor-view-default .elementor-icon{color:var( --e-global-color-7601fb6 );border-color:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-b088d8f.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-b088d8f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-7601fb6 );}.elementor-2 .elementor-element.elementor-element-b088d8f .elementor-icon{font-size:100px;}.elementor-2 .elementor-element.elementor-element-b088d8f .elementor-icon svg{height:100px;}.elementor-2 .elementor-element.elementor-element-5444d37 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-5e88797{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-5c5b880{--display:flex;}.elementor-2 .elementor-element.elementor-element-4a043e7 .elementor-icon-wrapper{text-align:start;}.elementor-2 .elementor-element.elementor-element-4a043e7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-4a043e7.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-4a043e7.elementor-view-default .elementor-icon{color:var( --e-global-color-b4efad0 );border-color:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-4a043e7.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-4a043e7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b4efad0 );}.elementor-2 .elementor-element.elementor-element-4a043e7 .elementor-icon{font-size:100px;}.elementor-2 .elementor-element.elementor-element-4a043e7 .elementor-icon svg{height:100px;}.elementor-2 .elementor-element.elementor-element-2412626 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:36px;font-weight:700;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-2 .elementor-element.elementor-element-09958ac{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-2400bfb{--display:flex;}.elementor-2 .elementor-element.elementor-element-771a64f{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2 .elementor-element.elementor-element-99cd557{--display:flex;}.elementor-2 .elementor-element.elementor-element-ec698be .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:48px;font-weight:700;letter-spacing:0px;color:#E5E7EB;}.elementor-2 .elementor-element.elementor-element-558ea42{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-9667abb{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-f4dc9ec{--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;}.elementor-2 .elementor-element.elementor-element-c431090{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2 .elementor-element.elementor-element-221c448.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2 .elementor-element.elementor-element-221c448 .elementor-main-swiper{height:520px;width:100%;}.elementor-2 .elementor-element.elementor-element-71cd357{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2 .elementor-element.elementor-element-b538de7{--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;}.elementor-2 .elementor-element.elementor-element-771a64f{--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;}}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-b99942f{--width:40%;}.elementor-2 .elementor-element.elementor-element-0874ea4{--width:50%;}.elementor-2 .elementor-element.elementor-element-a20e59a{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2 .elementor-element.elementor-element-b99942f{--width:100%;}.elementor-2 .elementor-element.elementor-element-0874ea4{--width:100%;}.elementor-2 .elementor-element.elementor-element-a20e59a{--width:100%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-e7bd757 .elementor-heading-title{font-size:64px;}.elementor-2 .elementor-element.elementor-element-802d87a .elementor-heading-title{font-size:64px;}.elementor-2 .elementor-element.elementor-element-0b1191f .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-ebb2849 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-a7e7988 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-7f1c753 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-4070985 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-c431090{text-align:start;}.elementor-2 .elementor-element.elementor-element-221c448.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-2 .elementor-element.elementor-element-221c448 .elementor-main-swiper{height:245px;}.elementor-2 .elementor-element.elementor-element-71cd357{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:start;}.elementor-2 .elementor-element.elementor-element-c0b5436 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-5444d37 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-2412626 .elementor-heading-title{font-size:32px;}.elementor-2 .elementor-element.elementor-element-ec698be .elementor-heading-title{font-size:36px;}}/* Start custom CSS for button, class: .elementor-element-5be8eb3 *//* Primary Button (Gradient & Glow) */
.custom-primary-btn .elementor-button {
    background: linear-gradient(90deg, #00f2ff, #8a2be2) !important;
    box-shadow: 0 0 20px rgba(0, 242, 255, 0.6) !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 40px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

/* Primary Button Hover State */
.custom-primary-btn .elementor-button:hover {
    box-shadow: 0 0 30px rgba(0, 242, 255, 0.8) !important;
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9e9b4ef *//* Secondary Button (Revised Glass & Glow) */
.custom-secondary-btn .elementor-button {
    /* 1. The Glass Base: Dark but see-through */
    background: rgba(255, 255, 255, 0.05) !important; 
    
    /* 2. The Blur: This creates the frosted effect behind the text */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    
    /* 3. The Border: Crisp, thin, and semi-transparent white */
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    
    /* 4. The Shape */
    border-radius: 50px !important;
    padding: 15px 40px !important;
    
    /* 5. Typography */
    font-weight: 600 !important;
    color: #ffffff !important;
    letter-spacing: 0.5px !important;
    
    /* 6. The GLOW & DEPTH (Crucial Part) */
    /* First value: Outer subtle white glow. Second value: Inner inset glow for 3D glass look */
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.1), inset 0 0 15px rgba(255, 255, 255, 0.1) !important;
    
    transition: all 0.3s ease !important;
}

/* Secondary Button Hover State */
.custom-secondary-btn .elementor-button:hover {
    /* Brightens the glass slightly on hover */
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #ffffff !important;
    
    /* Intensifies the glow */
    box-shadow: 0 0 25px rgba(255, 255, 255, 0.3), inset 0 0 20px rgba(255, 255, 255, 0.2) !important;
    
    transform: translateY(-2px) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-aa8fba6 *//* Custom Blue Neon Icon Glow */
.custom-icon-glow-blue .elementor-icon {
    /* 1. Set the base color to bright neon cyan */
    color: #00f2ff !important;
    fill: #00f2ff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(0, 242, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-blue:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(0, 242, 255, 1)) 
            drop-shadow(0 0 30px rgba(0, 242, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0874ea4 *//* Glass Container with Gradient & Glow */
.custom-glass-container {
    /* 1. The Gradient Background */
    /* This creates the fade from dark (top) to Cyan (bottom-left) and Purple (bottom-right) */
    background: linear-gradient(
        135deg, 
        rgba(255, 255, 255, 0.03) 0%, 
        rgba(0, 242, 255, 0.15) 50%, 
        rgba(138, 43, 226, 0.15) 100%
    ) !important;

    /* 2. The Glass Effect (Blur) */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;

    /* 3. The Border */
    /* A thin, semi-transparent white border to define the edges */
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.3) !important; /* Slightly brighter top border for lighting */

    /* 4. Shape */
    border-radius: 24px !important;
    
    /* 5. The Glow (Box Shadow) */
    /* Outer shadow for depth + Inner cyan glow to match the image style */
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.3), /* Depth shadow */
        inset 0 0 30px rgba(0, 242, 255, 0.05) !important; /* Subtle inner cyan glow */

    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

/* Hover Effect (Optional - Makes it 'pop' when touched) */
.custom-glass-container {
    transform: translateY(-5px) !important;
    /* Intensify the cyan/purple glow on hover */
    box-shadow: 
        0 15px 40px rgba(0, 242, 255, 0.15), 
        inset 0 0 20px rgba(0, 242, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-9fd6d1d *//* Custom Blue Neon Icon Glow */
.custom-icon-glow-blue .elementor-icon {
    /* 1. Set the base color to bright neon cyan */
    color: #00f2ff !important;
    fill: #00f2ff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(0, 242, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-blue:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(0, 242, 255, 1)) 
            drop-shadow(0 0 30px rgba(0, 242, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e89f312 */.custom-glass-blue {
    /* Gradient wash fading to blue at the bottom */
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.02) 0%, 
        rgba(0, 242, 255, 0.15) 100%
    ) !important;

    /* Frost Effect */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;

    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(0, 242, 255, 0.3) !important; /* Subtle blue tint on bottom border */
    border-radius: 24px !important;

    /* Blue Glow (Inner & Outer) */
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.2), 
        inset 0 -10px 30px rgba(0, 242, 255, 0.1) !important;

    transition: all 0.3s ease !important;
}

.custom-glass-blue {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 242, 255, 0.2), inset 0 0 20px rgba(0, 242, 255, 0.15) !important;
    border-color: rgba(0, 242, 255, 0.5) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-1ed390a *//* Custom Purple Neon Icon Glow */
.custom-icon-glow-purple .elementor-icon {
    /* 1. Set the base color to a bright neon purple */
    color: #b08dff !important;
    fill: #b08dff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(176, 141, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(176, 141, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-purple:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(176, 141, 255, 1)) 
            drop-shadow(0 0 30px rgba(176, 141, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91059a5 */.custom-glass-purple {
    /* Gradient wash fading to purple at the bottom */
    background: linear-gradient(
        180deg, 
        rgba(255, 255, 255, 0.02) 0%, 
        rgba(139, 92, 246, 0.15) 100%
    ) !important;

    /* Frost Effect */
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;

    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-bottom: 1px solid rgba(139, 92, 246, 0.3) !important; /* Subtle purple tint on bottom border */
    border-radius: 24px !important;

    /* Purple Glow (Inner & Outer) */
    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.2), 
        inset 0 -10px 30px rgba(139, 92, 246, 0.1) !important;

    transition: all 0.3s ease !important;
}

.custom-glass-purple {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(139, 92, 246, 0.2), inset 0 0 20px rgba(139, 92, 246, 0.15) !important;
    border-color: rgba(139, 92, 246, 0.5) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-3b4ee2b *//* Custom Purple Neon Icon Glow */
.custom-icon-glow-purple .elementor-icon {
    /* 1. Set the base color to a bright neon purple */
    color: #b08dff !important;
    fill: #b08dff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(176, 141, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(176, 141, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-purple:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(176, 141, 255, 1)) 
            drop-shadow(0 0 30px rgba(176, 141, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-815ea7e */.custom-glass-plain {
    /* Flat dark glass, no color gradient */
    background: rgba(255, 255, 255, 0.03) !important;

    /* Frost Effect */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;

    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 24px !important;

    /* Neutral Shadow (Depth only, no color glow) */
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.2), 
        inset 0 0 15px rgba(255, 255, 255, 0.02) !important;

    transition: all 0.3s ease !important;
}

.custom-glass-plain {
    transform: translateY(-5px) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-21fcbbf *//* Custom Purple Neon Icon Glow */
.custom-icon-glow-purple .elementor-icon {
    /* 1. Set the base color to a bright neon purple */
    color: #b08dff !important;
    fill: #b08dff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(176, 141, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(176, 141, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-purple:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(176, 141, 255, 1)) 
            drop-shadow(0 0 30px rgba(176, 141, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2928cfc */.custom-glass-plain {
    /* Flat dark glass, no color gradient */
    background: rgba(255, 255, 255, 0.03) !important;

    /* Frost Effect */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;

    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 24px !important;

    /* Neutral Shadow (Depth only, no color glow) */
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.2), 
        inset 0 0 15px rgba(255, 255, 255, 0.02) !important;

    transition: all 0.3s ease !important;
}

.custom-glass-plain {
    transform: translateY(-5px) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for media-carousel, class: .elementor-element-221c448 *//* =========================================
   1. GLOBAL CLEANUP (All Devices)
   ========================================= */
/* Remove default Elementor shadows/borders */
.custom-3d-carousel .elementor-carousel-image,
.custom-3d-carousel .elementor-custom-embed-image-overlay, 
.custom-3d-carousel .swiper-slide-inner, 
.custom-3d-carousel .elementor-lightbox-item,
.custom-3d-carousel img {
    box-shadow: none !important;
    border: none !important;
    
    /* MAC FIX: Force hardware acceleration */
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* =========================================
   2. DESKTOP ONLY (Min-Width: 1025px)
   Logic: Strictly show only 3 slides. Hide the rest.
   ========================================= */
@media (min-width: 1025px) {
    .custom-3d-carousel .elementor-swiper {
        perspective: 1200px !important;
        -webkit-perspective: 1200px !important; /* Mac Fix */
        overflow: visible !important;
        padding: 60px 0 !important;
    }

    /* A. HIDE ALL SLIDES BY DEFAULT (The Fix for Overlapping) */
    .custom-3d-carousel .swiper-slide {
        opacity: 0 !important; /* Invisible by default */
        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
        
        transform: perspective(1200px) rotateY(-35deg) scale(0.75) translateX(-80px) !important; 
        -webkit-transform: perspective(1200px) rotateY(-35deg) scale(0.75) translateX(-80px) !important; /* Mac Fix */
        
        z-index: 0 !important;
        pointer-events: none !important;
    }

    /* B. VISIBLE SLIDE 1: LEFT (Active) */
    .custom-3d-carousel .swiper-slide-active {
        opacity: 0.5 !important;
        z-index: 10 !important;
        /* Tilt Right (Facing Center) */
        transform: perspective(1200px) rotateY(35deg) scale(0.75) translateX(80px) !important;
        -webkit-transform: perspective(1200px) rotateY(35deg) scale(0.75) translateX(80px) !important; /* Mac Fix */
        
        pointer-events: auto !important;
    }

    /* C. VISIBLE SLIDE 2: CENTER (Hero) */
    .custom-3d-carousel .swiper-slide-next {
        opacity: 1 !important; 
        z-index: 100 !important; 
        /* Big, Flat, Forward */
        transform: perspective(1200px) rotateY(0deg) scale(1.15) translateX(0) translateZ(20px) !important;
        -webkit-transform: perspective(1200px) rotateY(0deg) scale(1.15) translateX(0) translateZ(20px) !important; /* Mac Fix */
        
        filter: none !important; 
        pointer-events: auto !important;
    }

    /* D. VISIBLE SLIDE 3: RIGHT (The one after Center) */
    .custom-3d-carousel .swiper-slide-next + .swiper-slide {
        opacity: 0.5 !important;
        z-index: 10 !important;
        /* Tilt Left (Facing Center) */
        transform: perspective(1200px) rotateY(-35deg) scale(0.75) translateX(-80px) !important;
        -webkit-transform: perspective(1200px) rotateY(-35deg) scale(0.75) translateX(-80px) !important; /* Mac Fix */
        
        pointer-events: auto !important;
    }

    /* E. Desktop Shadow (Only on Hero) */
    .custom-3d-carousel .swiper-slide-next img {
        filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6)) !important;
        -webkit-filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6)) !important; /* Mac Fix */
    }
}








/* =========================================
   3. TABLET & MOBILE (Max-Width: 1024px)
   Logic: Flat Mode | 1 Slide Visible
   ========================================= */
@media (max-width: 1024px) {
    .custom-3d-carousel .elementor-swiper {
        padding: 40px 0 !important;
        perspective: none !important;
        -webkit-perspective: none !important; /* Mac Fix */
        overflow: visible !important;
    }

    /* Reset ALL slides */
    .custom-3d-carousel .swiper-slide {
        opacity: 0 !important; 
        transform: none !important;
        -webkit-transform: none !important; /* Mac Fix */
        transition: opacity 0.3s ease !important;
    }

    /* Show ONLY Active */
    .custom-3d-carousel .swiper-slide-active {
        opacity: 1 !important;
        z-index: 100 !important;
    }

    /* Mobile Shadow */
    .custom-3d-carousel .swiper-slide-active img {
        filter: drop-shadow(0 15px 30px rgba(0,0,0,0.5)) !important;
        -webkit-filter: drop-shadow(0 15px 30px rgba(0,0,0,0.5)) !important; /* Mac Fix */
        
        transform: scale(1.05); 
        -webkit-transform: scale(1.05); /* Mac Fix */
    }
    
    .custom-3d-carousel img {
        max-width: 90% !important; 
        display: block !important;
        margin: 0 auto !important;
    }
    
    .custom-3d-carousel .swiper-pagination {
        bottom: -20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-6a1d743 *//* Custom Blue Neon Icon Glow */
.custom-icon-glow-blue .elementor-icon {
    /* 1. Set the base color to bright neon cyan */
    color: #00f2ff !important;
    fill: #00f2ff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(0, 242, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-blue:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(0, 242, 255, 1)) 
            drop-shadow(0 0 30px rgba(0, 242, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-723e53e *//* =========================================
   BASE STYLE (Common to all service cards)
   ========================================= */
.service-card-blue,
.service-card-purple {
    /* Stronger frost effect */
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    
    /* Shape & Spacing */
    border-radius: 20px !important;
    padding: 40px 30px !important;
    
    /* Smooth Transition for hover */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    
    /* Ensure proper stacking context */
    z-index: 1 !important;
}


/* =========================================
   BLUE CARD STYLE (Left & Right Columns)
   ========================================= */
.service-card-blue {
    /* Vertical Gradient: Brighter top fading to cyan bottom */
    background: linear-gradient(
        to bottom, 
        rgba(255, 255, 255, 0.05) 0%, 
        rgba(0, 242, 255, 0.1) 100%
    ) !important;
    
    /* Glowing Cyan Border */
    border: 1px solid rgba(0, 242, 255, 0.5) !important;
    
    /* Inner Cyan Glow + Outer Dark Shadow for depth */
    box-shadow: 
        inset 0 0 20px rgba(0, 242, 255, 0.05),
        0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Blue Card Hover State */
.service-card-blue:hover {
    transform: translateY(-10px) !important;
    /* Intensify border and glow */
    border-color: rgba(0, 242, 255, 0.8) !important;
    box-shadow: 
        inset 0 0 30px rgba(0, 242, 255, 0.1),
        0 20px 40px rgba(0, 242, 255, 0.1) !important;
}


/* =========================================
   PURPLE CARD STYLE (Middle Column)
   ========================================= */
.service-card-purple {
    /* Vertical Gradient: Brighter top fading to purple bottom */
    background: linear-gradient(
        to bottom, 
        rgba(255, 255, 255, 0.05) 0%, 
        rgba(189, 0, 255, 0.1) 100%
    ) !important;
    
    /* Glowing Purple Border */
    border: 1px solid rgba(189, 0, 255, 0.5) !important;
    
    /* Inner Purple Glow + Outer Dark Shadow */
    box-shadow: 
        inset 0 0 20px rgba(189, 0, 255, 0.05),
        0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Purple Card Hover State */
.service-card-purple:hover {
    transform: translateY(-10px) !important;
    /* Intensify border and glow */
    border-color: rgba(189, 0, 255, 0.8) !important;
    box-shadow: 
        inset 0 0 30px rgba(189, 0, 255, 0.1),
        0 20px 40px rgba(189, 0, 255, 0.1) !important;
}


/* =========================================
   TYPOGRAPHY STYLING (Ensures readability)
   ========================================= */
/* Headings (e.g., ADAPTIVE CORE ARCHITECTURE) */
.service-card-blue h3, 
.service-card-purple h3,
.service-card-blue .elementor-icon-box-title,
.service-card-purple .elementor-icon-box-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
}

/* Body Text */
.service-card-blue p, 
.service-card-purple p,
.service-card-blue .elementor-icon-box-description,
.service-card-purple .elementor-icon-box-description {
    color: rgba(255, 255, 255, 0.7) !important; /* Muted white for contrast */
    line-height: 1.6em !important;
    font-size: 15px !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-b088d8f *//* Custom Blue Neon Icon Glow */
.custom-icon-glow-blue .elementor-icon {
    /* 1. Set the base color to bright neon cyan */
    color: #00f2ff !important;
    fill: #00f2ff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(0, 242, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-blue:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(0, 242, 255, 1)) 
            drop-shadow(0 0 30px rgba(0, 242, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f55400 *//* Service Card Styling */
.service-glass-card {
    /* Darker Glass Base */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(20, 20, 20, 0.8) 100%) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    
    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    
    /* Transition */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover Effect: Lift & Glow */
.service-glass-card:hover {
    transform: translateY(-10px) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    
    /* subtle blue-purple wash at the bottom on hover */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(59, 130, 246, 0.15) 100%) !important;
    
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Typography Tweaks for readability */
.service-glass-card h3 {
    color: #ffffff !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.service-glass-card p {
    color: #9CA3AF !important; /* Muted text */
    line-height: 1.6em !important;
    font-size: 15px !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-4a043e7 *//* Custom Blue Neon Icon Glow */
.custom-icon-glow-blue .elementor-icon {
    /* 1. Set the base color to bright neon cyan */
    color: #00f2ff !important;
    fill: #00f2ff !important; /* Ensures SVGs are filled */

    /* 2. Create the Glow using layered drop-shadows */
    /* Layer 1: Tight, intense inner glow */
    /* Layer 2: Wider, softer outer halo */
    filter: drop-shadow(0 0 5px rgba(0, 242, 255, 0.9)) 
            drop-shadow(0 0 20px rgba(0, 242, 255, 0.5));
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease !important;
}

/* Optional: Intensify the glow on hover */
.custom-icon-glow-blue:hover .elementor-icon {
    filter: drop-shadow(0 0 10px rgba(0, 242, 255, 1)) 
            drop-shadow(0 0 30px rgba(0, 242, 255, 0.7));
    transform: scale(1.05) !important; /* Slight pop effect */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c5b880 *//* Service Card Styling */
.service-glass-card {
    /* Darker Glass Base */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(20, 20, 20, 0.8) 100%) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    
    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 40px 30px !important;
    
    /* Transition */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover Effect: Lift & Glow */
.service-glass-card:hover {
    transform: translateY(-10px) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    
    /* subtle blue-purple wash at the bottom on hover */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(59, 130, 246, 0.15) 100%) !important;
    
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Typography Tweaks for readability */
.service-glass-card h3 {
    color: #ffffff !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
}

.service-glass-card p {
    color: #9CA3AF !important; /* Muted text */
    line-height: 1.6em !important;
    font-size: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-771a64f */.custom-glass-plain {
    /* Flat dark glass, no color gradient */
    background: rgba(255, 255, 255, 0.03) !important;

    /* Frost Effect */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;

    /* Border & Shape */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 24px !important;

    /* Neutral Shadow (Depth only, no color glow) */
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.2), 
        inset 0 0 15px rgba(255, 255, 255, 0.02) !important;

    transition: all 0.3s ease !important;
}

.custom-glass-plain {
    transform: translateY(-5px) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}/* End custom CSS */