.elementor-3054 .elementor-element.elementor-element-4236317{--display:flex;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-385bb92{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-31af6cb{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:144px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-3054 .elementor-element.elementor-element-31af6cb:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-31af6cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-dd67be0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-29a1a18 .elementor-button{background-color:#FFFFFF;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;line-height:1.5em;letter-spacing:4.1px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C5D9DF;border-radius:64px 64px 64px 64px;}.elementor-3054 .elementor-element.elementor-element-29a1a18{--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3054 .elementor-element.elementor-element-29a1a18.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-4b4596a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:20px 45px 0px 45px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-4b4596a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-4b4596a .elementor-heading-title{font-family:"Big Shoulders Text", Sans-serif;font-size:64px;font-weight:200;text-transform:uppercase;}.elementor-3054 .elementor-element.elementor-element-bff5727{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:14px 45px 20px 45px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-bff5727.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-bff5727 .elementor-heading-title{font-family:"Exo 2", Sans-serif;font-size:24px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-093675f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 45px 24px 45px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-093675f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-093675f .elementor-heading-title{font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:300;line-height:26px;color:#000000;}.elementor-3054 .elementor-element.elementor-element-411fa1b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 45px 040px 45px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-411fa1b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-411fa1b .elementor-heading-title{font-family:"Exo 2", Sans-serif;font-size:14px;font-weight:300;color:#000000;}.elementor-3054 .elementor-element.elementor-element-4c9141e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-48effea{--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 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-48effea:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-48effea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-53d1a9e{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-53d1a9e.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-3054 .elementor-element.elementor-element-f5d98ab{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:200;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-f5d98ab.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-f5d98ab p{margin-block-end:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-aec069b{width:var( --container-widget-width, 4.3% );max-width:4.3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:4.3%;--container-widget-flex-grow:0;}.elementor-3054 .elementor-element.elementor-element-aec069b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-aec069b .elementor-icon-wrapper{text-align:center;}.elementor-3054 .elementor-element.elementor-element-aec069b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-aec069b.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-aec069b.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-aec069b.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-aec069b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-aec069b .elementor-icon{font-size:24px;padding:9px;border-width:3px 3px 3px 3px;}.elementor-3054 .elementor-element.elementor-element-aec069b .elementor-icon svg{height:24px;}.elementor-3054 .elementor-element.elementor-element-05ca499{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-6aa9019{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-6aa9019.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-6aa9019 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-76146e3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-76146e3 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-c1e054d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-49b75d3{--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 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-49b75d3:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-49b75d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-1897464{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-1897464.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-21f250e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:200;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-21f250e.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-21f250e p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-d63c19d{width:var( --container-widget-width, 4.3% );max-width:4.3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:4.3%;--container-widget-flex-grow:0;}.elementor-3054 .elementor-element.elementor-element-d63c19d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-d63c19d .elementor-icon-wrapper{text-align:center;}.elementor-3054 .elementor-element.elementor-element-d63c19d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-d63c19d.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-d63c19d.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-d63c19d.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-d63c19d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-d63c19d .elementor-icon{font-size:24px;padding:9px;border-width:3px 3px 3px 3px;}.elementor-3054 .elementor-element.elementor-element-d63c19d .elementor-icon svg{height:24px;}.elementor-3054 .elementor-element.elementor-element-cc92ba7{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-fdc211c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-fdc211c.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-fdc211c p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-9ffa0d5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-9ffa0d5 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-f1f1663{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-0db02c4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-8f1a78e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-8f1a78e.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-8f1a78e p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-905cea6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-4a0f589{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-4a0f589.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-4a0f589 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-641fb9d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-b081959{--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 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-b081959:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-b081959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-c456e78{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-c456e78.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-a3dd61a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:200;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-a3dd61a.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-a3dd61a p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-e45ec90{width:var( --container-widget-width, 4.3% );max-width:4.3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:4.3%;--container-widget-flex-grow:0;}.elementor-3054 .elementor-element.elementor-element-e45ec90.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-e45ec90 .elementor-icon-wrapper{text-align:center;}.elementor-3054 .elementor-element.elementor-element-e45ec90.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-e45ec90.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-e45ec90.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-e45ec90.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-e45ec90.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-e45ec90 .elementor-icon{font-size:24px;padding:9px;border-width:3px 3px 3px 3px;}.elementor-3054 .elementor-element.elementor-element-e45ec90 .elementor-icon svg{height:24px;}.elementor-3054 .elementor-element.elementor-element-c28b130{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-0e771a5{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-0e771a5.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-0e771a5 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-8badce8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-8badce8 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-49a7b1b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-b7b140e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-2f217fa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-2f217fa.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-2f217fa p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-0d887bd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-5cd4e8a{--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 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-5cd4e8a:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-5cd4e8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-4268dd5{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-4268dd5.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-c85285a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:200;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-c85285a.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-c85285a p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-4a72af8{width:var( --container-widget-width, 4.3% );max-width:4.3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:4.3%;--container-widget-flex-grow:0;}.elementor-3054 .elementor-element.elementor-element-4a72af8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-4a72af8 .elementor-icon-wrapper{text-align:center;}.elementor-3054 .elementor-element.elementor-element-4a72af8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-4a72af8.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-4a72af8.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-4a72af8.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-4a72af8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-4a72af8 .elementor-icon{font-size:24px;padding:9px;border-width:3px 3px 3px 3px;}.elementor-3054 .elementor-element.elementor-element-4a72af8 .elementor-icon svg{height:24px;}.elementor-3054 .elementor-element.elementor-element-b6cef86{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-60ecf13{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-60ecf13.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-60ecf13 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-157aa18{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-157aa18 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-87f2543{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-14c3f54{--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 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-14c3f54:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-14c3f54 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-dedf1c3{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-dedf1c3.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-8776ac9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:200;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-8776ac9.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-8776ac9 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-89596ba{width:var( --container-widget-width, 4.3% );max-width:4.3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:4.3%;--container-widget-flex-grow:0;}.elementor-3054 .elementor-element.elementor-element-89596ba.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-89596ba .elementor-icon-wrapper{text-align:center;}.elementor-3054 .elementor-element.elementor-element-89596ba.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-89596ba.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-89596ba.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-89596ba.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-89596ba.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-89596ba .elementor-icon{font-size:32px;padding:5px;border-width:3px 3px 3px 3px;}.elementor-3054 .elementor-element.elementor-element-89596ba .elementor-icon svg{height:32px;}.elementor-3054 .elementor-element.elementor-element-f3c4f9f{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-7333741{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-7333741.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-7333741 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-9525a22{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-9525a22 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-4079e72{--display:flex;}.elementor-3054 .elementor-element.elementor-element-95cd01e{--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 0px;--row-gap:0px;--column-gap:0px;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-95cd01e:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-95cd01e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-bc74c9d{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-bc74c9d.e-con{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-ff3befa{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:200;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-ff3befa.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-ff3befa p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-7a81247{width:var( --container-widget-width, 4.3% );max-width:4.3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:4.3%;--container-widget-flex-grow:0;}.elementor-3054 .elementor-element.elementor-element-7a81247.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-7a81247 .elementor-icon-wrapper{text-align:center;}.elementor-3054 .elementor-element.elementor-element-7a81247.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-7a81247.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-7a81247.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-7a81247.elementor-view-framed .elementor-icon, .elementor-3054 .elementor-element.elementor-element-7a81247.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-7a81247 .elementor-icon{font-size:32px;padding:5px;border-width:3px 3px 3px 3px;}.elementor-3054 .elementor-element.elementor-element-7a81247 .elementor-icon svg{height:32px;}.elementor-3054 .elementor-element.elementor-element-9eb1fa3{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:00px 0px;--row-gap:00px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-3054 .elementor-element.elementor-element-69585d1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:left;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:400;line-height:1.1em;letter-spacing:0px;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-69585d1.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-69585d1 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-2d70a5b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 0px 8px 0px;text-align:left;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.4em;color:var( --e-global-color-text );}.elementor-3054 .elementor-element.elementor-element-2d70a5b p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-dd8ecdf{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-a86a8a1{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-e64a1b2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-e64a1b2.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-e64a1b2 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-d2d9612{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-d2d9612.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-d2d9612 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-f7c4eb7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-8addf53{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-8addf53.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-8addf53 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-7eea5ac{--n-accordion-title-font-size:1rem;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-accordion-item-title-space-between:8px;--n-accordion-item-title-distance-from-content:8px;--n-accordion-border-radius:12px 12px 12px 12px;--n-accordion-icon-size:15px;}.elementor-3054 .elementor-element.elementor-element-7eea5ac > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#E1E4E6;}.elementor-3054 .elementor-element.elementor-element-7eea5ac > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#C1D9E9;}.elementor-3054 .elementor-element.elementor-element-7eea5ac > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-7eea5ac {--n-accordion-padding:24px 24px 24px 24px;}.elementor-3054 .elementor-element.elementor-element-63e943e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:140px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-3054 .elementor-element.elementor-element-63e943e:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-63e943e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2476B8E6;}.elementor-3054 .elementor-element.elementor-element-41f1042{--display:flex;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-3054 .elementor-element.elementor-element-a825ec9 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;line-height:1.5em;letter-spacing:4.1px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C5D9DF;border-radius:64px 64px 64px 64px;}.elementor-3054 .elementor-element.elementor-element-a825ec9{--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3054 .elementor-element.elementor-element-a825ec9.elementor-element{--align-self:center;}.elementor-3054 .elementor-element.elementor-element-e3596ad{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-e3596ad.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-e3596ad .elementor-heading-title{font-family:"Big Shoulders Text", Sans-serif;font-size:64px;font-weight:200;text-transform:uppercase;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-e4e473a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Exo 2", Sans-serif;font-size:21px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-e4e473a.elementor-element{--align-self:flex-start;}.elementor-3054 .elementor-element.elementor-element-e4e473a p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-f2402c1{--display:flex;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-498352d{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box{height:340px;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__layer, .elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:32px 32px 32px 32px;text-align:center;justify-content:center;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-icon-wrapper{margin-bottom:0px;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-icon i{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-icon svg{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 32px 0px 32px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__button{margin-inline-center:0;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#02010100;border-width:0px;border-radius:0px;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:12px;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box{height:340px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__layer, .elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:32px 32px 32px 32px;text-align:center;justify-content:center;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-icon-wrapper{margin-bottom:0px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-icon i{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-icon svg{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 32px 0px 32px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__button{margin-inline-center:0;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#02010100;border-width:0px;border-radius:0px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:16px;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box{height:340px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__layer, .elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:32px 32px 32px 32px;text-align:center;justify-content:center;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-icon-wrapper{margin-bottom:5px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-icon i{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-icon svg{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 32px 0px 32px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__button{margin-inline-center:0;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#02010100;border-width:0px;border-radius:0px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:16px;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-6d2186d{--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:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box{height:340px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__layer, .elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:32px 32px 32px 32px;text-align:center;justify-content:center;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-icon-wrapper{margin-bottom:0px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-icon i{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-icon svg{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 32px 0px 32px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__button{margin-inline-center:0;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#02010100;border-width:0px;border-radius:0px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:12px;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box{height:340px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__layer, .elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:32px 32px 32px 32px;text-align:center;justify-content:center;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-icon-wrapper{margin-bottom:0px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-icon i{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-icon svg{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 32px 0px 32px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__button{margin-inline-center:0;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#02010100;border-width:0px;border-radius:0px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:16px;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__front{background-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__back{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box{height:340px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__layer, .elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:32px 32px 32px 32px;text-align:center;justify-content:center;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-icon-wrapper{margin-bottom:5px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-icon i{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-icon svg{transform:rotate(0deg);}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-primary );font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:40px 32px 0px 32px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__button{margin-inline-center:0;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#02010100;border-width:0px;border-radius:0px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__back .elementor-flip-box__layer__title{margin-bottom:16px;font-family:"Big Shoulders Text", Sans-serif;font-size:32px;font-weight:300;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__back .elementor-flip-box__layer__description{margin-bottom:0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-3054 .elementor-element.elementor-element-dd14dd6{--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:120px;--padding-bottom:120px;--padding-left:120px;--padding-right:120px;--z-index:4;}.elementor-3054 .elementor-element.elementor-element-dd14dd6:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-dd14dd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000087;}.elementor-3054 .elementor-element.elementor-element-2bfe303{--display:flex;--gap:8px 0px;--row-gap:8px;--column-gap:0px;}.elementor-3054 .elementor-element.elementor-element-e02ba17 .elementor-button{background-color:#FFFFFF;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;line-height:1.5em;letter-spacing:4.1px;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C5D9DF;border-radius:64px 64px 64px 64px;}.elementor-3054 .elementor-element.elementor-element-e02ba17{--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3054 .elementor-element.elementor-element-e02ba17.elementor-element{--align-self:center;}.elementor-3054 .elementor-element.elementor-element-8bea519 .elementor-heading-title{font-family:"Big Shoulders Text", Sans-serif;font-size:64px;font-weight:200;color:#4FC7EB;}.elementor-3054 .elementor-element.elementor-element-250ec52 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-250ec52{color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-4a8c9db{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-4a8c9db.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3054 .elementor-element.elementor-element-4a8c9db .elementor-heading-title{font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:300;line-height:20px;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-53cf67c{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-0768033{--display:flex;--border-radius:12px 12px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-0768033:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-0768033 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-d1beef5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-3054 .elementor-element.elementor-element-d1beef5 .elementor-heading-title{font-family:"Big Shoulders Text", Sans-serif;font-size:64px;font-weight:200;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-e7ef89d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:21px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-e7ef89d p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-ba39bec{--display:flex;--border-radius:0px 0px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-3054 .elementor-element.elementor-element-ba39bec:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-ba39bec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-ba39bec.e-con{--order:99999 /* order end hack */;}.elementor-3054 .elementor-element.elementor-element-ceb50da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-ceb50da p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-36e756b .elementor-button{background-color:#16263B;border-radius:8px 8px 8px 8px;}.elementor-3054 .elementor-element.elementor-element-36e756b .elementor-button:hover, .elementor-3054 .elementor-element.elementor-element-36e756b .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-36e756b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3054 .elementor-element.elementor-element-36e756b.elementor-element{--align-self:center;}.elementor-3054 .elementor-element.elementor-element-36e756b .elementor-button-content-wrapper{flex-direction:row;}.elementor-3054 .elementor-element.elementor-element-36e756b .elementor-button .elementor-button-content-wrapper{gap:17px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-bdb5d29 .swiper-slide-bg{background-image:url(https://devsv.invest-sesen.com/wp-content/uploads/2025/12/SliderDueDiligence_01-scaled.webp);background-size:cover;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-bdb5d29 .swiper-slide-inner .elementor-slide-heading{color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-bdb5d29 .swiper-slide-inner .elementor-slide-description{color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-bdb5d29 .swiper-slide-inner .elementor-slide-button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-56aba0f .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://devsv.invest-sesen.com/wp-content/uploads/2025/12/SliderDueDiligence_02-scaled.webp);background-size:cover;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-3f028ba .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://devsv.invest-sesen.com/wp-content/uploads/2025/12/SliderDueDiligence_03-scaled.webp);background-size:cover;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-af3f4a6 .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://devsv.invest-sesen.com/wp-content/uploads/2025/12/SliderDueDiligence_04-scaled.webp);background-size:cover;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-repeater-item-0ba619c .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://devsv.invest-sesen.com/wp-content/uploads/2025/12/SliderDueDiligence_06-scaled.webp);background-size:cover;}.elementor-3054 .elementor-element.elementor-element-936fd2e .swiper-slide{transition-duration:calc(5000ms*1.2);height:550px;}.elementor-3054 .elementor-element.elementor-element-936fd2e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;}.elementor-3054 .elementor-element.elementor-element-936fd2e .swiper-slide-contents{max-width:100%;}.elementor-3054 .elementor-element.elementor-element-936fd2e .swiper-slide-inner{text-align:start;}.elementor-3054 .elementor-element.elementor-element-936fd2e .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:5px;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-heading{color:#FFFFFF;font-family:"Big Shoulders Text", Sans-serif;font-size:60px;font-weight:300;text-transform:uppercase;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-description{color:#FFFFFF;font-family:"Exo 2", Sans-serif;font-size:21px;font-weight:600;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-button{font-family:"Exo 2", Sans-serif;font-size:0px;font-weight:400;line-height:1.5em;border-width:0px;border-radius:0px;color:#02010100;}.elementor-3054 .elementor-element.elementor-element-4d5728c{--display:flex;--min-height:282px;--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:120px;--padding-right:120px;--z-index:4;}.elementor-3054 .elementor-element.elementor-element-4d5728c:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-4d5728c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://devsv.invest-sesen.com/wp-content/uploads/2025/12/SV-reticulaBK-01-scaled.webp");}.elementor-3054 .elementor-element.elementor-element-0c022c0{--display:flex;}.elementor-3054 .elementor-element.elementor-element-24543bd .elementor-button{background-color:var( --e-global-color-primary );font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C5D9DF;border-radius:64px 64px 64px 64px;}.elementor-3054 .elementor-element.elementor-element-24543bd{--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3054 .elementor-element.elementor-element-24543bd.elementor-element{--align-self:center;}.elementor-3054 .elementor-element.elementor-element-fe674cb .elementor-heading-title{font-family:"Big Shoulders Text", Sans-serif;font-size:44px;font-weight:300;color:#4FC7EB;}.elementor-3054 .elementor-element.elementor-element-a343256{font-family:"Exo 2", Sans-serif;font-size:21px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-3054 .elementor-element.elementor-element-a343256 p{margin-block-end:0px;}.elementor-3054 .elementor-element.elementor-element-843b751 .elementor-button{background-color:#16263B;border-radius:8px 8px 8px 8px;}.elementor-3054 .elementor-element.elementor-element-843b751 .elementor-button:hover, .elementor-3054 .elementor-element.elementor-element-843b751 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-3054 .elementor-element.elementor-element-843b751{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3054 .elementor-element.elementor-element-843b751.elementor-element{--align-self:center;}.elementor-3054 .elementor-element.elementor-element-843b751 .elementor-button-content-wrapper{flex-direction:row;}.elementor-3054 .elementor-element.elementor-element-843b751 .elementor-button .elementor-button-content-wrapper{gap:17px;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3054 .elementor-element.elementor-element-4b4596a .elementor-heading-title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-bff5727 .elementor-heading-title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-093675f .elementor-heading-title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-411fa1b .elementor-heading-title{font-size:22px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3054 .elementor-element.elementor-element-e3596ad .elementor-heading-title{font-size:22px;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-8bea519 .elementor-heading-title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-4a8c9db .elementor-heading-title{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-d1beef5 .elementor-heading-title{font-size:22px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-heading{font-size:22px;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-description{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-fe674cb .elementor-heading-title{font-size:22px;}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3054 .elementor-element.elementor-element-4b4596a .elementor-heading-title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-bff5727 .elementor-heading-title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-093675f .elementor-heading-title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-411fa1b .elementor-heading-title{font-size:18px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-3054 .elementor-element.elementor-element-e3596ad .elementor-heading-title{font-size:18px;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-flip-box .elementor-flip-box__button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-889668c .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-543d47e .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-9c61246 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-994f892 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-a753bea .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__front .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-9380c95 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-8bea519 .elementor-heading-title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-4a8c9db .elementor-heading-title{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-d1beef5 .elementor-heading-title{font-size:18px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-heading{font-size:18px;}.elementor-3054 .elementor-element.elementor-element-936fd2e .elementor-slide-description{font-size:16px;}.elementor-3054 .elementor-element.elementor-element-fe674cb .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-3054 .elementor-element.elementor-element-53d1a9e{--width:8%;}.elementor-3054 .elementor-element.elementor-element-05ca499{--width:100%;}.elementor-3054 .elementor-element.elementor-element-1897464{--width:8%;}.elementor-3054 .elementor-element.elementor-element-cc92ba7{--width:100%;}.elementor-3054 .elementor-element.elementor-element-c456e78{--width:8%;}.elementor-3054 .elementor-element.elementor-element-c28b130{--width:100%;}.elementor-3054 .elementor-element.elementor-element-4268dd5{--width:8%;}.elementor-3054 .elementor-element.elementor-element-b6cef86{--width:100%;}.elementor-3054 .elementor-element.elementor-element-dedf1c3{--width:8%;}.elementor-3054 .elementor-element.elementor-element-f3c4f9f{--width:100%;}.elementor-3054 .elementor-element.elementor-element-bc74c9d{--width:8%;}.elementor-3054 .elementor-element.elementor-element-9eb1fa3{--width:100%;}}@media(min-width:1025px){.elementor-3054 .elementor-element.elementor-element-4d5728c:not(.elementor-motion-effects-element-type-background), .elementor-3054 .elementor-element.elementor-element-4d5728c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48effea */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-49b75d3 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b081959 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cd4e8a */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14c3f54 */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-95cd01e */<!-- SVG Filter (include once in your document) -->
<svg width="0" height="0" style="position: absolute;">
  <defs>
    <filter id="glass-distortion" x="0%" y="0%" width="100%" height="100%">
      <feTurbulence 
        type="fractalNoise" 
        baseFrequency="0.015 0.015"
        numOctaves="2" 
        seed="92" 
        result="noise" 
      />
      <feGaussianBlur 
        in="noise" 
        stdDeviation="2" 
        result="blurred" 
      />
      <feDisplacementMap 
        in="SourceGraphic" 
        in2="blurred" 
        scale="95"
        xChannelSelector="R" 
        yChannelSelector="G" 
      />
    </filter>
  </defs>
</svg>

<!-- Liquid Glass Card -->
<div class="liquid-glass-card">
  <div class="card-content">
    <h2>Liquid Glass Card</h2>
    <p>Beautiful distorted glass effect</p>
    <button class="glass-button">Get Started</button>
  </div>
</div>

<style>
/* Liquid Glass Card */
.liquid-glass-card {
  position: relative;
  width: 400px;
  height: 300px;
  border-radius: 28px;
  isolation: isolate;
  box-shadow: 0px 6px 21px -8px rgba(255, 255, 255, 0.2);
  cursor: pointer;
}


/* Tint and inner shadow layer */
.liquid-glass-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 28px;
  box-shadow: inset 0 0 4px -8px rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
}

/* Backdrop blur and distortion layer */
.liquid-glass-card::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 28px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  filter: url(#glass-distortion);
  -webkit-filter: url(#glass-distortion);
  isolation: isolate;
  pointer-events: none;
}

/* Content styling */
.card-content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 32px;
  color: white;
}

.card-content h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 16px;
}

.card-content p {
  opacity: 0.8;
  margin-bottom: 24px;
}

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: all 0.3s ease;
}

.glass-button:hover {
  background: rgba(255, 255, 255, 0.2);
}
</style>/* End custom CSS */