.elementor-3692 .elementor-element.elementor-element-57ea137{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.53;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-57ea137:not(.elementor-motion-effects-element-type-background), .elementor-3692 .elementor-element.elementor-element-57ea137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.maribumi.com/wp-content/uploads/2026/05/pexels-eva-bronzini-7630006-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3692 .elementor-element.elementor-element-57ea137::before, .elementor-3692 .elementor-element.elementor-element-57ea137 > .elementor-background-video-container::before, .elementor-3692 .elementor-element.elementor-element-57ea137 > .e-con-inner > .elementor-background-video-container::before, .elementor-3692 .elementor-element.elementor-element-57ea137 > .elementor-background-slideshow::before, .elementor-3692 .elementor-element.elementor-element-57ea137 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3692 .elementor-element.elementor-element-57ea137 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000070 61%, #000000 100%);}.elementor-3692 .elementor-element.elementor-element-ef97e16{--display:flex;--min-height:100px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3692 .elementor-element.elementor-element-2cc2746{text-align:center;}.elementor-3692 .elementor-element.elementor-element-2cc2746 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-add3d70{text-align:center;}.elementor-3692 .elementor-element.elementor-element-add3d70 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;line-height:35px;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-9985ede{--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:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-9985ede:not(.elementor-motion-effects-element-type-background), .elementor-3692 .elementor-element.elementor-element-9985ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3692 .elementor-element.elementor-element-9efa818{--spacer-size:133px;}.elementor-3692 .elementor-element.elementor-element-9733256{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-cd9fbf5{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-9e0e3cb{--display:flex;--min-height:310px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-dd801e6{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-c72b5d6 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-d527d1d{text-align:center;}.elementor-3692 .elementor-element.elementor-element-d527d1d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3692 .elementor-element.elementor-element-60365ed{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-c1c60c9{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-ad80206{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-1711e63 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-674cbe0{text-align:center;}.elementor-3692 .elementor-element.elementor-element-674cbe0 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-5cba67e{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-e3e1859{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-e3e1859.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-f08a38c{width:var( --container-widget-width, 108.478% );max-width:108.478%;--container-widget-width:108.478%;--container-widget-flex-grow:0;text-align:center;}.elementor-3692 .elementor-element.elementor-element-f08a38c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-f08a38c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-80d9611{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-4dc9d68{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-57841cf{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-591d76a .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-454cdf7{text-align:center;}.elementor-3692 .elementor-element.elementor-element-454cdf7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-af1d9b7{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-cee44ac{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-52e27be{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-f3157a6 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-2bd2e12{text-align:center;}.elementor-3692 .elementor-element.elementor-element-2bd2e12 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-3621e9f{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-d57aac7{--spacer-size:133px;}.elementor-3692 .elementor-element.elementor-element-041ffaf{--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:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-041ffaf:not(.elementor-motion-effects-element-type-background), .elementor-3692 .elementor-element.elementor-element-041ffaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3692 .elementor-element.elementor-element-2db8324{--spacer-size:133px;}.elementor-3692 .elementor-element.elementor-element-5ffe6d8{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-4a1bbbe{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-4a1bbbe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-e73eebd{width:var( --container-widget-width, 108.478% );max-width:108.478%;--container-widget-width:108.478%;--container-widget-flex-grow:0;text-align:center;}.elementor-3692 .elementor-element.elementor-element-e73eebd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-e73eebd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-c27b90d{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-27e4c56{--display:flex;--min-height:310px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-431775a{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-21fc43e .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-33a4c8d{text-align:center;}.elementor-3692 .elementor-element.elementor-element-33a4c8d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-e9e3df3{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-84d6800{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-8038e0d{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-3dd2358 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-658f29b{text-align:center;}.elementor-3692 .elementor-element.elementor-element-658f29b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-031afcb{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-90bb069{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-484a86a{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-9188387{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-2ce693f .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-d13f9e6{text-align:center;}.elementor-3692 .elementor-element.elementor-element-d13f9e6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-0b1097a{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-c211bdc{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-62b98dc{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-6ee46ed .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-51f57f6{text-align:center;}.elementor-3692 .elementor-element.elementor-element-51f57f6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-0ecc645{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-3bc09ef{--spacer-size:133px;}.elementor-3692 .elementor-element.elementor-element-db1b08d{--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:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-db1b08d:not(.elementor-motion-effects-element-type-background), .elementor-3692 .elementor-element.elementor-element-db1b08d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-3692 .elementor-element.elementor-element-0f9a582{--spacer-size:133px;}.elementor-3692 .elementor-element.elementor-element-e8dfbc5{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-f50232c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-f50232c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-3a587d7{width:var( --container-widget-width, 108.478% );max-width:108.478%;--container-widget-width:108.478%;--container-widget-flex-grow:0;text-align:center;}.elementor-3692 .elementor-element.elementor-element-3a587d7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-3a587d7 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-3222664{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-41e08c3{--display:flex;--min-height:310px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-6d33d01{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-0c3cbae .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-302be8b{text-align:center;}.elementor-3692 .elementor-element.elementor-element-302be8b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-934315f{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-ccf99a6{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-2fb2456{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-2de4439 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-477b59d{text-align:center;}.elementor-3692 .elementor-element.elementor-element-477b59d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-4625350{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-1068594{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-220c672{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-e698284{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-f2c82b5 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-b08e2eb{text-align:center;}.elementor-3692 .elementor-element.elementor-element-b08e2eb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-6cd1a5a{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-1b0cf14{--display:flex;--min-height:310px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );overflow:visible;}.elementor-3692 .elementor-element.elementor-element-a4b0ea5{--display:flex;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-23c14c6 .elementor-heading-title{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-9008e42{text-align:center;}.elementor-3692 .elementor-element.elementor-element-9008e42 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-bb40d80{padding:10px 10px 10px 10px;text-align:center;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-013ee31{--spacer-size:133px;}.elementor-3692 .elementor-element.elementor-element-d235ac9{--display:flex;--min-height:80vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--border-radius:0px 0px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-7068455{width:var( --container-widget-width, 82.118% );max-width:82.118%;--container-widget-width:82.118%;--container-widget-flex-grow:0;text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;line-height:25px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-7068455.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-7068455 p{margin-block-end:0px;}.elementor-3692 .elementor-element.elementor-element-d64e74f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-d64e74f.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3692 .elementor-element.elementor-element-1c89955 .elementor-button{background-color:#5F5F8B00;border-style:solid;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;padding:17px 25px 17px 25px;}.elementor-3692 .elementor-element.elementor-element-1c89955{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3692 .elementor-element.elementor-element-1c89955 .elementor-button:hover, .elementor-3692 .elementor-element.elementor-element-1c89955 .elementor-button:focus{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-1c89955 .elementor-button:hover svg, .elementor-3692 .elementor-element.elementor-element-1c89955 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-c0102c6 .elementor-button{background-color:#5F5F8B00;border-style:solid;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;padding:17px 25px 17px 25px;}.elementor-3692 .elementor-element.elementor-element-c0102c6{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3692 .elementor-element.elementor-element-c0102c6 .elementor-button:hover, .elementor-3692 .elementor-element.elementor-element-c0102c6 .elementor-button:focus{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-c0102c6 .elementor-button:hover svg, .elementor-3692 .elementor-element.elementor-element-c0102c6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-7902520{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-8d465ba .elementor-button{background-color:#5F5F8B00;border-style:solid;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;padding:17px 25px 17px 25px;}.elementor-3692 .elementor-element.elementor-element-8d465ba{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3692 .elementor-element.elementor-element-8d465ba .elementor-button:hover, .elementor-3692 .elementor-element.elementor-element-8d465ba .elementor-button:focus{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-8d465ba .elementor-button:hover svg, .elementor-3692 .elementor-element.elementor-element-8d465ba .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-0dc555a .elementor-button{background-color:#5F5F8B00;border-style:solid;border-width:2px 2px 2px 2px;border-radius:50px 50px 50px 50px;padding:17px 25px 17px 25px;}.elementor-3692 .elementor-element.elementor-element-0dc555a{width:var( --container-widget-width, 10.5% );max-width:10.5%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:10.5%;--container-widget-flex-grow:0;}.elementor-3692 .elementor-element.elementor-element-0dc555a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3692 .elementor-element.elementor-element-0dc555a .elementor-button:hover, .elementor-3692 .elementor-element.elementor-element-0dc555a .elementor-button:focus{color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-0dc555a .elementor-button:hover svg, .elementor-3692 .elementor-element.elementor-element-0dc555a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-d954491{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3692 .elementor-element.elementor-element-d954491:not(.elementor-motion-effects-element-type-background), .elementor-3692 .elementor-element.elementor-element-d954491 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3692 .elementor-element.elementor-element-2ae4bf8{text-align:center;}.elementor-3692 .elementor-element.elementor-element-2ae4bf8 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}.elementor-3692 .elementor-element.elementor-element-ee0ef7b{--e-image-carousel-slides-to-show:3;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3692 .elementor-element.elementor-element-ee0ef7b .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;}.elementor-3692 .elementor-element.elementor-element-ee0ef7b .elementor-image-carousel-caption{text-align:center;color:#000000;font-family:"Poppins", Sans-serif;margin-block-start:8px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3692 .elementor-element.elementor-element-57ea137{--min-height:500px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3692 .elementor-element.elementor-element-e8dfbc5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-3692 .elementor-element.elementor-element-3222664{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-1068594{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-d235ac9{--min-height:500px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-3692 .elementor-element.elementor-element-57ea137{--min-height:800px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-3692 .elementor-element.elementor-element-2cc2746{text-align:center;}.elementor-3692 .elementor-element.elementor-element-2cc2746 .elementor-heading-title{font-size:30px;}.elementor-3692 .elementor-element.elementor-element-add3d70 .elementor-heading-title{font-size:16px;}.elementor-3692 .elementor-element.elementor-element-9985ede{--border-radius:0px 0px 0px 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3692 .elementor-element.elementor-element-041ffaf{--border-radius:0px 0px 0px 0px;}.elementor-3692 .elementor-element.elementor-element-4a1bbbe{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-e73eebd .elementor-heading-title{font-size:30px;}.elementor-3692 .elementor-element.elementor-element-c27b90d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-90bb069{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-3bc09ef{--spacer-size:216px;}.elementor-3692 .elementor-element.elementor-element-db1b08d{--border-radius:0px 0px 0px 0px;}.elementor-3692 .elementor-element.elementor-element-f50232c{--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-3a587d7 .elementor-heading-title{font-size:30px;}.elementor-3692 .elementor-element.elementor-element-3222664{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-1068594{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-013ee31{--spacer-size:216px;}.elementor-3692 .elementor-element.elementor-element-d235ac9{--min-height:450px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3692 .elementor-element.elementor-element-7068455{font-size:14px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-3692 .elementor-element.elementor-element-7902520{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3692 .elementor-element.elementor-element-0dc555a{width:var( --container-widget-width, 108.1px );max-width:108.1px;--container-widget-width:108.1px;--container-widget-flex-grow:0;}.elementor-3692 .elementor-element.elementor-element-2ae4bf8 .elementor-heading-title{font-size:25px;}.elementor-3692 .elementor-element.elementor-element-ee0ef7b{--e-image-carousel-slides-to-show:1;}}@media(min-width:768px){.elementor-3692 .elementor-element.elementor-element-ef97e16{--width:68%;}.elementor-3692 .elementor-element.elementor-element-9e0e3cb{--width:100%;}.elementor-3692 .elementor-element.elementor-element-e3e1859{--width:26.238%;}.elementor-3692 .elementor-element.elementor-element-4dc9d68{--width:100%;}.elementor-3692 .elementor-element.elementor-element-4a1bbbe{--width:26.238%;}.elementor-3692 .elementor-element.elementor-element-27e4c56{--width:100%;}.elementor-3692 .elementor-element.elementor-element-84d6800{--width:100%;}.elementor-3692 .elementor-element.elementor-element-f50232c{--width:26.238%;}.elementor-3692 .elementor-element.elementor-element-41e08c3{--width:100%;}.elementor-3692 .elementor-element.elementor-element-ccf99a6{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3692 .elementor-element.elementor-element-f50232c{--width:608px;}}/* Start custom CSS for heading, class: .elementor-element-add3d70 */.gradient-text { background: linear-gradient(90deg, #34E89E, #0F9BFF, #34E89E); background-size: 200% 200%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: gradientMove 3s ease infinite; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9774fa6 */.text-reveal { display: inline-block; opacity: 0; filter: blur(6px); clip-path: inset(0 100% 0 0); transition: all 1.8s cubic-bezier(0.22, 1, 0.36, 1); } .text-reveal.active { opacity: 1; filter: blur(0); clip-path: inset(0 0 0 0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd801e6 *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9e0e3cb */.fibre-card.card-1 { border-radius: 0 40px 0 40px; background: radial-gradient(circle at top left, rgba(0,255,220,0.18), transparent 60%), radial-gradient(circle at bottom right, rgba(0,140,255,0.14), transparent 55%), linear-gradient(135deg, rgba(10,20,40,0.85), rgba(5,8,16,0.95)); border: 1px solid rgba(0,255,220,0.12); box-shadow: 0 0 25px rgba(0,255,220,0.10), 0 0 70px rgba(0,140,255,0.06); position: relative; } /* subtle internal energy pulse */ .fibre-card.card-1::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,255,220,0.08), transparent 60%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* activate internal glow on hover */ .fibre-card.card-1:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ad80206 *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c1c60c9 */.fibre-card.card-3 { border-radius: 40px 0 40px 0; background: radial-gradient(circle at 20% 30%, rgba(0,180,255,0.16), transparent 60%), radial-gradient(circle at 80% 70%, rgba(0,255,200,0.10), transparent 65%), linear-gradient(135deg, rgba(5,10,20,0.96), rgba(2,5,12,0.99)); border: 1px solid rgba(0,180,255,0.12); box-shadow: 0 0 35px rgba(0,180,255,0.10), 0 0 90px rgba(0,255,200,0.04); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f08a38c */.fiber-title { position: relative; display: inline-block; font-weight: 700; line-height: 0.95; letter-spacing: -0.05em; color: transparent; background: linear-gradient( 90deg, #ffffff 0%, #ffffff 30%, #6ee7ff 45%, #00ffcc 50%, #6ee7ff 55%, #ffffff 70%, #ffffff 100% ); background-size: 250% auto; background-position: 200% center; -webkit-background-clip: text; background-clip: text; animation: fiberSweep 4.5s cubic-bezier(.19,1,.22,1) forwards, titleBreath 6s ease-in-out infinite; filter: drop-shadow(0 0 12px rgba(0,255,220,0.15)); } /* SWEEP ANIMATION */ @keyframes fiberSweep { 0% { background-position: 200% center; transform: scale(1.08); filter: drop-shadow(0 0 0px rgba(0,255,220,0)); } 20% { filter: drop-shadow(0 0 18px rgba(0,255,220,0.45)) drop-shadow(0 0 40px rgba(0,180,255,0.35)); } 55% { background-position: 0% center; } 75% { color: transparent; } 100% { background-position: -200% center; color: #ffffff; -webkit-text-fill-color: #ffffff; transform: scale(1); filter: drop-shadow(0 0 8px rgba(255,255,255,0.08)); } } /* SUBTLE BREATHING */ @keyframes titleBreath { 0%,100% { transform: scale(1); } 50% { transform: scale(1.015); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dc9d68 */.fibre-card.card-2 { border-radius: 40px 0 40px 0; background: radial-gradient(circle at top left, rgba(0,255,200,0.22), transparent 55%), radial-gradient(circle at bottom right, rgba(0,120,255,0.18), transparent 60%), radial-gradient(circle at center, rgba(0,180,255,0.12), transparent 65%), linear-gradient(135deg, rgba(3,8,18,0.95), rgba(0,12,24,0.98)); border: 1px solid rgba(0,180,255,0.18); box-shadow: 0 0 30px rgba(0,255,200,0.10), 0 0 80px rgba(0,120,255,0.08); } /* subtle internal energy pulse */ .fibre-card.card-2::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,255,220,0.08), transparent 60%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* activate internal glow on hover */ .fibre-card.card-2:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-52e27be *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cee44ac */.fibre-card.card-4 { border-radius: 0 40px 0 40px; background: radial-gradient(circle at 30% 20%, rgba(0,255,220,0.18), transparent 55%), radial-gradient(circle at 80% 80%, rgba(140,120,255,0.16), transparent 60%), radial-gradient(circle at 50% 50%, rgba(0,140,255,0.10), transparent 65%), linear-gradient(135deg, rgba(3,6,14,0.96), rgba(0,0,0,0.98)); border: 1px solid rgba(120,120,255,0.18); box-shadow: 0 0 40px rgba(0,255,220,0.12), 0 0 100px rgba(120,120,255,0.10); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9985ede *//* BASE CARD */ .fibre-card { position: relative; border-radius: 0px; overflow: hidden; background: rgba(255,255,255,0.03); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,0.08); transition: transform 0.4s ease, box-shadow 0.4s ease; } /* HOVER LIFT */ .fibre-card:hover { transform: translateY(-6px); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 60px rgba(0,170,255,0.08); } /* OUTLINE */ .fibre-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient( 90deg, transparent, #00ffe0, #00aaff, #34E89E, transparent ); background-size: 300% 300%; background-position: 0% 50%; opacity: 0; pointer-events: none; /* IMPORTANT MASK */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* HOVER ANIMATION */ .fibre-card:hover::before { opacity: 0.6; animation: fiberFlow 5s linear infinite; } /* FLOW */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e73eebd *//* HERO TITLE */ .fiber-title { position: relative; display: inline-block; font-weight: 700; line-height: 0.95; letter-spacing: -0.05em; color: transparent; background: linear-gradient( 90deg, #ffffff 0%, #ffffff 30%, #6ee7ff 45%, #00ffcc 50%, #6ee7ff 55%, #ffffff 70%, #ffffff 100% ); background-size: 250% auto; background-position: 200% center; -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 12px rgba(0,255,220,0.15)); animation: none; } /* ACTIVE STATE */ .fiber-title.active { animation: fiberSweep 4.5s cubic-bezier(.19,1,.22,1) forwards, titleBreath 6s ease-in-out infinite; } /* SWEEP ANIMATION */ @keyframes fiberSweep { 0% { background-position: 200% center; transform: scale(1.08); filter: drop-shadow(0 0 0px rgba(0,255,220,0)); } 20% { filter: drop-shadow(0 0 18px rgba(0,255,220,0.45)) drop-shadow(0 0 40px rgba(0,180,255,0.35)); } 55% { background-position: 0% center; } 75% { color: transparent; } 100% { background-position: -200% center; color: #ffffff; -webkit-text-fill-color: #ffffff; transform: scale(1); filter: drop-shadow(0 0 8px rgba(255,255,255,0.08)); } } /* SUBTLE BREATHING */ @keyframes titleBreath { 0%,100% { transform: scale(1); } 50% { transform: scale(1.015); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-431775a *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-27e4c56 */.fibre-card.card-1 { border-radius: 0 40px 0 40px; background: radial-gradient(circle at top left, rgba(0,255,220,0.18), transparent 60%), radial-gradient(circle at bottom right, rgba(0,140,255,0.14), transparent 55%), linear-gradient(135deg, rgba(10,20,40,0.85), rgba(5,8,16,0.95)); border: 1px solid rgba(0,255,220,0.12); box-shadow: 0 0 25px rgba(0,255,220,0.10), 0 0 70px rgba(0,140,255,0.06); position: relative; } /* subtle internal energy pulse */ .fibre-card.card-1::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,255,220,0.08), transparent 60%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* activate internal glow on hover */ .fibre-card.card-1:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84d6800 */.fibre-card.card-2 { border-radius: 40px 0 40px 0; background: radial-gradient(circle at top left, rgba(0,255,200,0.22), transparent 55%), radial-gradient(circle at bottom right, rgba(0,120,255,0.18), transparent 60%), radial-gradient(circle at center, rgba(0,180,255,0.12), transparent 65%), linear-gradient(135deg, rgba(3,8,18,0.95), rgba(0,12,24,0.98)); border: 1px solid rgba(0,180,255,0.18); box-shadow: 0 0 30px rgba(0,255,200,0.10), 0 0 80px rgba(0,120,255,0.08); } /* subtle internal energy pulse */ .fibre-card.card-2::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,255,220,0.08), transparent 60%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* activate internal glow on hover */ .fibre-card.card-2:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9188387 *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-484a86a */.fibre-card.card-3 { border-radius: 40px 0 40px 0; background: radial-gradient(circle at 20% 30%, rgba(0,180,255,0.16), transparent 60%), radial-gradient(circle at 80% 70%, rgba(0,255,200,0.10), transparent 65%), linear-gradient(135deg, rgba(5,10,20,0.96), rgba(2,5,12,0.99)); border: 1px solid rgba(0,180,255,0.12); box-shadow: 0 0 35px rgba(0,180,255,0.10), 0 0 90px rgba(0,255,200,0.04); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-62b98dc *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c211bdc */.fibre-card.card-4 { border-radius: 0 40px 0 40px; background: radial-gradient(circle at 30% 20%, rgba(0,255,220,0.18), transparent 55%), radial-gradient(circle at 80% 80%, rgba(140,120,255,0.16), transparent 60%), radial-gradient(circle at 50% 50%, rgba(0,140,255,0.10), transparent 65%), linear-gradient(135deg, rgba(3,6,14,0.96), rgba(0,0,0,0.98)); border: 1px solid rgba(120,120,255,0.18); box-shadow: 0 0 40px rgba(0,255,220,0.12), 0 0 100px rgba(120,120,255,0.10); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-041ffaf *//* BASE CARD */ .fibre-card { position: relative; border-radius: 0px; overflow: hidden; background: rgba(255,255,255,0.03); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,0.08); transition: transform 0.4s ease, box-shadow 0.4s ease; } /* HOVER LIFT */ .fibre-card:hover { transform: translateY(-6px); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 60px rgba(0,170,255,0.08); } /* OUTLINE */ .fibre-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient( 90deg, transparent, #00ffe0, #00aaff, #34E89E, transparent ); background-size: 300% 300%; background-position: 0% 50%; opacity: 0; pointer-events: none; /* IMPORTANT MASK */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* HOVER ANIMATION */ .fibre-card:hover::before { opacity: 0.6; animation: fiberFlow 5s linear infinite; } /* FLOW */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3a587d7 *//* HERO TITLE */ .fiber-title { position: relative; display: inline-block; font-weight: 700; line-height: 0.95; letter-spacing: -0.05em; color: transparent; background: linear-gradient( 90deg, #ffffff 0%, #ffffff 30%, #6ee7ff 45%, #00ffcc 50%, #6ee7ff 55%, #ffffff 70%, #ffffff 100% ); background-size: 250% auto; background-position: 200% center; -webkit-background-clip: text; background-clip: text; filter: drop-shadow(0 0 12px rgba(0,255,220,0.15)); animation: none; } /* ACTIVE STATE */ .fiber-title.active { animation: fiberSweep 4.5s cubic-bezier(.19,1,.22,1) forwards, titleBreath 6s ease-in-out infinite; } /* SWEEP ANIMATION */ @keyframes fiberSweep { 0% { background-position: 200% center; transform: scale(1.08); filter: drop-shadow(0 0 0px rgba(0,255,220,0)); } 20% { filter: drop-shadow(0 0 18px rgba(0,255,220,0.45)) drop-shadow(0 0 40px rgba(0,180,255,0.35)); } 55% { background-position: 0% center; } 75% { color: transparent; } 100% { background-position: -200% center; color: #ffffff; -webkit-text-fill-color: #ffffff; transform: scale(1); filter: drop-shadow(0 0 8px rgba(255,255,255,0.08)); } } /* SUBTLE BREATHING */ @keyframes titleBreath { 0%,100% { transform: scale(1); } 50% { transform: scale(1.015); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6d33d01 *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-41e08c3 */.fibre-card.card-1 { border-radius: 0 40px 0 40px; background: radial-gradient(circle at top left, rgba(0,255,220,0.18), transparent 60%), radial-gradient(circle at bottom right, rgba(0,140,255,0.14), transparent 55%), linear-gradient(135deg, rgba(10,20,40,0.85), rgba(5,8,16,0.95)); border: 1px solid rgba(0,255,220,0.12); box-shadow: 0 0 25px rgba(0,255,220,0.10), 0 0 70px rgba(0,140,255,0.06); position: relative; } /* subtle internal energy pulse */ .fibre-card.card-1::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,255,220,0.08), transparent 60%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* activate internal glow on hover */ .fibre-card.card-1:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ccf99a6 */.fibre-card.card-2 { border-radius: 40px 0 40px 0; background: radial-gradient(circle at top left, rgba(0,255,200,0.22), transparent 55%), radial-gradient(circle at bottom right, rgba(0,120,255,0.18), transparent 60%), radial-gradient(circle at center, rgba(0,180,255,0.12), transparent 65%), linear-gradient(135deg, rgba(3,8,18,0.95), rgba(0,12,24,0.98)); border: 1px solid rgba(0,180,255,0.18); box-shadow: 0 0 30px rgba(0,255,200,0.10), 0 0 80px rgba(0,120,255,0.08); } /* subtle internal energy pulse */ .fibre-card.card-2::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(0,255,220,0.08), transparent 60%); opacity: 0; transition: opacity 0.6s ease; pointer-events: none; } /* activate internal glow on hover */ .fibre-card.card-2:hover::after { opacity: 1; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e698284 *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-220c672 */.fibre-card.card-3 { border-radius: 40px 0 40px 0; background: radial-gradient(circle at 20% 30%, rgba(0,180,255,0.16), transparent 60%), radial-gradient(circle at 80% 70%, rgba(0,255,200,0.10), transparent 65%), linear-gradient(135deg, rgba(5,10,20,0.96), rgba(2,5,12,0.99)); border: 1px solid rgba(0,180,255,0.12); box-shadow: 0 0 35px rgba(0,180,255,0.10), 0 0 90px rgba(0,255,200,0.04); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a4b0ea5 *//* ========================= LOGO BASE (GLASS CIRCLE) ========================= */ .fibre-logo { width: 100px; height: 100px; border-radius: 50%; position: relative; display: flex; align-items: center; justify-content: center; /* NAVY GLASS GRADIENT BASE */ background: linear-gradient( 135deg, rgba(8, 14, 28, 0.95), rgba(3, 8, 18, 0.95) ); backdrop-filter: blur(14px); border: 1px solid rgba(0, 255, 225, 0.5); overflow: hidden; transition: transform 0.4s ease, box-shadow 0.4s ease; } /* optional icon/image inside */ .fibre-logo img, .fibre-logo svg { width: 60%; height: 60%; object-fit: contain; z-index: 2; } /* ========================= FIBER OUTLINE (HIDDEN BY DEFAULT) ========================= */ .fibre-logo { position: relative; } /* OUTER FIBER RING */ .fibre-logo::before { content: ""; position: absolute; inset: 0; border-radius: 50%; padding: 1px; background: conic-gradient( from 0deg, #00ffe0, #00aaff, #34E89E, #00ffe0 ); opacity: 0; pointer-events: none; /* CRITICAL FIX */ -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); mask: radial-gradient(farthest-side, transparent calc(100% - 1px), #000 0); } .fibre-logo::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,220,0.15), transparent 70%); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } /* ========================= HOVER (ONLY WHEN CARD IS HOVERED) ========================= */ .fibre-card:hover .fibre-logo { transform: scale(1.08); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 40px rgba(0,170,255,0.10); } /* activate outline */ .fibre-card:hover .fibre-logo::before { opacity: 0.9; animation: fiberFlow 3s linear infinite; } /* activate glow */ .fibre-card:hover .fibre-logo::after { opacity: 0.8; } /* ========================= BORDER FLOW ANIMATION ========================= */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b0cf14 */.fibre-card.card-4 { border-radius: 0 40px 0 40px; background: radial-gradient(circle at 30% 20%, rgba(0,255,220,0.18), transparent 55%), radial-gradient(circle at 80% 80%, rgba(140,120,255,0.16), transparent 60%), radial-gradient(circle at 50% 50%, rgba(0,140,255,0.10), transparent 65%), linear-gradient(135deg, rgba(3,6,14,0.96), rgba(0,0,0,0.98)); border: 1px solid rgba(120,120,255,0.18); box-shadow: 0 0 40px rgba(0,255,220,0.12), 0 0 100px rgba(120,120,255,0.10); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-db1b08d *//* BASE CARD */ .fibre-card { position: relative; border-radius: 0px; overflow: hidden; background: rgba(255,255,255,0.03); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,0.08); transition: transform 0.4s ease, box-shadow 0.4s ease; } /* HOVER LIFT */ .fibre-card:hover { transform: translateY(-6px); box-shadow: 0 0 20px rgba(0,255,220,0.12), 0 0 60px rgba(0,170,255,0.08); } /* OUTLINE */ .fibre-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; background: linear-gradient( 90deg, transparent, #00ffe0, #00aaff, #34E89E, transparent ); background-size: 300% 300%; background-position: 0% 50%; opacity: 0; pointer-events: none; /* IMPORTANT MASK */ -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } /* HOVER ANIMATION */ .fibre-card:hover::before { opacity: 0.6; animation: fiberFlow 5s linear infinite; } /* FLOW */ @keyframes fiberFlow { 0% { background-position: 0% 50%; } 100% { background-position: 300% 50%; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c0102c6 */.gradient-borderCTA .elementor-button { display: inline-block; position: relative; z-index: 1; border: 2px solid #ffffff; /* default white border */ background: #0f172a; /* button fill */ overflow: hidden; } /* animated gradient border layer */ .gradient-borderCTA .elementor-button::before { content: ""; position: absolute; inset: -2px; border-radius: inherit; background: linear-gradient(90deg, #34E89E, #0F9BFF, #34E89E); background-size: 200% 200%; z-index: -1; opacity: 0; transition: opacity 0.3s ease; } /* keep inner clean */ .gradient-borderCTA .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: inherit; background: #0f172a; z-index: -1; } /* hover = show animated border */ .gradient-borderCTA:hover .elementor-button::before { opacity: 1; animation: borderFlow 2s linear infinite; } .gradient-borderCTA:hover .elementor-button { border-color: transparent; } /* gradient movement */ @keyframes borderFlow { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d235ac9 */.elementor-3692 .elementor-element.elementor-element-d235ac9 { position: relative; overflow: hidden; background: #000; } .elementor-3692 .elementor-element.elementor-element-d235ac9::before { content: ""; position: absolute; inset: 0%; z-index: 0; background: radial-gradient(circle at 45% 48%, rgba(0, 180, 255, 0.18) 0%, transparent 45%), radial-gradient(circle at 55% 52%, rgba(0, 245, 212, 0.12) 0%, transparent 40%), radial-gradient(circle at 65% 45%, rgba(0, 71, 171, 0.20) 0%, transparent 55%), radial-gradient(circle at 35% 65%, rgba(0, 34, 102, 0.25) 0%, transparent 50%); filter: blur(40px) contrast(1.3); animation: lavaFloat 12s ease-in-out infinite alternate; } /* top black fade */ .elementor-3692 .elementor-element.elementor-element-d235ac9::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 200px; z-index: 0; pointer-events: none; background: linear-gradient( to bottom, #000 0%, transparent 100% ); } /* keep content above */ .elementor-3692 .elementor-element.elementor-element-d235ac9 > * { position: relative; z-index: 1; } @keyframes lavaFloat { 0% { transform: translate(0%, 0%) scale(1); } 50% { transform: translate(10%, 5%) scale(1.15); } 100% { transform: translate(-10%, 20%) scale(1); } }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-ee0ef7b */.swiper-wrapper { transition-timing-function: linear !important; }7/* End custom CSS */