.elementor-16858 .elementor-element.elementor-element-9590a2f{--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;}.elementor-16858 .elementor-element.elementor-element-d2cef03 .elementor-repeater-item-c23adac .swiper-slide-bg{background-color:#FFFFFF;background-image:url(https://hellomotion.sch.id/wp-content/uploads/2024/01/Teachers-2023-scaled.jpg);background-size:cover;}.elementor-16858 .elementor-element.elementor-element-d2cef03 .elementor-repeater-item-c23adac .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-16858 .elementor-element.elementor-element-d2cef03 .swiper-slide{height:790px;transition-duration:calc(5000ms*1.2);}.elementor-16858 .elementor-element.elementor-element-d2cef03 .swiper-slide-contents{max-width:66%;}.elementor-16858 .elementor-element.elementor-element-d2cef03 .swiper-slide-inner{text-align:center;}.elementor-16858 .elementor-element.elementor-element-73cf852{--display:flex;--min-height:462px;--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-73cf852:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-73cf852 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-16858 .elementor-element.elementor-element-6e1af5e{text-align:center;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-6c9ef81{--divider-border-style:solid;--divider-color:#41BC95;--divider-border-width:6px;}.elementor-16858 .elementor-element.elementor-element-6c9ef81 .elementor-divider-separator{width:24%;margin:0 auto;margin-center:0;}.elementor-16858 .elementor-element.elementor-element-6c9ef81 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-16858 .elementor-element.elementor-element-67aa0f4{text-align:start;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 300px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:26px 26px 26px 26px;}.elementor-16858 .elementor-element.elementor-element-67aa0f4 img{width:32%;max-width:100%;border-radius:26px 26px 26px 26px;}.elementor-16858 .elementor-element.elementor-element-67aa0f4.elementor-element{--align-self:flex-start;}.elementor-16858 .elementor-element.elementor-element-bf9d829{text-align:end;margin:-192px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 419px;width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-bf9d829.elementor-element{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-cc8b2c3{--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-3649e99{text-align:center;}.elementor-16858 .elementor-element.elementor-element-01c553e{--divider-border-style:solid;--divider-color:#FBB611;--divider-border-width:6px;}.elementor-16858 .elementor-element.elementor-element-01c553e .elementor-divider-separator{width:58%;margin:0 auto;margin-center:0;}.elementor-16858 .elementor-element.elementor-element-01c553e .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-16858 .elementor-element.elementor-element-eeedf5a{font-size:20px;color:#41BC95;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}.elementor-16858 .elementor-element.elementor-element-eeedf5a p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-1af8254{--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;--border-radius:26px 26px 26px 26px;--margin-top:015px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-1af8254:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-1af8254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3DC192;}.elementor-16858 .elementor-element.elementor-element-1af8254.e-con{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-a12482a{font-size:20px;color:#FFFFFF;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-a23cf4c{--display:flex;}.elementor-16858 .elementor-element.elementor-element-68911c7{font-size:20px;color:#FBB611;margin:030px 78px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-68911c7 p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-68911c7.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-be8b416{--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;--border-radius:26px 26px 26px 26px;--margin-top:15px;--margin-bottom:0px;--margin-left:950px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-be8b416:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-be8b416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBB611;}.elementor-16858 .elementor-element.elementor-element-c39f2a1{text-align:end;font-size:20px;color:#000000;margin:15px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-c39f2a1.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-3b9e19a{--display:flex;}.elementor-16858 .elementor-element.elementor-element-56556ef{font-size:20px;color:#41BC95;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}.elementor-16858 .elementor-element.elementor-element-56556ef p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-5c39bed{--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;--border-radius:26px 26px 26px 26px;--margin-top:015px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-5c39bed:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-5c39bed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3DC192;}.elementor-16858 .elementor-element.elementor-element-5c39bed.e-con{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-e50fd9b{font-size:20px;color:#FFFFFF;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-adbca05{--display:flex;}.elementor-16858 .elementor-element.elementor-element-4cb8af9{font-size:20px;color:#FBB611;margin:030px 78px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-4cb8af9 p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-4cb8af9.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-fbed078{--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;--border-radius:26px 26px 26px 26px;--margin-top:15px;--margin-bottom:0px;--margin-left:950px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-fbed078:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-fbed078 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBB611;}.elementor-16858 .elementor-element.elementor-element-63a28d2{text-align:end;font-size:20px;color:#000000;margin:15px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-63a28d2.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-f40936d{--display:flex;}.elementor-16858 .elementor-element.elementor-element-bc7f9ed{font-size:20px;color:#41BC95;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}.elementor-16858 .elementor-element.elementor-element-bc7f9ed p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-b61f0d7{--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;--border-radius:26px 26px 26px 26px;--margin-top:015px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-b61f0d7:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-b61f0d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3DC192;}.elementor-16858 .elementor-element.elementor-element-b61f0d7.e-con{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-3aef935{font-size:20px;color:#FFFFFF;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-c518b92{--display:flex;}.elementor-16858 .elementor-element.elementor-element-2c7157a{font-size:20px;color:#FBB611;margin:030px 78px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-2c7157a p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-2c7157a.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-a7316c2{--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;--border-radius:26px 26px 26px 26px;--margin-top:15px;--margin-bottom:0px;--margin-left:950px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-a7316c2:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-a7316c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBB611;}.elementor-16858 .elementor-element.elementor-element-248d94c{text-align:end;font-size:20px;color:#000000;margin:15px 30px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-248d94c.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-395d784{--display:flex;}.elementor-16858 .elementor-element.elementor-element-a30fe3c{font-size:20px;color:#41BC95;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 150px;}.elementor-16858 .elementor-element.elementor-element-a30fe3c p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-c0df1a1{--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;--border-radius:26px 26px 26px 26px;--margin-top:015px;--margin-bottom:0px;--margin-left:250px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-c0df1a1:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-c0df1a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3DC192;}.elementor-16858 .elementor-element.elementor-element-c0df1a1.e-con{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-d69ded2{font-size:20px;color:#FFFFFF;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 30px;width:var( --container-widget-width, 72% );max-width:72%;--container-widget-width:72%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-996220d{--display:flex;--min-height:447px;--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:060px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-996220d:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-996220d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-16858 .elementor-element.elementor-element-109d15e{text-align:center;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-56470f4{--divider-border-style:solid;--divider-color:#41BC95;--divider-border-width:6px;}.elementor-16858 .elementor-element.elementor-element-56470f4 .elementor-divider-separator{width:56%;margin:0 auto;margin-center:0;}.elementor-16858 .elementor-element.elementor-element-56470f4 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-16858 .elementor-element.elementor-element-2ef4f76{text-align:start;margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 696px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;border-radius:26px 26px 26px 26px;}.elementor-16858 .elementor-element.elementor-element-2ef4f76 img{width:32%;max-width:100%;border-radius:26px 26px 26px 26px;}.elementor-16858 .elementor-element.elementor-element-2ef4f76.elementor-element{--align-self:flex-start;}.elementor-16858 .elementor-element.elementor-element-4364ae3{text-align:start;margin:-192px 419px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 23% );max-width:23%;--container-widget-width:23%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-4364ae3.elementor-element{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-f9e0aca{--display:flex;--min-height:426px;--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:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-f9e0aca:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-f9e0aca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-16858 .elementor-element.elementor-element-76a3d69{text-align:center;}.elementor-16858 .elementor-element.elementor-element-76a3d69 .elementor-heading-title{color:#FFFFFF;}.elementor-16858 .elementor-element.elementor-element-09e089c{--divider-border-style:solid;--divider-color:#FBB611;--divider-border-width:6px;}.elementor-16858 .elementor-element.elementor-element-09e089c .elementor-divider-separator{width:13%;margin:0 auto;margin-center:0;}.elementor-16858 .elementor-element.elementor-element-09e089c .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-16858 .elementor-element.elementor-element-9228e24{text-align:start;color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 53% );max-width:53%;--container-widget-width:53%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-9228e24.elementor-element{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-1c28467{--display:flex;--min-height:50px;--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:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-bf4bdce{text-align:center;}.elementor-16858 .elementor-element.elementor-element-bf4bdce.elementor-element{--order:-99999 /* order start hack */;}.elementor-16858 .elementor-element.elementor-element-6e2480a{--divider-border-style:solid;--divider-color:#41BC95;--divider-border-width:6px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-6e2480a .elementor-divider-separator{width:15%;margin:0 auto;margin-center:0;}.elementor-16858 .elementor-element.elementor-element-6e2480a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-16858 .elementor-element.elementor-element-0df8230{--display:flex;--min-height:0px;--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;--flex-wrap:wrap;}.elementor-16858 .elementor-element.elementor-element-0df8230.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16858 .elementor-element.elementor-element-cfc9177{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-4ba1c8b{text-align:center;}.elementor-16858 .elementor-element.elementor-element-fa8b456{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-8a308b0 img{width:77%;}.elementor-16858 .elementor-element.elementor-element-ddf0934{text-align:center;}.elementor-16858 .elementor-element.elementor-element-d0e621f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-9013c3f img{width:75%;}.elementor-16858 .elementor-element.elementor-element-c01939d{text-align:center;}.elementor-16858 .elementor-element.elementor-element-307d279{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-5d54698 img{width:67%;}.elementor-16858 .elementor-element.elementor-element-1e428d0{text-align:center;}.elementor-16858 .elementor-element.elementor-element-7bb1028{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-df15ac8 img{width:66%;}.elementor-16858 .elementor-element.elementor-element-9da8adf{text-align:center;}.elementor-16858 .elementor-element.elementor-element-753d08a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-d930590 img{width:66%;}.elementor-16858 .elementor-element.elementor-element-34e000b{text-align:center;}.elementor-16858 .elementor-element.elementor-element-8ee219d{--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;}.elementor-16858 .elementor-element.elementor-element-8ee219d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16858 .elementor-element.elementor-element-0f3e276{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-0f3e276.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16858 .elementor-element.elementor-element-774b6d6 img{width:66%;}.elementor-16858 .elementor-element.elementor-element-b96f888{text-align:center;}.elementor-16858 .elementor-element.elementor-element-8c0dfb4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-8c0dfb4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16858 .elementor-element.elementor-element-13b5325 img{width:68%;}.elementor-16858 .elementor-element.elementor-element-2b534f3{text-align:center;}.elementor-16858 .elementor-element.elementor-element-4382e4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-4382e4b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16858 .elementor-element.elementor-element-b271972 img{width:67%;}.elementor-16858 .elementor-element.elementor-element-0a5dcf9{text-align:center;}.elementor-16858 .elementor-element.elementor-element-68b7bd0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-16858 .elementor-element.elementor-element-68b7bd0:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-68b7bd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F7;}.elementor-16858 .elementor-element.elementor-element-d3d2aec{text-align:center;margin:030px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-3cb7641{--divider-border-style:solid;--divider-color:#FBB611;--divider-border-width:6px;}.elementor-16858 .elementor-element.elementor-element-3cb7641 .elementor-divider-separator{width:22%;margin:0 auto;margin-center:0;}.elementor-16858 .elementor-element.elementor-element-3cb7641 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-16858 .elementor-element.elementor-element-fccdbc3 p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-fccdbc3{color:#41BC95;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;}.elementor-16858 .elementor-element.elementor-element-f9f224b{text-align:end;color:#41BC95;margin:-25px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-f9f224b p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-35d9223{text-align:end;margin:0px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-35d9223 p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-35d9223.elementor-element{--align-self:flex-end;}.elementor-16858 .elementor-element.elementor-element-e5ae436{margin:-185px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;width:var( --container-widget-width, 42.057% );max-width:42.057%;--container-widget-width:42.057%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-e5ae436.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-16858 .elementor-element.elementor-element-1360493{text-align:center;color:#41BC95;margin:37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-16858 .elementor-element.elementor-element-1360493 p{margin-block-end:0px;}.elementor-16858 .elementor-element.elementor-element-1360493.elementor-element{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-28b16fe{text-align:center;width:var( --container-widget-width, 62% );max-width:62%;--container-widget-width:62%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-28b16fe.elementor-element{--align-self:center;}.elementor-16858 .elementor-element.elementor-element-34e9c37:not(.elementor-motion-effects-element-type-background), .elementor-16858 .elementor-element.elementor-element-34e9c37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#41BC95;}.elementor-16858 .elementor-element.elementor-element-34e9c37{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:15px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-16858 .elementor-element.elementor-element-34e9c37 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-16858 .elementor-element.elementor-element-b7af4ae.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-16858 .elementor-element.elementor-element-b7af4ae.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-16858 .elementor-element.elementor-element-b7af4ae.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-16858 .elementor-element.elementor-element-b7af4ae > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-16858 .elementor-element.elementor-element-3c4249f{text-align:center;}.elementor-16858 .elementor-element.elementor-element-3c4249f .elementor-heading-title{font-family:"Roboto", Sans-serif;color:#332D56;}.elementor-16858 .elementor-element.elementor-element-74dfe78{text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;width:var( --container-widget-width, 71.851% );max-width:71.851%;--container-widget-width:71.851%;--container-widget-flex-grow:0;}.elementor-16858 .elementor-element.elementor-element-39c328c .elementor-button{font-family:"Roboto", Sans-serif;font-weight:700;fill:#FF9F00;color:#FF9F00;background-color:#332D56;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:50px 50px 50px 50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-16858 .elementor-element.elementor-element-1af8254{--width:36%;}.elementor-16858 .elementor-element.elementor-element-be8b416{--width:35%;}.elementor-16858 .elementor-element.elementor-element-5c39bed{--width:36%;}.elementor-16858 .elementor-element.elementor-element-fbed078{--width:35%;}.elementor-16858 .elementor-element.elementor-element-b61f0d7{--width:36%;}.elementor-16858 .elementor-element.elementor-element-a7316c2{--width:35%;}.elementor-16858 .elementor-element.elementor-element-c0df1a1{--width:36%;}.elementor-16858 .elementor-element.elementor-element-0df8230{--width:55%;}.elementor-16858 .elementor-element.elementor-element-cfc9177{--width:33.3333%;}.elementor-16858 .elementor-element.elementor-element-fa8b456{--width:33.3333%;}.elementor-16858 .elementor-element.elementor-element-d0e621f{--width:33.3333%;}.elementor-16858 .elementor-element.elementor-element-307d279{--width:33.3333%;}.elementor-16858 .elementor-element.elementor-element-7bb1028{--width:33.3333%;}.elementor-16858 .elementor-element.elementor-element-753d08a{--width:33.3333%;}.elementor-16858 .elementor-element.elementor-element-8ee219d{--width:55%;}.elementor-16858 .elementor-element.elementor-element-0f3e276{--width:33.377%;}.elementor-16858 .elementor-element.elementor-element-8c0dfb4{--width:33.324%;}.elementor-16858 .elementor-element.elementor-element-4382e4b{--width:33.612%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16858 .elementor-element.elementor-element-0df8230{--width:1600px;}}@media(max-width:1024px){.elementor-16858 .elementor-element.elementor-element-1c28467{--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16858 .elementor-element.elementor-element-0df8230{--min-height:0px;}}@media(max-width:767px){.elementor-16858 .elementor-element.elementor-element-d2cef03 .swiper-slide-contents{max-width:100000%;}.elementor-16858 .elementor-element.elementor-element-0df8230{--width:110px;}.elementor-16858 .elementor-element.elementor-element-8ee219d{--width:121px;}}/* Start custom CSS for slides, class: .elementor-element-d2cef03 */.elementor-16858 .elementor-element.elementor-element-d2cef03 .elementor-slide-heading, .elementor-16858 .elementor-element.elementor-element-d2cef03 .swiper-slide .elementor-slide-heading { font-size: clamp(60px, 9vw, 140px) !important; line-height: 0.9 !important; font-weight: 600 !important; letter-spacing: -0.05em !important; } @media (max-width: 767px) { .elementor-16858 .elementor-element.elementor-element-d2cef03 .elementor-slide-heading, .elementor-16858 .elementor-element.elementor-element-d2cef03 .swiper-slide .elementor-slide-heading { font-size: 55px !important; line-height: 0.95 !important; letter-spacing: -0.03em !important; } } .elementor-16858 .elementor-element.elementor-element-d2cef03 { animation: bannerFade linear both; animation-timeline: scroll(root); animation-range: 0px 500px; will-change: opacity, filter; } @keyframes bannerFade { from { opacity: 1; filter: blur(0px); } to { opacity: 0; filter: blur(10px); } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-67aa0f4 */.elementor-16858 .elementor-element.elementor-element-67aa0f4 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-67aa0f4 img{ transition: 0.5s ease; } .elementor-16858 .elementor-element.elementor-element-67aa0f4 img { -webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent), linear-gradient(to right, transparent, black 15%, black 85%, transparent); mask-image: linear-gradient(to right, black 40%, transparent 100%); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1af8254 *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 h1, .elementor-16858 .elementor-element.elementor-element-1af8254 h2, .elementor-16858 .elementor-element.elementor-element-1af8254 h3, .elementor-16858 .elementor-element.elementor-element-1af8254 h4, .elementor-16858 .elementor-element.elementor-element-1af8254 h5, .elementor-16858 .elementor-element.elementor-element-1af8254 h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-1af8254 p, .elementor-16858 .elementor-element.elementor-element-1af8254 li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-1af8254 { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-1af8254 { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-1af8254 { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-1af8254:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-1af8254 { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-1af8254:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-1af8254::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-1af8254 .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-1af8254, .elementor-16858 .elementor-element.elementor-element-1af8254:hover, .elementor-16858 .elementor-element.elementor-element-1af8254:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-1af8254::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be8b416 *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 h1, .elementor-16858 .elementor-element.elementor-element-be8b416 h2, .elementor-16858 .elementor-element.elementor-element-be8b416 h3, .elementor-16858 .elementor-element.elementor-element-be8b416 h4, .elementor-16858 .elementor-element.elementor-element-be8b416 h5, .elementor-16858 .elementor-element.elementor-element-be8b416 h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-be8b416 p, .elementor-16858 .elementor-element.elementor-element-be8b416 li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-be8b416 { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-be8b416 { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-be8b416 { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-be8b416:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-be8b416 { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-be8b416:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-be8b416::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-be8b416 .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-be8b416, .elementor-16858 .elementor-element.elementor-element-be8b416:hover, .elementor-16858 .elementor-element.elementor-element-be8b416:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-be8b416::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c39bed *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed h1, .elementor-16858 .elementor-element.elementor-element-5c39bed h2, .elementor-16858 .elementor-element.elementor-element-5c39bed h3, .elementor-16858 .elementor-element.elementor-element-5c39bed h4, .elementor-16858 .elementor-element.elementor-element-5c39bed h5, .elementor-16858 .elementor-element.elementor-element-5c39bed h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-5c39bed p, .elementor-16858 .elementor-element.elementor-element-5c39bed li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-5c39bed { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-5c39bed { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-5c39bed { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-5c39bed:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-5c39bed { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-5c39bed:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-5c39bed::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-5c39bed .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-5c39bed, .elementor-16858 .elementor-element.elementor-element-5c39bed:hover, .elementor-16858 .elementor-element.elementor-element-5c39bed:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-5c39bed::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fbed078 *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 h1, .elementor-16858 .elementor-element.elementor-element-fbed078 h2, .elementor-16858 .elementor-element.elementor-element-fbed078 h3, .elementor-16858 .elementor-element.elementor-element-fbed078 h4, .elementor-16858 .elementor-element.elementor-element-fbed078 h5, .elementor-16858 .elementor-element.elementor-element-fbed078 h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-fbed078 p, .elementor-16858 .elementor-element.elementor-element-fbed078 li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-fbed078 { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-fbed078 { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-fbed078 { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-fbed078:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-fbed078 { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-fbed078:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-fbed078::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-fbed078 .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-fbed078, .elementor-16858 .elementor-element.elementor-element-fbed078:hover, .elementor-16858 .elementor-element.elementor-element-fbed078:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-fbed078::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b61f0d7 *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 h1, .elementor-16858 .elementor-element.elementor-element-b61f0d7 h2, .elementor-16858 .elementor-element.elementor-element-b61f0d7 h3, .elementor-16858 .elementor-element.elementor-element-b61f0d7 h4, .elementor-16858 .elementor-element.elementor-element-b61f0d7 h5, .elementor-16858 .elementor-element.elementor-element-b61f0d7 h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-b61f0d7 p, .elementor-16858 .elementor-element.elementor-element-b61f0d7 li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-b61f0d7 { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-b61f0d7 { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-b61f0d7 { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-b61f0d7:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-b61f0d7 { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-b61f0d7:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-b61f0d7::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-b61f0d7 .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-b61f0d7, .elementor-16858 .elementor-element.elementor-element-b61f0d7:hover, .elementor-16858 .elementor-element.elementor-element-b61f0d7:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-b61f0d7::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a7316c2 *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 h1, .elementor-16858 .elementor-element.elementor-element-a7316c2 h2, .elementor-16858 .elementor-element.elementor-element-a7316c2 h3, .elementor-16858 .elementor-element.elementor-element-a7316c2 h4, .elementor-16858 .elementor-element.elementor-element-a7316c2 h5, .elementor-16858 .elementor-element.elementor-element-a7316c2 h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-a7316c2 p, .elementor-16858 .elementor-element.elementor-element-a7316c2 li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-a7316c2 { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-a7316c2 { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-a7316c2 { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-a7316c2:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-a7316c2 { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-a7316c2:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-a7316c2::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-a7316c2 .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-a7316c2, .elementor-16858 .elementor-element.elementor-element-a7316c2:hover, .elementor-16858 .elementor-element.elementor-element-a7316c2:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-a7316c2::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c0df1a1 *//* ============================================================== ULTRA EXTREME LIQUID GLASS -------------------------------------------------------------- Elementor Container CLEAR GLASS / TRANSPARENT GLASS NO FROST NO BACKDROP BLUR ============================================================= */ /* ============================================================== 01 — MASTER GLASS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 { position: relative; isolation: isolate; width: 100%; box-sizing: border-box; overflow: hidden; border-radius: 38px; /* ========================================================== GLASS SURFACE ========================================================== */ background: /* ------------------------------------------------------ 01A — TOP SKY LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 100% 48% at 50% -24%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.30) 16%, rgba(255,255,255,0.12) 34%, rgba(255,255,255,0.035) 55%, transparent 78% ), /* ------------------------------------------------------ 01B — UPPER LEFT VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.19) 22%, rgba(255,255,255,0.055) 48%, transparent 76% ), /* ------------------------------------------------------ 01C — LEFT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 30% 90% at -8% 55%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 35%, transparent 75% ), /* ------------------------------------------------------ 01D — RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.085) 30%, rgba(255,255,255,0.025) 50%, transparent 76% ), /* ------------------------------------------------------ 01E — BOTTOM LIGHT ------------------------------------------------------ */ radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0.105) 27%, rgba(255,255,255,0.025) 52%, transparent 78% ), /* ------------------------------------------------------ 01F — TOP RIGHT SPECULAR ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 96% 0%, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.095) 30%, transparent 72% ), /* ------------------------------------------------------ 01G — CENTER GLASS VOLUME ------------------------------------------------------ */ radial-gradient( ellipse 90% 85% at 50% 48%, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.012) 40%, transparent 73% ), /* ------------------------------------------------------ 01H — LOWER INTERNAL SHADOW ------------------------------------------------------ */ radial-gradient( ellipse 85% 35% at 50% 115%, rgba(0,0,0,0.045) 0%, transparent 72% ), /* ------------------------------------------------------ 01I — MAIN GLASS ------------------------------------------------------ */ linear-gradient( 135deg, rgba(255,255,255,0.29) 0%, rgba(255,255,255,0.19) 11%, rgba(255,255,255,0.085) 26%, rgba(255,255,255,0.028) 43%, rgba(255,255,255,0.012) 56%, rgba(255,255,255,0.048) 69%, rgba(255,255,255,0.135) 86%, rgba(255,255,255,0.25) 100% ); /* ========================================================== GLASS BORDER ========================================================== */ border-top: 1px solid rgba(255,255,255,0.58); border-left: 1px solid rgba(255,255,255,0.45); border-right: 1px solid rgba(255,255,255,0.27); border-bottom: 1px solid rgba(255,255,255,0.20); /* ========================================================== IMPORTANT — NO FROST ========================================================== */ backdrop-filter: none; -webkit-backdrop-filter: none; /* ========================================================== GLASS DEPTH ========================================================== */ box-shadow: /* ------------------------------------------------------ TOP RIM ------------------------------------------------------ */ inset 0 1px 0 rgba(255,255,255,0.98), /* ------------------------------------------------------ UPPER INTERNAL GLOW ------------------------------------------------------ */ inset 0 5px 15px rgba(255,255,255,0.10), /* ------------------------------------------------------ LEFT EDGE ------------------------------------------------------ */ inset 1px 0 0 rgba(255,255,255,0.42), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ inset -1px 0 0 rgba(255,255,255,0.12), /* ------------------------------------------------------ BOTTOM EDGE ------------------------------------------------------ */ inset 0 -1px 0 rgba(0,0,0,0.13), /* ------------------------------------------------------ INNER VOLUME ------------------------------------------------------ */ inset 0 0 50px rgba(255,255,255,0.028), /* ------------------------------------------------------ LOWER DEPTH ------------------------------------------------------ */ inset 0 -30px 50px rgba(0,0,0,0.028), /* ------------------------------------------------------ FLOATING SHADOW ------------------------------------------------------ */ 0 24px 65px rgba(0,0,0,0.15), /* ------------------------------------------------------ CONTACT SHADOW ------------------------------------------------------ */ 0 6px 20px rgba(0,0,0,0.075); /* ========================================================== GPU / PERFORMANCE ========================================================== */ transform: translate3d(0,0,0); backface-visibility: hidden; -webkit-backface-visibility: hidden; will-change: transform, box-shadow, border-color; /* ========================================================== TRANSITION ========================================================== */ transition: transform 0.8s cubic-bezier(.16,1,.3,1), box-shadow 0.8s cubic-bezier(.16,1,.3,1), border-color 0.7s ease; } /* ============================================================== 02 — PRIMARY LIQUID REFLECTION ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1::before { content: ""; position: absolute; z-index: 1; pointer-events: none; width: 250%; height: 320%; top: -110%; left: -76%; background: linear-gradient( 108deg, transparent 25%, rgba(255,255,255,0.003) 34%, rgba(255,255,255,0.012) 38%, rgba(255,255,255,0.035) 42%, rgba(255,255,255,0.24) 47%, rgba(255,255,255,0.13) 49%, rgba(255,255,255,0.045) 52%, rgba(255,255,255,0.012) 56%, transparent 65% ); transform: translate3d(-24%,0,0) rotate(-14deg); opacity: 0.58; animation: premiumGlassReflection 14s cubic-bezier(.45,0,.55,1) infinite; } @keyframes premiumGlassReflection { 0% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } 20% { opacity: 0.40; } 50% { transform: translate3d(25%,0,0) rotate(-14deg); opacity: 0.82; } 75% { opacity: 0.42; } 100% { transform: translate3d(-25%,0,0) rotate(-14deg); opacity: 0.24; } } /* ============================================================== 03 — SECOND LIGHT RIBBON ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container::before { content: ""; position: absolute; z-index: 30; pointer-events: none; width: 180%; height: 130%; top: -15%; left: -40%; background: linear-gradient( 116deg, transparent 39%, rgba(255,255,255,0.008) 42%, rgba(255,255,255,0.035) 45%, rgba(255,255,255,0.13) 48%, rgba(255,255,255,0.035) 51%, transparent 55% ); transform: translateX(-18%); opacity: 0.48; animation: glassRibbon 17s ease-in-out infinite; } @keyframes glassRibbon { 0% { transform: translateX(-18%); } 50% { transform: translateX(18%); } 100% { transform: translateX(-18%); } } /* ============================================================== 04 — SPECULAR SURFACE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1::after { content: ""; position: absolute; inset: 0; z-index: 5; pointer-events: none; border-radius: inherit; background: /* ------------------------------------------------------ UPPER LEFT GLARE ------------------------------------------------------ */ radial-gradient( ellipse 58% 42% at 2% -2%, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0.23) 18%, rgba(255,255,255,0.065) 42%, transparent 74% ), /* ------------------------------------------------------ TOP CENTER GLARE ------------------------------------------------------ */ radial-gradient( ellipse 70% 20% at 50% -5%, rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.11) 32%, transparent 72% ), /* ------------------------------------------------------ TOP RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 38% 48% at 98% 0%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.075) 32%, transparent 74% ), /* ------------------------------------------------------ RIGHT EDGE ------------------------------------------------------ */ radial-gradient( ellipse 24% 72% at 104% 50%, rgba(255,255,255,0.17) 0%, rgba(255,255,255,0.045) 40%, transparent 78% ), /* ------------------------------------------------------ BOTTOM RIGHT ------------------------------------------------------ */ radial-gradient( ellipse 52% 34% at 100% 101%, rgba(255,255,255,0.21) 0%, rgba(255,255,255,0.065) 35%, transparent 76% ), /* ------------------------------------------------------ CENTER MICRO HIGHLIGHT ------------------------------------------------------ */ radial-gradient( ellipse 75% 65% at 50% 48%, rgba(255,255,255,0.018) 0%, transparent 70% ); border: 1px solid rgba(255,255,255,0.14); } /* ============================================================== 05 — INNER GLASS FRAME ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container::after { content: ""; position: absolute; pointer-events: none; z-index: 40; inset: 6px; border-radius: 31px; border: 1px solid rgba(255,255,255,0.065); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18), inset 0 -1px 0 rgba(0,0,0,0.025); } /* ============================================================== 06 — TOP GLASS RIM ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 { --glass-rim-opacity: 0.90; } .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container { position: relative; } .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container > * { position: relative; z-index: 50; } /* Thin light across the upper edge */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container { border-top: 1px solid rgba(255,255,255,0.025); } /* ============================================================== 07 — CONTENT ABOVE ALL EFFECTS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 > * { position: relative; z-index: 20; } /* ============================================================== 08 — TYPOGRAPHIC GLASS DEPTH ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 h1, .elementor-16858 .elementor-element.elementor-element-c0df1a1 h2, .elementor-16858 .elementor-element.elementor-element-c0df1a1 h3, .elementor-16858 .elementor-element.elementor-element-c0df1a1 h4, .elementor-16858 .elementor-element.elementor-element-c0df1a1 h5, .elementor-16858 .elementor-element.elementor-element-c0df1a1 h6 { text-shadow: 0 1px 1px rgba(255,255,255,0.26), 0 2px 5px rgba(0,0,0,0.09); } .elementor-16858 .elementor-element.elementor-element-c0df1a1 p, .elementor-16858 .elementor-element.elementor-element-c0df1a1 li { text-shadow: 0 1px 2px rgba(0,0,0,0.055); } /* ============================================================== 09 — FLOATING HOVER ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1:hover { transform: translate3d(0,-8px,0) scale(1.01); border-top-color: rgba(255,255,255,0.75); border-left-color: rgba(255,255,255,0.57); border-right-color: rgba(255,255,255,0.34); border-bottom-color: rgba(255,255,255,0.24); box-shadow: /* TOP RIM */ inset 0 1px 0 rgba(255,255,255,1), /* TOP VOLUME */ inset 0 5px 17px rgba(255,255,255,0.13), /* LEFT EDGE */ inset 1px 0 0 rgba(255,255,255,0.50), /* RIGHT EDGE */ inset -1px 0 0 rgba(255,255,255,0.15), /* BOTTOM */ inset 0 -1px 0 rgba(0,0,0,0.06), /* INNER GLOW */ inset 0 0 70px rgba(255,255,255,0.065), /* LOWER DEPTH */ inset 0 -30px 50px rgba(0,0,0,0.018), /* FLOATING SHADOW */ 0 42px 105px rgba(0,0,0,0.22), /* CONTACT SHADOW */ 0 12px 28px rgba(0,0,0,0.11); } /* ============================================================== 10 — HOVER SPECULAR BOOST ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1:hover::after { border-color: rgba(255,255,255,0.22); } /* ============================================================== 11 — ACTIVE / PRESS ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1:active { transform: translate3d(0,-2px,0) scale(0.997); box-shadow: inset 0 2px 5px rgba(255,255,255,0.48), inset 0 -2px 5px rgba(0,0,0,0.11), 0 15px 38px rgba(0,0,0,0.13); } /* ============================================================== 12 — OUTER MICRO CONTOUR ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 { outline: 1px solid rgba(255,255,255,0.038); outline-offset: -7px; } /* ============================================================== 13 — VERY SUBTLE GLASS GLOW ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 { filter: none; } /* ============================================================== 14 — LIGHT ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: light) { .elementor-16858 .elementor-element.elementor-element-c0df1a1 { border-top-color: rgba(255,255,255,0.62); border-left-color: rgba(255,255,255,0.48); border-right-color: rgba(255,255,255,0.29); border-bottom-color: rgba(255,255,255,0.20); } } /* ============================================================== 15 — DARK ENVIRONMENT ============================================================== */ @media (prefers-color-scheme: dark) { .elementor-16858 .elementor-element.elementor-element-c0df1a1 { background: radial-gradient( ellipse 100% 48% at 50% -22%, rgba(255,255,255,0.34), transparent 76% ), radial-gradient( ellipse 48% 85% at -9% 5%, rgba(255,255,255,0.23), transparent 76% ), radial-gradient( ellipse 38% 85% at 108% 45%, rgba(255,255,255,0.16), transparent 76% ), radial-gradient( ellipse 95% 42% at 50% 116%, rgba(255,255,255,0.15), transparent 76% ), linear-gradient( 135deg, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.085) 25%, rgba(255,255,255,0.018) 55%, rgba(255,255,255,0.10) 82%, rgba(255,255,255,0.18) 100% ); border-color: rgba(255,255,255,0.32); box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.22), inset 0 0 55px rgba(255,255,255,0.025), 0 30px 80px rgba(0,0,0,0.34); } } /* ============================================================== 16 — TABLET ============================================================== */ @media (min-width:768px) and (max-width:1024px) { .elementor-16858 .elementor-element.elementor-element-c0df1a1 { border-radius: 30px; } .elementor-16858 .elementor-element.elementor-element-c0df1a1:hover { transform: translate3d(0,-5px,0) scale(1.006); } } /* ============================================================== 17 — MOBILE ============================================================== */ @media (max-width:767px) { .elementor-16858 .elementor-element.elementor-element-c0df1a1 { border-radius: 25px; outline-offset: -5px; } .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container::after { inset: 4px; border-radius: 21px; } .elementor-16858 .elementor-element.elementor-element-c0df1a1:hover { transform: translate3d(0,-3px,0); box-shadow: inset 0 1px 0 rgba(255,255,255,0.85), inset 1px 0 0 rgba(255,255,255,0.30), inset 0 -1px 0 rgba(0,0,0,0.08), inset 0 0 35px rgba(255,255,255,0.025), 0 18px 45px rgba(0,0,0,0.14); } } /* ============================================================== 18 — REDUCED MOTION ============================================================== */ @media (prefers-reduced-motion:reduce) { .elementor-16858 .elementor-element.elementor-element-c0df1a1::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-c0df1a1 .elementor-widget-container::before { animation: none; } .elementor-16858 .elementor-element.elementor-element-c0df1a1, .elementor-16858 .elementor-element.elementor-element-c0df1a1:hover, .elementor-16858 .elementor-element.elementor-element-c0df1a1:active { transition: none; transform: none; } } /* ============================================================== 19 — ANTI ALIASING ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; } /* ============================================================== 20 — FINAL GLASS EDGE BALANCE ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1:hover { border-top-color: rgba(255,255,255,0.78); border-left-color: rgba(255,255,255,0.60); border-right-color: rgba(255,255,255,0.38); border-bottom-color: rgba(255,255,255,0.26); } /* ============================================================== 21 — KEEP THE GLASS CLEAN ============================================================== */ .elementor-16858 .elementor-element.elementor-element-c0df1a1::marker { display: none; } /* ============================================================== 22 — END OF ULTRA LIQUID GLASS ============================================================== *//* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2ef4f76 */.elementor-16858 .elementor-element.elementor-element-2ef4f76 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-2ef4f76 img{ transition: 0.5s ease; } .elementor-16858 .elementor-element.elementor-element-2ef4f76 img { -webkit-mask-image: linear-gradient(to bottom, transparent, black 15%, black 85%, transparent), linear-gradient(to right, transparent, black 15%, black 85%, transparent); mask-image: linear-gradient(to left, black 40%, transparent 100%); }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5a31dc0 */.elementor-16858 .elementor-element.elementor-element-5a31dc0 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-5a31dc0 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8a308b0 */.elementor-16858 .elementor-element.elementor-element-8a308b0 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-8a308b0 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9013c3f */.elementor-16858 .elementor-element.elementor-element-9013c3f img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-9013c3f img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5d54698 */.elementor-16858 .elementor-element.elementor-element-5d54698 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-5d54698 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-df15ac8 */.elementor-16858 .elementor-element.elementor-element-df15ac8 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-df15ac8 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-d930590 */.elementor-16858 .elementor-element.elementor-element-d930590 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-d930590 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-774b6d6 */.elementor-16858 .elementor-element.elementor-element-774b6d6 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-774b6d6 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-13b5325 */.elementor-16858 .elementor-element.elementor-element-13b5325 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-13b5325 img{ transition: 0.5s ease; }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b271972 */.elementor-16858 .elementor-element.elementor-element-b271972 img:hover{ transform: scale(1.1); } .elementor-16858 .elementor-element.elementor-element-b271972 img{ transition: 0.5s ease; }/* End custom CSS */