.elementor-14 .elementor-element.elementor-element-77cc8f5{--display:flex;--min-height:130vh;--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;--justify-content:flex-end;--overlay-opacity:0.47;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-77cc8f5::before, .elementor-14 .elementor-element.elementor-element-77cc8f5 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-77cc8f5 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-77cc8f5 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-77cc8f5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-77cc8f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-77cc8f5 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.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-14 .elementor-element.elementor-element-8f036fb{text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:1px;color:#FFFFFF;}.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-14 .elementor-element.elementor-element-42fcb97{text-align:center;}.elementor-14 .elementor-element.elementor-element-42fcb97 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:54px;font-weight:500;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-650be22{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.1px;width:var( --container-widget-width, 9% );max-width:9%;--e-transform-rotateZ:-90deg;margin:4% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;--container-widget-width:9%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-650be22.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-650be22 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-650be22 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.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-14 .elementor-element.elementor-element-c163ba3 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DM Serif Text", Sans-serif;font-weight:600;letter-spacing:1.93px;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 25px 25px 25px;padding:16px 45px 16px 45px;}.elementor-14 .elementor-element.elementor-element-c163ba3{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-c163ba3.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-97cc0d6{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-dfa9fde{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;width:var( --container-widget-width, 8% );max-width:8%;--e-transform-rotateZ:90deg;margin:3% 0% calc(var(--kit-widget-spacing, 0px) + 3%) 0%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-dfa9fde.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-dfa9fde .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-dfa9fde .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-3bc03ce.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-3bc03ce .elementor-heading-title{font-family:"Rochester", Sans-serif;font-size:26px;font-weight:500;letter-spacing:2.5px;color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-6e75e1b.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-6e75e1b .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:54px;font-weight:500;line-height:60px;color:var( --e-global-color-text );}.elementor-14 .elementor-element.elementor-element-c271c64{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:30px;}.elementor-14 .elementor-element.elementor-element-c271c64.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-55a9735 .elementor-button{background-color:#DDAB5E;font-family:"DM Serif Text", Sans-serif;font-weight:600;letter-spacing:1.93px;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 25px 25px 25px;padding:16px 45px 16px 45px;}.elementor-14 .elementor-element.elementor-element-55a9735{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-55a9735.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-42eb2ba{--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:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-5a90c69{--display:flex;}.elementor-14 .elementor-element.elementor-element-e1c4fff .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:38px;font-weight:500;line-height:45px;color:var( --e-global-color-text );}.elementor-14 .elementor-element.elementor-element-f2e10e9{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:30px;}.elementor-14 .elementor-element.elementor-element-172fde0 .elementor-button{background-color:#DDAB5E;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 25px 25px 25px;padding:16px 45px 16px 45px;}.elementor-14 .elementor-element.elementor-element-172fde0{margin:-5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-172fde0.elementor-element{--align-self:flex-start;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-52ec8b6{width:var( --container-widget-width, 65% );max-width:65%;margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:65%;--container-widget-flex-grow:0;text-align:right;}.elementor-14 .elementor-element.elementor-element-52ec8b6.elementor-element{--align-self:flex-end;}.elementor-14 .elementor-element.elementor-element-52ec8b6 img{width:100%;height:180px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-b8638df{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-b8638df:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-b8638df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/5ab2b8b6-acd2-4c1e-8d2d-cd2b4b250936-1.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-e026ee1{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-142c889 img{width:100%;height:250px;object-fit:cover;object-position:center center;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-c933b47{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:30px;}.elementor-14 .elementor-element.elementor-element-7bb84c4{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-7bb84c4:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-7bb84c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8EE;}.elementor-14 .elementor-element.elementor-element-0c1fdd7{--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;--gap:0px 075px;--row-gap:0px;--column-gap:075px;}.elementor-14 .elementor-element.elementor-element-5be1c89{--display:flex;}.elementor-14 .elementor-element.elementor-element-8562823.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-8562823 .elementor-heading-title{font-family:"Rochester", Sans-serif;font-size:26px;font-weight:500;letter-spacing:2.5px;}.elementor-14 .elementor-element.elementor-element-936bbbd .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:54px;font-weight:500;line-height:64px;color:#000000;}.elementor-14 .elementor-element.elementor-element-83fae60{--display:flex;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-83fae60.e-con{--align-self:flex-end;}.elementor-14 .elementor-element.elementor-element-6fc3935.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-6fc3935{text-align:left;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-14 .elementor-element.elementor-element-e29ee1b{--display:flex;--overlay-opacity:0.47;--border-radius:25px 25px 25px 25px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-e29ee1b:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-e29ee1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/ba84967f-b33e-40ce-8cef-91a3f381a1de.avif");background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-e29ee1b::before, .elementor-14 .elementor-element.elementor-element-e29ee1b > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-e29ee1b > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-e29ee1b > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-e29ee1b > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-e29ee1b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-9541b45{--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:space-between;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-737b493{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-6350352 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:42px;font-weight:300;line-height:60px;color:#FAFAFA;}.elementor-14 .elementor-element.elementor-element-dc2122a .elementor-button{background-color:#FFFFFF;font-family:"DM Serif Text", Sans-serif;font-size:17px;font-weight:500;letter-spacing:1.9px;fill:#DDAB5E;color:#DDAB5E;border-radius:25px 25px 25px 25px;padding:16px 45px 16px 45px;}.elementor-14 .elementor-element.elementor-element-dc2122a{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-dc2122a.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-cdce259{--display:flex;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-14 .elementor-element.elementor-element-cdce259:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-cdce259 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-85235c7{--display:flex;--min-height:216px;--overlay-opacity:0.13;--border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-85235c7:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-85235c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/Master-bedroom-4.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-85235c7::before, .elementor-14 .elementor-element.elementor-element-85235c7 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-85235c7 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-85235c7 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-85235c7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-85235c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-452d45d .elementor-button{background-color:#6E787B00;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 25px 25px 25px;padding:0px 0px 0px 29px;}.elementor-14 .elementor-element.elementor-element-452d45d{width:initial;max-width:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:6px 45px 6px 6px;}.elementor-14 .elementor-element.elementor-element-452d45d.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-9083bb8{--display:flex;}.elementor-14 .elementor-element.elementor-element-df79cef .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:32px;font-weight:400;line-height:29px;color:#000000;}.elementor-14 .elementor-element.elementor-element-f2c6af1.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-f2c6af1{text-align:left;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-14 .elementor-element.elementor-element-31ceb00{--display:flex;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-14 .elementor-element.elementor-element-31ceb00:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-31ceb00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-795263d{--display:flex;--min-height:216px;--overlay-opacity:0.13;--border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-795263d:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-795263d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/Sunrise-Suite-3.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-795263d::before, .elementor-14 .elementor-element.elementor-element-795263d > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-795263d > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-795263d > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-795263d > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-795263d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-8c6aa38 .elementor-button{background-color:#6E787B00;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 25px 25px 25px;padding:0px 0px 0px 29px;}.elementor-14 .elementor-element.elementor-element-8c6aa38{width:initial;max-width:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:6px 45px 6px 6px;}.elementor-14 .elementor-element.elementor-element-8c6aa38.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-f2004c0{--display:flex;}.elementor-14 .elementor-element.elementor-element-4625987 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:32px;font-weight:400;line-height:29px;color:#000000;}.elementor-14 .elementor-element.elementor-element-b1319c0.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-b1319c0{text-align:left;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-14 .elementor-element.elementor-element-ad4481a{--display:flex;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-14 .elementor-element.elementor-element-ad4481a:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-ad4481a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-ad38c00{--display:flex;--min-height:216px;--overlay-opacity:0.13;--border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-ad38c00:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-ad38c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/Poolside-Suite-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-ad38c00::before, .elementor-14 .elementor-element.elementor-element-ad38c00 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ad38c00 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ad38c00 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ad38c00 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ad38c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-9e5cbb3 .elementor-button{background-color:#6E787B00;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 25px 25px 25px;padding:0px 0px 0px 29px;}.elementor-14 .elementor-element.elementor-element-9e5cbb3{width:initial;max-width:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:6px 45px 6px 6px;}.elementor-14 .elementor-element.elementor-element-9e5cbb3.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-3b90101{--display:flex;}.elementor-14 .elementor-element.elementor-element-f8bb42b .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:32px;font-weight:400;line-height:29px;color:#000000;}.elementor-14 .elementor-element.elementor-element-9ebc12b.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-9ebc12b{text-align:left;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-14 .elementor-element.elementor-element-28cb613{--display:flex;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--border-radius:25px 25px 25px 25px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-14 .elementor-element.elementor-element-28cb613:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-28cb613 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-14 .elementor-element.elementor-element-9b412c8{--display:flex;--min-height:216px;--overlay-opacity:0.13;--border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-9b412c8:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-9b412c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/Palm-Suite-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-9b412c8::before, .elementor-14 .elementor-element.elementor-element-9b412c8 > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-9b412c8 > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-9b412c8 > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-9b412c8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-9b412c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-5b2751d .elementor-button{background-color:#6E787B00;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:25px 25px 25px 25px;padding:0px 0px 0px 29px;}.elementor-14 .elementor-element.elementor-element-5b2751d{width:initial;max-width:initial;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:6px 45px 6px 6px;}.elementor-14 .elementor-element.elementor-element-5b2751d.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-79a18d7{--display:flex;}.elementor-14 .elementor-element.elementor-element-31a5962 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:32px;font-weight:400;line-height:29px;color:#000000;}.elementor-14 .elementor-element.elementor-element-18f290a.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-18f290a{text-align:left;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:32px;color:#000000;}.elementor-14 .elementor-element.elementor-element-81c214e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:250px;--e-n-carousel-swiper-slides-gap:31px;width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;--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:64%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:79%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:64%;}.elementor-14 .elementor-element.elementor-element-81c214e :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:8px 16px 7px 16px;}.elementor-14 .elementor-element.elementor-element-86ac762{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-4d8edb7{--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-14 .elementor-element.elementor-element-b44669d{--display:flex;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-bcd02bd .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:42px;font-weight:300;line-height:60px;color:#FAFAFA;}.elementor-14 .elementor-element.elementor-element-a386eeb{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-b4e81fa{--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-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-14 .elementor-element.elementor-element-4b1e521{width:var( --container-widget-width, 31% );max-width:31%;padding:30px 30px 30px 30px;--container-widget-width:31%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-4b1e521.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-4b1e521.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-14 .elementor-element.elementor-element-4b1e521.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-14 .elementor-element.elementor-element-4b1e521.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-4b1e521 .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-14 .elementor-element.elementor-element-4b1e521 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-14 .elementor-element.elementor-element-4b1e521 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-4b1e521:has(:hover) .elementor-image-box-title, .elementor-14 .elementor-element.elementor-element-4b1e521:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-83ecba7{width:var( --container-widget-width, 31% );max-width:31%;padding:30px 30px 30px 30px;--container-widget-width:31%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-83ecba7.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-83ecba7.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-14 .elementor-element.elementor-element-83ecba7.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-14 .elementor-element.elementor-element-83ecba7.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-83ecba7 .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-14 .elementor-element.elementor-element-83ecba7 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-14 .elementor-element.elementor-element-83ecba7 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-83ecba7:has(:hover) .elementor-image-box-title, .elementor-14 .elementor-element.elementor-element-83ecba7:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-445fb9f{width:var( --container-widget-width, 31% );max-width:31%;padding:30px 30px 30px 30px;--container-widget-width:31%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-445fb9f.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-445fb9f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-14 .elementor-element.elementor-element-445fb9f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-14 .elementor-element.elementor-element-445fb9f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-445fb9f .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-14 .elementor-element.elementor-element-445fb9f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-14 .elementor-element.elementor-element-445fb9f .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-445fb9f:has(:hover) .elementor-image-box-title, .elementor-14 .elementor-element.elementor-element-445fb9f:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-d2bd2a3{--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-14 .elementor-element.elementor-element-1ed4a6c{width:var( --container-widget-width, 31% );max-width:31%;padding:30px 30px 30px 30px;--container-widget-width:31%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-1ed4a6c.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-1ed4a6c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-14 .elementor-element.elementor-element-1ed4a6c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-14 .elementor-element.elementor-element-1ed4a6c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-1ed4a6c .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-14 .elementor-element.elementor-element-1ed4a6c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-14 .elementor-element.elementor-element-1ed4a6c .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-1ed4a6c:has(:hover) .elementor-image-box-title, .elementor-14 .elementor-element.elementor-element-1ed4a6c:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-adb274c{width:var( --container-widget-width, 31% );max-width:31%;padding:30px 30px 30px 30px;--container-widget-width:31%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-adb274c.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-adb274c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-14 .elementor-element.elementor-element-adb274c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-14 .elementor-element.elementor-element-adb274c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-adb274c .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-14 .elementor-element.elementor-element-adb274c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-14 .elementor-element.elementor-element-adb274c .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-adb274c:has(:hover) .elementor-image-box-title, .elementor-14 .elementor-element.elementor-element-adb274c:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-f75f6c8{width:var( --container-widget-width, 31% );max-width:31%;padding:30px 30px 30px 30px;--container-widget-width:31%;--container-widget-flex-grow:0;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-f75f6c8.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-f75f6c8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-14 .elementor-element.elementor-element-f75f6c8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-14 .elementor-element.elementor-element-f75f6c8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-f75f6c8 .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}.elementor-14 .elementor-element.elementor-element-f75f6c8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-14 .elementor-element.elementor-element-f75f6c8 .elementor-image-box-title{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:400;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-f75f6c8:has(:hover) .elementor-image-box-title, .elementor-14 .elementor-element.elementor-element-f75f6c8:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-0775b60{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:25px 25px 25px 25px;--n-tabs-title-font-size:16px;}.elementor-14 .elementor-element.elementor-element-0775b60 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-0775b60.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-14 .elementor-element.elementor-element-0775b60.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-0775b60.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"DM Serif Text", Sans-serif;font-weight:600;}.elementor-14 .elementor-element.elementor-element-e67626b{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-f528446{width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-f528446.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-9651b30.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-9651b30 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:54px;font-weight:500;line-height:45px;color:var( --e-global-color-text );}.elementor-14 .elementor-element.elementor-element-f4c79f2{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:30px;}.elementor-14 .elementor-element.elementor-element-f4c79f2.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-99957bf{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;width:var( --container-widget-width, 10% );max-width:10%;--e-transform-rotateZ:90deg;margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-99957bf.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-99957bf .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-99957bf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-8ac0d7c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-14 .elementor-element.elementor-element-8ac0d7c.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-8ac0d7c img{width:100%;height:700px;object-fit:cover;object-position:center center;border-radius:25px 25px 25px 25px;}.elementor-14 .elementor-element.elementor-element-0106f02{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;width:var( --container-widget-width, 10% );max-width:10%;--e-transform-rotateZ:90deg;margin:4px 0px calc(var(--kit-widget-spacing, 0px) + -21px) 0px;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-0106f02.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-0106f02 .elementor-divider-separator{width:100%;}.elementor-14 .elementor-element.elementor-element-0106f02 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14 .elementor-element.elementor-element-5f4636b{--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:space-between;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:100px;--padding-bottom:0200px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-5f4636b:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-5f4636b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/admin-ajax-1.png");background-position:85.5% 1px;background-repeat:no-repeat;background-size:57% auto;}.elementor-14 .elementor-element.elementor-element-d6cb1e0{--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;}.elementor-14 .elementor-element.elementor-element-770ad1f{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-770ad1f.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-af9adb2.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-af9adb2 .elementor-heading-title{font-family:"Rochester", Sans-serif;font-size:26px;font-weight:500;letter-spacing:2.5px;}.elementor-14 .elementor-element.elementor-element-9748226.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-9748226 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:40px;font-weight:500;line-height:45px;color:var( --e-global-color-text );}.elementor-14 .elementor-element.elementor-element-f7ffa22{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#000000;}.elementor-14 .elementor-element.elementor-element-b7e911a .elementor-button{background-color:#DDAB5E;font-family:"DM Serif Text", Sans-serif;font-weight:600;letter-spacing:1.93px;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 25px 25px 25px;padding:16px 45px 16px 45px;}.elementor-14 .elementor-element.elementor-element-b7e911a{margin:-1% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-b7e911a.elementor-element{--align-self:flex-start;}.elementor-14 .elementor-element.elementor-element-7f56d87{--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;}.elementor-14 .elementor-element.elementor-element-bae7b6d{--display:flex;}.elementor-14 .elementor-element.elementor-element-8e45eb3{--display:flex;--min-height:360px;--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;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-8e45eb3:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-8e45eb3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/Hiriketiya-Surfing.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-911d8f4{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-0d15802 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:28px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-b9b1c84{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:14px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-37ec0d0{--display:flex;}.elementor-14 .elementor-element.elementor-element-a90c8e4{--display:flex;--min-height:360px;--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;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-a90c8e4:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-a90c8e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/mirissa-blue-whale.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-ab538a6{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-0a79b61 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:28px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-82c6544{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:14px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-0b892d0{--display:flex;}.elementor-14 .elementor-element.elementor-element-f09652f{--display:flex;--min-height:360px;--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;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-f09652f:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-f09652f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/HH_SeaTurtle_shutterstock_354965615.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-2486bdb{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-625e516 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:28px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-8477c78{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:14px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-f441762{--display:flex;}.elementor-14 .elementor-element.elementor-element-c79ddd6{--display:flex;--min-height:360px;--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;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-c79ddd6:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-c79ddd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/Untitled-design-15.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-14bf8e8{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-d6060a1 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:28px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-c489780{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:14px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-5dcf1a9{--display:flex;}.elementor-14 .elementor-element.elementor-element-f09cb8d{--display:flex;--min-height:360px;--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;--justify-content:flex-end;--border-radius:30px 30px 30px 30px;}.elementor-14 .elementor-element.elementor-element-f09cb8d:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-f09cb8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.thelookoutsrilanka.com/wp-content/uploads/2025/11/1000_1634449746.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14 .elementor-element.elementor-element-d701e2f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:30px 30px 30px 30px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-04e1424 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:28px;font-weight:600;line-height:30px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-ed76ec7{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:14px;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-a91e78c{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:150px;--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-left-position:-1%;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:64%;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:83%;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:64%;--e-n-carousel-arrow-size:23px;--e-n-carousel-arrow-normal-color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-a91e78c :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-primary );border-radius:100% 100% 100% 100%;padding:10px 20px 10px 13px;}.elementor-14 .elementor-element.elementor-element-3742af7{--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:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-3742af7:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-3742af7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF8EE;}.elementor-14 .elementor-element.elementor-element-d077805.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-d077805 .elementor-heading-title{font-family:"Rochester", Sans-serif;font-size:26px;font-weight:500;letter-spacing:2.5px;}.elementor-14 .elementor-element.elementor-element-2a521e4{width:var( --container-widget-width, 4% );max-width:4%;--container-widget-width:4%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-2a521e4.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-efd10a6{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;text-align:center;}.elementor-14 .elementor-element.elementor-element-efd10a6.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-efd10a6 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:54px;font-weight:500;line-height:62px;color:var( --e-global-color-text );}.elementor-14 .elementor-element.elementor-element-29de8b5{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:30px;color:#000000;}.elementor-14 .elementor-element.elementor-element-29de8b5.elementor-element{--align-self:center;}.elementor-14 .elementor-element.elementor-element-b42ff8c{--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;}@media(max-width:1024px){.elementor-14 .elementor-element.elementor-element-81c214e{--e-n-carousel-swiper-slides-to-display:2;}.elementor-14 .elementor-element.elementor-element-5f4636b:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-5f4636b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0px;}.elementor-14 .elementor-element.elementor-element-a91e78c{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-77cc8f5{--min-height:75vh;}.elementor-14 .elementor-element.elementor-element-42fcb97 .elementor-heading-title{font-size:32px;line-height:1.2em;}.elementor-14 .elementor-element.elementor-element-650be22{--container-widget-width:55px;--container-widget-flex-grow:0;width:var( --container-widget-width, 55px );max-width:55px;}.elementor-14 .elementor-element.elementor-element-c163ba3 .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-97cc0d6{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-dfa9fde{margin:-31px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-14 .elementor-element.elementor-element-6e75e1b{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-14 .elementor-element.elementor-element-6e75e1b .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-c271c64{width:100%;max-width:100%;text-align:center;font-size:14px;}.elementor-14 .elementor-element.elementor-element-55a9735{margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-55a9735 .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-5a90c69{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-e1c4fff .elementor-heading-title{font-size:28px;line-height:1.6em;}.elementor-14 .elementor-element.elementor-element-f2e10e9{font-size:16px;line-height:1.9em;}.elementor-14 .elementor-element.elementor-element-172fde0{margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-172fde0.elementor-element{--order:99999 /* order end hack */;}.elementor-14 .elementor-element.elementor-element-172fde0 .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-52ec8b6{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-52ec8b6 img{height:449px;}.elementor-14 .elementor-element.elementor-element-b8638df{--min-height:300px;}.elementor-14 .elementor-element.elementor-element-b8638df.e-con{--order:-99999 /* order start hack */;}.elementor-14 .elementor-element.elementor-element-e026ee1{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-142c889{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-c933b47{font-size:16px;}.elementor-14 .elementor-element.elementor-element-7bb84c4{--padding-top:60px;--padding-bottom:60px;--padding-left:010px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-0c1fdd7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-936bbbd .elementor-heading-title{font-size:28px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-e29ee1b{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-14 .elementor-element.elementor-element-9541b45{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-6350352 .elementor-heading-title{font-size:26px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-dc2122a .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-452d45d{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-452d45d .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-9083bb8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-df79cef .elementor-heading-title{font-size:26px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-f2c6af1{font-size:16px;line-height:1.7em;}.elementor-14 .elementor-element.elementor-element-8c6aa38{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-8c6aa38 .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-f2004c0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-4625987 .elementor-heading-title{font-size:26px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-b1319c0{font-size:16px;line-height:1.7em;}.elementor-14 .elementor-element.elementor-element-9e5cbb3{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-9e5cbb3 .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-3b90101{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-f8bb42b .elementor-heading-title{font-size:26px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-9ebc12b{font-size:16px;line-height:1.7em;}.elementor-14 .elementor-element.elementor-element-5b2751d{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-5b2751d .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-79a18d7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-31a5962 .elementor-heading-title{font-size:26px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-18f290a{font-size:16px;line-height:1.7em;}.elementor-14 .elementor-element.elementor-element-81c214e{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:0px;width:100%;max-width:100%;--e-n-carousel-arrow-prev-left-position:-6%;--e-n-carousel-arrow-prev-top-position:2%;--e-n-carousel-arrow-next-right-position:-6%;--e-n-carousel-arrow-next-top-position:2%;}.elementor-14 .elementor-element.elementor-element-81c214e :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:6px 12px 6px 12px;}.elementor-14 .elementor-element.elementor-element-86ac762{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-bcd02bd .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-4b1e521{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-4b1e521 .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-4b1e521 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-14 .elementor-element.elementor-element-83ecba7{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-83ecba7 .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-83ecba7 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-14 .elementor-element.elementor-element-445fb9f{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-445fb9f .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-445fb9f .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-14 .elementor-element.elementor-element-1ed4a6c{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-1ed4a6c .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-1ed4a6c .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-14 .elementor-element.elementor-element-adb274c{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-adb274c .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-adb274c .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-14 .elementor-element.elementor-element-f75f6c8{width:100%;max-width:100%;}.elementor-14 .elementor-element.elementor-element-f75f6c8 .elementor-image-box-img{margin-bottom:15px;}.elementor-14 .elementor-element.elementor-element-f75f6c8 .elementor-image-box-wrapper .elementor-image-box-img{width:18%;}.elementor-14 .elementor-element.elementor-element-e67626b{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-f528446{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;}.elementor-14 .elementor-element.elementor-element-9651b30{text-align:center;}.elementor-14 .elementor-element.elementor-element-9651b30 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-f4c79f2{width:100%;max-width:100%;text-align:center;font-size:16px;}.elementor-14 .elementor-element.elementor-element-99957bf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:26%;--container-widget-flex-grow:0;width:var( --container-widget-width, 26% );max-width:26%;}.elementor-14 .elementor-element.elementor-element-8ac0d7c img{height:450px;}.elementor-14 .elementor-element.elementor-element-0106f02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:26%;--container-widget-flex-grow:0;width:var( --container-widget-width, 26% );max-width:26%;}.elementor-14 .elementor-element.elementor-element-5f4636b:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-5f4636b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 564px;}.elementor-14 .elementor-element.elementor-element-5f4636b{--padding-top:0px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-770ad1f{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;}.elementor-14 .elementor-element.elementor-element-9748226 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-f7ffa22{font-size:16px;}.elementor-14 .elementor-element.elementor-element-b7e911a{margin:-2% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-14 .elementor-element.elementor-element-b7e911a .elementor-button{padding:14px 35px 14px 035px;}.elementor-14 .elementor-element.elementor-element-bae7b6d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-8e45eb3{--min-height:300px;}.elementor-14 .elementor-element.elementor-element-911d8f4{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-0d15802 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-b9b1c84{font-size:14px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-37ec0d0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-a90c8e4{--min-height:300px;}.elementor-14 .elementor-element.elementor-element-ab538a6{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-0a79b61 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-82c6544{font-size:14px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-0b892d0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-f09652f{--min-height:300px;}.elementor-14 .elementor-element.elementor-element-2486bdb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-625e516 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-8477c78{font-size:14px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-f441762{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-c79ddd6{--min-height:300px;}.elementor-14 .elementor-element.elementor-element-14bf8e8{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-d6060a1 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-c489780{font-size:14px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-5dcf1a9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-f09cb8d{--min-height:300px;}.elementor-14 .elementor-element.elementor-element-d701e2f{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-14 .elementor-element.elementor-element-04e1424 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-ed76ec7{font-size:14px;line-height:1.5em;}.elementor-14 .elementor-element.elementor-element-a91e78c{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-arrow-prev-left-position:30%;--e-n-carousel-arrow-prev-top-position:69%;--e-n-carousel-arrow-next-right-position:30%;--e-n-carousel-arrow-next-top-position:69%;}.elementor-14 .elementor-element.elementor-element-2a521e4{--container-widget-width:12%;--container-widget-flex-grow:0;width:var( --container-widget-width, 12% );max-width:12%;}.elementor-14 .elementor-element.elementor-element-efd10a6{width:100%;max-width:100%;text-align:center;}.elementor-14 .elementor-element.elementor-element-efd10a6 .elementor-heading-title{font-size:30px;line-height:1.3em;}.elementor-14 .elementor-element.elementor-element-29de8b5{width:100%;max-width:100%;font-size:16px;}}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-5a90c69{--width:33%;}.elementor-14 .elementor-element.elementor-element-b8638df{--width:33%;}.elementor-14 .elementor-element.elementor-element-e026ee1{--width:33%;}.elementor-14 .elementor-element.elementor-element-737b493{--width:43%;}.elementor-14 .elementor-element.elementor-element-cdce259{--width:100%;}.elementor-14 .elementor-element.elementor-element-31ceb00{--width:100%;}.elementor-14 .elementor-element.elementor-element-ad4481a{--width:100%;}.elementor-14 .elementor-element.elementor-element-28cb613{--width:100%;}.elementor-14 .elementor-element.elementor-element-b44669d{--width:35%;}.elementor-14 .elementor-element.elementor-element-a386eeb{--width:60%;}.elementor-14 .elementor-element.elementor-element-d6cb1e0{--width:40%;}.elementor-14 .elementor-element.elementor-element-7f56d87{--width:60%;}}/* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4b1e521 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-83ecba7 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-445fb9f *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1ed4a6c *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-adb274c *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-f75f6c8 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4b1e521 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-83ecba7 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-445fb9f *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1ed4a6c *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-adb274c *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-f75f6c8 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-452d45d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-8c6aa38 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e5cbb3 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5b2751d *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-4b1e521 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-83ecba7 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-445fb9f *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-1ed4a6c *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-adb274c *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-f75f6c8 *//* Basic utility classes */ .backdrop-blur { /* Fallback for browsers without backdrop-filter */ background-color: rgba(255,255,255,0.35); /* Ensure the element allows seeing through to background */ background-clip: padding-box; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); /* Visual polish */ border: 1px solid rgba(255,255,255,0.25); border-radius: 12px; padding: 1rem; } /* Glass / frosted panel: blur + saturation + brightness */ .backdrop-glass { background-color: rgba(255,255,255,0.25); -webkit-backdrop-filter: blur(12px) saturate(120%) brightness(95%); backdrop-filter: blur(12px) saturate(120%) brightness(95%); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 6px 18px rgba(8, 15, 25, 0.08); border-radius: 14px; padding: 1rem; } /* Dark glass variant */ .backdrop-glass--dark { background-color: rgba(8, 15, 25, 0.35); -webkit-backdrop-filter: blur(10px) contrast(95%) brightness(85%); backdrop-filter: blur(10px) contrast(95%) brightness(85%); border: 1px solid rgba(255,255,255,0.06); color: #fff; } /* Show only when backdrop is available (reduces flicker) */ .has-backdrop { background-color: transparent; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); } /* Performance hint and layering */ .backdrop-blur, .backdrop-glass { will-change: backdrop-filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Respect users who prefer reduced transparency */ @media (prefers-reduced-transparency: reduce), (prefers-reduced-motion: reduce) { .backdrop-blur, .backdrop-glass, .has-backdrop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background-color: rgba(255,255,255,0.92) !important; /* stronger fallback */ box-shadow: none; } } /* Example: full-screen overlay with backdrop blur */ .overlay-backdrop { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: auto; background-color: rgba(0,0,0,0.25); /* fallback and dim */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: 1000; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-911d8f4 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab538a6 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2486bdb */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14bf8e8 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d701e2f */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-911d8f4 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab538a6 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2486bdb */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14bf8e8 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d701e2f */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-911d8f4 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab538a6 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2486bdb */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14bf8e8 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d701e2f */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-911d8f4 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab538a6 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2486bdb */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14bf8e8 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d701e2f */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-911d8f4 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab538a6 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2486bdb */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14bf8e8 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d701e2f */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-911d8f4 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ab538a6 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2486bdb */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-14bf8e8 */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d701e2f */.backdrop-blur { backdrop-filter: blur(12.5px); -webkit-backdrop-filter: blur(12.5px); /* for Safari support */ background-color: color-mix(in oklab, var(--color-white) 20%, transparent); }/* End custom CSS */