.elementor-2822 .elementor-element.elementor-element-2ec6d31b{--display:flex;--min-height:0vh;--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:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:1;--overlay-mix-blend-mode:multiply;--padding-top:220px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-2ec6d31b::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .elementor-background-video-container::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .e-con-inner > .elementor-background-video-container::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .elementor-background-slideshow::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(108deg, #000207C7 68%, #00000082 70%);}.elementor-2822 .elementor-element.elementor-element-2ec6d31b .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-2822 .elementor-element.elementor-element-1b93baf8{--display:flex;--min-height:568px;--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:flex-start;--align-items:flex-start;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:150px;--padding-right:150px;}.elementor-2822 .elementor-element.elementor-element-1b93baf8.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-6e325753{width:var( --container-widget-width, 110.397% );max-width:110.397%;background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;--container-widget-width:110.397%;--container-widget-flex-grow:0;background-image:linear-gradient(180deg, #526361 0%, #4F4F4F 100%);border-style:none;}.elementor-2822 .elementor-element.elementor-element-6e325753.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-6e325753 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;font-style:normal;line-height:25px;letter-spacing:1.1px;word-spacing:2px;-webkit-text-stroke-color:#000;stroke:#000;color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-af7c248{width:auto;max-width:auto;}.elementor-2822 .elementor-element.elementor-element-af7c248 .elementor-heading-title{font-family:"Instrument Sans", Sans-serif;font-size:72px;font-weight:700;line-height:80px;letter-spacing:-2.7px;color:#FFFFFF;}.elementor-2822 .elementor-element.elementor-element-17536a37{width:var( --container-widget-width, 115.806% );max-width:115.806%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:115.806%;--container-widget-flex-grow:0;columns:1;text-align:start;font-family:"Inter", Sans-serif;font-size:1.25rem;line-height:2.5rem;color:#BDBDBD;}.elementor-2822 .elementor-element.elementor-element-17536a37.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-17536a37 p{margin-block-end:20px;}.elementor-2822 .elementor-element.elementor-element-7009dd49{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-7009dd49:not(.elementor-motion-effects-element-type-background), .elementor-2822 .elementor-element.elementor-element-7009dd49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2822 .elementor-element.elementor-element-7009dd49.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-1d26bdc{--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;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:hidden;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-f4b2842{--display:flex;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:15px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 15px 20px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:25px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-title{margin-block-end:10px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon{font-size:60px;padding:12px;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-title, .elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-description{font-size:0.875rem;line-height:1.65rem;color:#8B8B8B;}.elementor-2822 .elementor-element.elementor-element-a28210d{--display:flex;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:15px;}.elementor-2822 .elementor-element.elementor-element-849729b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 15px 20px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:25px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-title{margin-block-end:10px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon{font-size:60px;padding:12px;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-title, .elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-description{font-size:0.875rem;line-height:1.65rem;color:#8B8B8B;}.elementor-2822 .elementor-element.elementor-element-98f3a86{--display:flex;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:15px;}.elementor-2822 .elementor-element.elementor-element-b5de444{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 15px 20px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:25px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-title{margin-block-end:10px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon{font-size:60px;padding:12px;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-title, .elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:1.25rem;font-weight:600;line-height:1.75rem;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-description{font-size:0.875rem;line-height:1.65rem;color:#8B8B8B;}.elementor-2822 .elementor-element.elementor-element-9259535{--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:flex-start;--align-items:flex-start;--gap:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-9259535.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-52c45fcf{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-2822 .elementor-element.elementor-element-52c45fcf.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-77e4d06{width:var( --container-widget-width, 102.724% );max-width:102.724%;--container-widget-width:102.724%;--container-widget-flex-grow:0;}.elementor-2822 .elementor-element.elementor-element-77e4d06.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-1a7f2c8{--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:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-2822 .elementor-element.elementor-element-6a8932c6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00F0FF;--border-color:#00F0FF;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-6a8932c6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-3f4e78a6{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2822 .elementor-element.elementor-element-3f4e78a6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-1daa1a2f{--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:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-3b400b86{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-3b400b86.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-a903124{--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:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-2822 .elementor-element.elementor-element-55f4ff8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00F0FF;--border-color:#00F0FF;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-55f4ff8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-3c7567a{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2822 .elementor-element.elementor-element-3c7567a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-621f06a{--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:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-2822 .elementor-element.elementor-element-57fe096{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:double;--border-style:double;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#00F0FF;--border-color:#00F0FF;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-57fe096.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-7c85f15{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2822 .elementor-element.elementor-element-7c85f15.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-d2ae67e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:80px 0px;--row-gap:80px;--column-gap:0px;--padding-top:120px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-678decaa{--display:flex;--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;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-678decaa.e-con{--align-self:center;}.elementor-2822 .elementor-element.elementor-element-11ddee4f{background-color:transparent;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #526361 0%, #4F4F4F 100%);border-style:none;}.elementor-2822 .elementor-element.elementor-element-11ddee4f .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;font-style:normal;line-height:25px;letter-spacing:1.1px;word-spacing:2px;-webkit-text-stroke-color:#000;stroke:#000;color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-4402b8e7{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2822 .elementor-element.elementor-element-4402b8e7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;}.elementor-2822 .elementor-element.elementor-element-2b5efbb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#8C8C8C;}.elementor-2822 .elementor-element.elementor-element-1fddf8e3{--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;--gap:19px 19px;--row-gap:19px;--column-gap:19px;--flex-wrap:nowrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-1fddf8e3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-526587fa{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;}.elementor-2822 .elementor-element.elementor-element-526587fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button .elementor-button-content-wrapper{gap:4px;}.elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button{fill:#FFFCFC;color:#FFFCFC;border-style:none;border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-2822 .elementor-element.elementor-element-2089cd .elementor-button{background-color:#00F0FF00;fill:#EEE9E9;color:#EEE9E9;border-style:solid;border-width:2px 2px 2px 2px;border-color:#00F0FF;border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-2822 .elementor-element.elementor-element-2089cd{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;}.elementor-2822 .elementor-element.elementor-element-2089cd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-2089cd .elementor-button-content-wrapper{flex-direction:row;}.elementor-2822 .elementor-element.elementor-element-2089cd .elementor-button .elementor-button-content-wrapper{gap:0px;}.elementor-2822 .elementor-element.elementor-element-4ce32a57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#00F0FF;--border-color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-6338efa6{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#00F0FF;--border-color:#00F0FF;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2822 .elementor-element.elementor-element-436437b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:5%;}.elementor-2822 .elementor-element.elementor-element-67705c44{text-align:start;}.elementor-2822 .elementor-element.elementor-element-67705c44 img{width:1000px;max-width:68%;height:86px;object-fit:cover;object-position:center center;}.elementor-2822 .elementor-element.elementor-element-2ca006b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -16px) 0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;color:#F5F5F5;}.elementor-2822 .elementor-element.elementor-element-152cb5a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-77437d5f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:0px;word-spacing:0px;color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-2e034d85{padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main .elementor-item{color:#F5F5F5;fill:#F5F5F5;padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main .elementor-item:hover, .elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main .elementor-item:focus{color:#00F0FF;fill:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--dropdown .elementor-item, .elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:-0.2px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-6c6f4806{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:10%;}.elementor-2822 .elementor-element.elementor-element-1224c124 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:24px;letter-spacing:0px;word-spacing:0px;color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-2561eecf{width:var( --container-widget-width, 123.503% );max-width:123.503%;--container-widget-width:123.503%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2822 .elementor-element.elementor-element-2561eecf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-icon i{color:#00F0FF;transition:color 0.3s;}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-icon svg{fill:#00F0FF;transition:fill 0.3s;}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-text{color:#F5F5F5;transition:color 0.3s;}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-item:hover .elementor-icon-list-text{color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-79a1d97c{width:var( --container-widget-width, 116.271% );max-width:116.271%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:50px 0px 0px 0px;--container-widget-width:116.271%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2822 .elementor-element.elementor-element-79a1d97c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(11px/2);}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(11px/2);}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(11px/2);}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-11px/2);}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-11px/2);}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-icon i{color:#00F0FF;transition:color 0.3s;}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-icon svg{fill:#00F0FF;transition:fill 0.3s;}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-text{color:#F5F5F5;transition:color 0.3s;}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-item:hover .elementor-icon-list-text{color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-66197f52{--display:flex;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-138cab42 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:28px;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.6em;letter-spacing:-0.7px;color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-2b0cf4a4{column-gap:0px;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;color:#F5F5F5;}.elementor-2822 .elementor-element.elementor-element-5117f75d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#E23125;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#E23125;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:#E23125;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:20px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-20px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group > label, .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-subgroup label{color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group > label{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-type-html{padding-bottom:0px;color:#00F0FF;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:-0.8px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group .elementor-field{color:#000000;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group .elementor-field, .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#00F0FF;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#00F0FF;border-width:0px 0px 2px 0px;border-radius:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group .elementor-select-wrapper::before{color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.2px;word-spacing:0px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:40px 40px 40px 40px;padding:0px 10px 0px 10px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__buttons__wrapper__button-next{background-color:#FFFFFF00;color:#00F0FF;border-color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button[type="submit"]{background-color:#FFFFFF00;color:#00F0FF;border-color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button[type="submit"] svg *{fill:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__buttons__wrapper__button-previous{background-color:#00F0FF;color:#00F0FF;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__buttons__wrapper__button-next:hover{background-color:#EEE9E8;color:#060606;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button[type="submit"]:hover{background-color:#EEE9E8;color:#060606;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button[type="submit"]:hover svg *{fill:#060606;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__buttons__wrapper__button-previous:hover{color:#000000;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-message{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:-0.8px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-message.elementor-message-success{color:#E23125;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-message.elementor-message-danger{color:#E23125;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-message.elementor-help-inline{color:#E23125;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__indicators__indicator, .elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__indicators__indicator__label{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.2px;word-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-4f34210{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2822 .elementor-element.elementor-element-c0eba7b{--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;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:3%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2822 .elementor-element.elementor-element-2ec6d31b::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .elementor-background-video-container::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .e-con-inner > .elementor-background-video-container::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .elementor-background-slideshow::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .e-con-inner > .elementor-background-slideshow::before, .elementor-2822 .elementor-element.elementor-element-2ec6d31b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(207deg, #000207C7 90%, #00000082 41%);}.elementor-2822 .elementor-element.elementor-element-2ec6d31b{--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-1b93baf8{--min-height:783px;--justify-content:flex-start;--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-17536a37{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2822 .elementor-element.elementor-element-7009dd49{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:20px;--padding-bottom:50px;--padding-left:20px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-f4b2842{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc{padding:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-wrapper{gap:12px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon{font-size:50px;}.elementor-2822 .elementor-element.elementor-element-a28210d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-849729b{padding:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-wrapper{gap:12px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon{font-size:50px;}.elementor-2822 .elementor-element.elementor-element-98f3a86{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-b5de444{padding:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-wrapper{gap:12px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon{font-size:50px;}.elementor-2822 .elementor-element.elementor-element-9259535{--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-2822 .elementor-element.elementor-element-52c45fcf{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-1a7f2c8{--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-6a8932c6{--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-1daa1a2f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-3b400b86{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--flex-wrap:wrap;--align-content:center;--margin-top:-80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-2822 .elementor-element.elementor-element-3b400b86.e-con{--align-self:center;}.elementor-2822 .elementor-element.elementor-element-0a38c7a{padding:70px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-a903124{--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-55f4ff8{--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-621f06a{--padding-top:100px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-57fe096{--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-2b5efbb8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-526587fa{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2822 .elementor-element.elementor-element-2089cd{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2822 .elementor-element.elementor-element-6338efa6{--flex-wrap:wrap;--padding-top:05%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2822 .elementor-element.elementor-element-436437b4{--margin-top:0%;--margin-bottom:6%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:15%;--padding-right:15%;}.elementor-2822 .elementor-element.elementor-element-67705c44{padding:0px 0px 0px 0px;text-align:center;}.elementor-2822 .elementor-element.elementor-element-67705c44 img{width:100%;max-width:66%;height:82px;object-position:center center;}.elementor-2822 .elementor-element.elementor-element-2ca006b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-size:14px;}.elementor-2822 .elementor-element.elementor-element-152cb5a7{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--dropdown .elementor-item, .elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-6c6f4806{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2822 .elementor-element.elementor-element-2561eecf .elementor-icon-list-item > a{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2822 .elementor-element.elementor-element-79a1d97c .elementor-icon-list-item > a{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-66197f52{--margin-top:6%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2822 .elementor-element.elementor-element-138cab42{text-align:center;}.elementor-2822 .elementor-element.elementor-element-138cab42 .elementor-heading-title{font-size:22px;}.elementor-2822 .elementor-element.elementor-element-2b0cf4a4{text-align:center;font-size:14px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group > label{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-group .elementor-field, .elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-field-subgroup label{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-message{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__indicators__indicator, .elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__indicators__indicator__label{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-c0eba7b{--margin-top:10%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}}@media(max-width:767px){.elementor-2822 .elementor-element.elementor-element-2ec6d31b{--padding-top:90px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2822 .elementor-element.elementor-element-1b93baf8{--width:100%;--min-height:651px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-6e325753{padding:2px 2px 2px 2px;}.elementor-2822 .elementor-element.elementor-element-6e325753 .elementor-heading-title{font-size:12px;}.elementor-2822 .elementor-element.elementor-element-af7c248 .elementor-heading-title{font-size:38px;line-height:1.2em;letter-spacing:0px;}.elementor-2822 .elementor-element.elementor-element-17536a37{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;font-size:16px;}.elementor-2822 .elementor-element.elementor-element-7009dd49{--padding-top:80px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-2822 .elementor-element.elementor-element-1d26bdc{--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-f4b2842{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc{padding:30px 10px 30px 10px;}.elementor-2822 .elementor-element.elementor-element-02cf8dc .elementor-icon-box-wrapper{text-align:center;}.elementor-2822 .elementor-element.elementor-element-a28210d{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-849729b{padding:30px 10px 30px 10px;}.elementor-2822 .elementor-element.elementor-element-849729b .elementor-icon-box-wrapper{text-align:center;}.elementor-2822 .elementor-element.elementor-element-98f3a86{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-b5de444{padding:30px 10px 30px 10px;}.elementor-2822 .elementor-element.elementor-element-b5de444 .elementor-icon-box-wrapper{text-align:center;}.elementor-2822 .elementor-element.elementor-element-9259535{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-52c45fcf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-1a7f2c8{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-6a8932c6{--width:400px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-3b400b86{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2822 .elementor-element.elementor-element-a903124{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-55f4ff8{--width:400px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-621f06a{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-57fe096{--width:400px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2822 .elementor-element.elementor-element-678decaa{--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2822 .elementor-element.elementor-element-11ddee4f{padding:2px 2px 2px 2px;}.elementor-2822 .elementor-element.elementor-element-11ddee4f .elementor-heading-title{font-size:12px;}.elementor-2822 .elementor-element.elementor-element-4402b8e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2822 .elementor-element.elementor-element-4402b8e7 .elementor-heading-title{font-size:40px;}.elementor-2822 .elementor-element.elementor-element-2b5efbb8{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-2822 .elementor-element.elementor-element-1fddf8e3{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2822 .elementor-element.elementor-element-1fddf8e3.e-con{--align-self:flex-start;}.elementor-2822 .elementor-element.elementor-element-526587fa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button{padding:20px 20px 20px 20px;}.elementor-2822 .elementor-element.elementor-element-2089cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2822 .elementor-element.elementor-element-2089cd .elementor-button{border-width:2px 2px 2px 2px;border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-2822 .elementor-element.elementor-element-6338efa6{--padding-top:12%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-2822 .elementor-element.elementor-element-436437b4{--margin-top:0%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-2822 .elementor-element.elementor-element-67705c44{text-align:center;}.elementor-2822 .elementor-element.elementor-element-67705c44 img{width:170px;max-width:94%;height:62px;}.elementor-2822 .elementor-element.elementor-element-152cb5a7{--width:50%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2822 .elementor-element.elementor-element-77437d5f .elementor-heading-title{font-size:18px;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--main .elementor-item{padding-top:4px;padding-bottom:4px;}.elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--dropdown .elementor-item, .elementor-2822 .elementor-element.elementor-element-2e034d85 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-6c6f4806{--width:50%;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-2822 .elementor-element.elementor-element-1224c124 .elementor-heading-title{font-size:18px;}.elementor-2822 .elementor-element.elementor-element-2561eecf{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2822 .elementor-element.elementor-element-79a1d97c{margin:3px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2822 .elementor-element.elementor-element-66197f52{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2822 .elementor-element.elementor-element-138cab42 .elementor-heading-title{font-size:18px;}.elementor-2822 .elementor-element.elementor-element-2b0cf4a4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-2822 .elementor-element.elementor-element-5117f75d .elementor-button{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__indicators__indicator, .elementor-2822 .elementor-element.elementor-element-5117f75d .e-form__indicators__indicator__label{font-size:14px;}.elementor-2822 .elementor-element.elementor-element-c0eba7b{--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;--align-items:flex-start;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:12%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}}@media(min-width:768px){.elementor-2822 .elementor-element.elementor-element-1b93baf8{--width:55%;}.elementor-2822 .elementor-element.elementor-element-7009dd49{--width:101.758%;}.elementor-2822 .elementor-element.elementor-element-9259535{--width:104.235%;}.elementor-2822 .elementor-element.elementor-element-52c45fcf{--width:100%;}.elementor-2822 .elementor-element.elementor-element-6a8932c6{--width:60.146%;}.elementor-2822 .elementor-element.elementor-element-3b400b86{--width:100%;}.elementor-2822 .elementor-element.elementor-element-55f4ff8{--width:60.146%;}.elementor-2822 .elementor-element.elementor-element-57fe096{--width:60.146%;}.elementor-2822 .elementor-element.elementor-element-678decaa{--width:100%;}.elementor-2822 .elementor-element.elementor-element-1fddf8e3{--width:100%;}.elementor-2822 .elementor-element.elementor-element-436437b4{--width:30%;}.elementor-2822 .elementor-element.elementor-element-152cb5a7{--width:15%;}.elementor-2822 .elementor-element.elementor-element-6c6f4806{--width:36%;}.elementor-2822 .elementor-element.elementor-element-66197f52{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2822 .elementor-element.elementor-element-1b93baf8{--width:100%;}.elementor-2822 .elementor-element.elementor-element-52c45fcf{--width:100%;}.elementor-2822 .elementor-element.elementor-element-3b400b86{--width:100%;}.elementor-2822 .elementor-element.elementor-element-678decaa{--width:100%;}.elementor-2822 .elementor-element.elementor-element-436437b4{--width:100%;}.elementor-2822 .elementor-element.elementor-element-152cb5a7{--width:50%;}.elementor-2822 .elementor-element.elementor-element-6c6f4806{--width:35%;}.elementor-2822 .elementor-element.elementor-element-66197f52{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-6e325753 */.elementor-2822 .elementor-element.elementor-element-6e325753{ display:inline-flex; align-items:center; justify-content:center; width:fit-content !important; flex:none; padding:8px 18px; background:rgba(0,255,225,0.08); border:1px solid #00FFE1; border-radius:999px; color:#00FFE1; font-size:13px; font-weight:600; letter-spacing:.6px; line-height:1.1; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow: 0 0 10px rgba(0,255,225,.18), 0 0 25px rgba(0,255,225,.10), inset 0 0 12px rgba(0,255,225,.06); position:relative; z-index:5; transition:all .3s ease; } .elementor-2822 .elementor-element.elementor-element-6e325753:hover{ box-shadow: 0 0 14px rgba(0,255,225,.28), 0 0 35px rgba(0,255,225,.16), inset 0 0 14px rgba(0,255,225,.08); transform:translateY(-1px); }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-af7c248 */.elementor-2822 .elementor-element.elementor-element-af7c248 .genesis-blue{ color:#00f0ff; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ec6d31b *//* FUTURISTIC CYAN SCAN EFFECT */ /* DOES NOT CHANGE YOUR CONTAINER */ .elementor-2822 .elementor-element.elementor-element-2ec6d31b{ position:relative; overflow:hidden; background-image: linear-gradient( 180deg, transparent 0%, rgba(0,240,255,.02) 48%, rgba(0,240,255,.14) 50%, rgba(255,255,255,.06) 50.5%, rgba(0,240,255,.14) 51%, rgba(0,240,255,.02) 52%, transparent 100% ); background-size: 100% 320px; background-repeat:no-repeat; animation: futuristicScanner 5s linear infinite; } /* SCAN MOVEMENT */ @keyframes futuristicScanner{ 0%{ background-position: 0 -320px; } 100%{ background-position: 0 calc(100% + 320px); } } /* SMOOTH FUTURISTIC SCAN */ .elementor-2822 .elementor-element.elementor-element-2ec6d31b{ position:relative; overflow:hidden; background: linear-gradient( 180deg, transparent 0%, rgba(0,240,255,.02) 48%, rgba(0,240,255,.14) 50%, rgba(255,255,255,.06) 50.5%, rgba(0,240,255,.14) 51%, rgba(0,240,255,.02) 52%, transparent 100% ); background-size: 100% 320px; background-repeat:no-repeat; animation: futuristicScanner 7s linear infinite; } /* SCAN MOVEMENT */ @keyframes futuristicScanner{ 0%{ background-position: 0 -320px; } 100%{ background-position: 0 calc(100% + 320px); } } /* SOFT SMUDGED CYBER SCAN */ .elementor-2822 .elementor-element.elementor-element-2ec6d31b{ position:relative; overflow:hidden; } /* SMOOTH SCAN */ .elementor-2822 .elementor-element.elementor-element-2ec6d31b:after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient( 180deg, transparent 0%, rgba(0,240,255,0) 42%, rgba(0,240,255,.008) 46%, rgba(0,240,255,.025) 48%, rgba(0,240,255,.06) 50%, rgba(255,255,255,.025) 50.5%, rgba(0,240,255,.06) 51%, rgba(0,240,255,.025) 53%, rgba(0,240,255,.008) 56%, rgba(0,240,255,0) 62%, transparent 100% ); background-size: 100% 420px; background-repeat:no-repeat; filter: blur(18px); opacity:.9; mix-blend-mode:screen; animation: smudgedScanner 8s linear infinite; } /* FLOWING MOVEMENT */ @keyframes smudgedScanner{ 0%{ background-position: 0 -420px; } 100%{ background-position: 0 calc(100% + 420px); } } /* SOFT GLOWING CYBER SCAN */ .elementor-2822 .elementor-element.elementor-element-2ec6d31b{ position:relative; overflow:hidden; } /* SMOOTH SCAN */ .elementor-2822 .elementor-element.elementor-element-2ec6d31b:after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient( 180deg, transparent 0%, rgba(0,240,255,0) 42%, rgba(0,240,255,.012) 46%, rgba(0,240,255,.035) 48%, rgba(0,240,255,.085) 50%, rgba(255,255,255,.035) 50.5%, rgba(0,240,255,.085) 51%, rgba(0,240,255,.035) 53%, rgba(0,240,255,.012) 56%, rgba(0,240,255,0) 62%, transparent 100% ); background-size: 100% 420px; background-repeat:no-repeat; filter: blur(18px); opacity:.95; mix-blend-mode:screen; box-shadow: 0 0 24px rgba(0,240,255,.08); animation: smudgedScanner 8s linear infinite; } /* FLOWING MOVEMENT */ @keyframes smudgedScanner{ 0%{ background-position: 0 -420px; } 100%{ background-position: 0 calc(100% + 420px); } } /* MAIN HERO SECTION */ .hero-section{ position:relative; overflow:hidden; } /* TEXT CONTAINER */ .hero-content{ position:relative; z-index:3; } /* IMAGE CONTAINER */ .hero-image{ position:relative; z-index:1; } /* BLENDING EFFECT */ .hero-image::before{ content:''; position:absolute; top:0; left:-1px; width:220px; height:100%; background:linear-gradient( to right, #020817 0%, rgba(2,8,23,.96) 15%, rgba(2,8,23,.82) 35%, rgba(2,8,23,.55) 55%, rgba(2,8,23,.15) 80%, transparent 100% ); z-index:2; pointer-events:none; } /* EXTRA CYAN GLOW */ .hero-image::after{ content:''; position:absolute; left:-120px; top:50%; transform:translateY(-50%); width:240px; height:240px; border-radius:50%; background:rgba(0,255,255,.12); filter:blur(90px); pointer-events:none; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-02cf8dc */.elementor-2822 .elementor-element.elementor-element-02cf8dc{ position:relative; background: linear-gradient( 180deg, rgba(6,12,22,0.82) 0%, rgba(3,8,16,0.92) 100% ); border:1px solid rgba(0,240,255,0.10); border-radius:26px; padding:48px 42px; overflow:hidden; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02), 0 20px 50px rgba(0,0,0,.45), 0 0 40px rgba(0,240,255,.04); } .elementor-2822 .elementor-element.elementor-element-02cf8dc:before{ content:""; position:absolute; inset:0; background: linear-gradient( 135deg, rgba(0,240,255,.08), transparent 30%, transparent 70%, rgba(0,240,255,.03) ); pointer-events:none; } .elementor-2822 .elementor-element.elementor-element-02cf8dc:after{ content:""; position:absolute; top:0; left:12%; width:76%; height:1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.9), transparent ); opacity:.55; } .elementor-2822 .elementor-element.elementor-element-02cf8dc:hover{ transform:translateY(-8px); border-color:rgba(0,240,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 25px 60px rgba(0,0,0,.55), 0 0 50px rgba(0,240,255,.12), 0 0 90px rgba(0,240,255,.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-849729b */.elementor-2822 .elementor-element.elementor-element-849729b{ position:relative; background: linear-gradient( 180deg, rgba(6,12,22,0.82) 0%, rgba(3,8,16,0.92) 100% ); border:1px solid rgba(0,240,255,0.10); border-radius:26px; padding:48px 42px; overflow:hidden; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02), 0 20px 50px rgba(0,0,0,.45), 0 0 40px rgba(0,240,255,.04); } .elementor-2822 .elementor-element.elementor-element-849729b:before{ content:""; position:absolute; inset:0; background: linear-gradient( 135deg, rgba(0,240,255,.08), transparent 30%, transparent 70%, rgba(0,240,255,.03) ); pointer-events:none; } .elementor-2822 .elementor-element.elementor-element-849729b:after{ content:""; position:absolute; top:0; left:12%; width:76%; height:1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.9), transparent ); opacity:.55; } .elementor-2822 .elementor-element.elementor-element-849729b:hover{ transform:translateY(-8px); border-color:rgba(0,240,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 25px 60px rgba(0,0,0,.55), 0 0 50px rgba(0,240,255,.12), 0 0 90px rgba(0,240,255,.05); }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-b5de444 */.elementor-2822 .elementor-element.elementor-element-b5de444{ position:relative; background: linear-gradient( 180deg, rgba(6,12,22,0.82) 0%, rgba(3,8,16,0.92) 100% ); border:1px solid rgba(0,240,255,0.10); border-radius:26px; padding:48px 42px; overflow:hidden; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 1px rgba(255,255,255,.02), 0 20px 50px rgba(0,0,0,.45), 0 0 40px rgba(0,240,255,.04); } .elementor-2822 .elementor-element.elementor-element-b5de444:before{ content:""; position:absolute; inset:0; background: linear-gradient( 135deg, rgba(0,240,255,.08), transparent 30%, transparent 70%, rgba(0,240,255,.03) ); pointer-events:none; } .elementor-2822 .elementor-element.elementor-element-b5de444:after{ content:""; position:absolute; top:0; left:12%; width:76%; height:1px; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.9), transparent ); opacity:.55; } .elementor-2822 .elementor-element.elementor-element-b5de444:hover{ transform:translateY(-8px); border-color:rgba(0,240,255,.28); box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 25px 60px rgba(0,0,0,.55), 0 0 50px rgba(0,240,255,.12), 0 0 90px rgba(0,240,255,.05); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1d26bdc */.elementor-181 .elementor-element.elementor-element-fac2fbd{ overflow:visible !important; margin-top:-50px !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7009dd49 *//* FUTURISTIC 2050 GRID BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-7009dd49{ position: relative; overflow: hidden; background: linear-gradient(rgba(0,240,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,240,255,0.06) 1px, transparent 1px), radial-gradient(circle at top, rgba(0,240,255,0.10), #02060d 45%); background-size: 80px 80px, 80px 80px, 100% 100%; background-color: #02060d; } /* glowing overlay */ .elementor-2822 .elementor-element.elementor-element-7009dd49::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,240,255,0.10), transparent 25%), radial-gradient(circle at 80% 30%, rgba(0,240,255,0.08), transparent 25%), radial-gradient(circle at 50% 80%, rgba(0,240,255,0.06), transparent 30%); animation: futuristicGlow 8s ease-in-out infinite alternate; pointer-events: none; } /* moving cyber scan line */ .elementor-2822 .elementor-element.elementor-element-7009dd49::after{ content: ""; position: absolute; top: -200%; left: 0; width: 100%; height: 300%; background: linear-gradient( to bottom, transparent 0%, rgba(0,240,255,0.04) 48%, rgba(0,240,255,0.12) 50%, rgba(0,240,255,0.04) 52%, transparent 100% ); animation: scanMove 10s linear infinite; pointer-events: none; } /* animations */ @keyframes futuristicGlow{ 0%{ opacity: .5; transform: scale(1); } 100%{ opacity: 1; transform: scale(1.05); } } @keyframes scanMove{ 0%{ transform: translateY(-25%); } 100%{ transform: translateY(25%); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-77e4d06 *//* ========================================= SMART CONNECTIVITY SECTION BULLET-FREE VERSION ========================================= */ /* HARD RESET BULLETS INSIDE THIS SECTION */ .smart-connectivity, .smart-connectivity *{ box-sizing:border-box; } .smart-connectivity ul, .smart-connectivity ol{ list-style:none !important; list-style-type:none !important; padding-left:0 !important; margin-left:0 !important; } .smart-connectivity li{ list-style:none !important; list-style-type:none !important; padding-left:0 !important; margin-left:0 !important; } .smart-connectivity li::marker, .smart-connectivity *::marker{ content:none !important; font-size:0 !important; } /* ========================================= MAIN SECTION ========================================= */ .smart-connectivity{ position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:42px; padding:56px; border-radius:28px; overflow:hidden; background: radial-gradient(circle at 70% 20%, rgba(0,240,255,.10), transparent 34%), linear-gradient(135deg, rgba(2,8,18,.96), rgba(1,5,12,.98)); border:1px solid rgba(0,240,255,.20); box-shadow: 0 30px 90px rgba(0,0,0,.45), inset 0 0 70px rgba(0,240,255,.025); } /* ========================================= LEFT SIDE ========================================= */ .connectivity-left{ position:relative; z-index:2; } .section-label{ color:#00F0FF; font-size:13px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; margin-bottom:16px; } .smart-connectivity h2{ margin:0 0 14px 0; color:#ffffff; font-size:42px; line-height:1.12; font-weight:800; letter-spacing:-.035em; } .smart-connectivity h2 span{ color:#00F0FF; text-shadow: 0 0 18px rgba(0,240,255,.45); } .connectivity-subtext{ max-width:620px; margin:0 0 34px 0; color:rgba(255,255,255,.68); font-size:16px; line-height:1.75; } /* ========================================= TIMELINE ========================================= */ .connectivity-timeline{ position:relative; display:flex; flex-direction:column; gap:12px; } .connectivity-timeline::before{ content:""; position:absolute; left:34px; top:30px; bottom:30px; width:1px; background: linear-gradient( 180deg, transparent, rgba(0,240,255,.55), rgba(0,240,255,.25), transparent ); box-shadow: 0 0 14px rgba(0,240,255,.45); } .connectivity-item{ position:relative; display:grid; grid-template-columns:70px 1fr auto; align-items:center; gap:18px; min-height:86px; padding:16px 20px 16px 0; border-radius:16px; background: linear-gradient( 90deg, rgba(0,240,255,.035), rgba(0,240,255,.015), transparent ); border: 1px solid rgba(0,240,255,.08); transition: transform .35s ease, border-color .35s ease, background .35s ease; } .connectivity-item:hover{ transform:translateX(6px); border-color:rgba(0,240,255,.22); background: linear-gradient( 90deg, rgba(0,240,255,.08), rgba(0,240,255,.025), transparent ); } /* ========================================= ICON ========================================= */ .connectivity-icon{ width:54px; height:54px; margin-left:7px; display:flex; align-items:center; justify-content:center; border-radius:50%; background: rgba(0,240,255,.05); border: 1px solid rgba(0,240,255,.42); box-shadow: inset 0 0 18px rgba(0,240,255,.05), 0 0 18px rgba(0,240,255,.10); position:relative; z-index:3; } .connectivity-icon::after{ position:absolute; right:-25px; top:50%; transform:translateY(-50%); width:9px; height:9px; border-radius:50%; background:#00F0FF; box-shadow: 0 0 14px rgba(0,240,255,.95); } .connectivity-icon svg{ width:25px; height:25px; stroke:#00F0FF; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter: drop-shadow(0 0 6px rgba(0,240,255,.55)); } /* ========================================= TEXT ========================================= */ .connectivity-content h3{ margin:0 0 6px 0; color:#ffffff; font-size:18px; line-height:1.25; font-weight:800; letter-spacing:.02em; text-transform:uppercase; } .connectivity-content p{ margin:0; color:rgba(255,255,255,.62); font-size:14px; line-height:1.55; } .connectivity-status{ color:#00F0FF; font-size:14px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; text-shadow: 0 0 12px rgba(0,240,255,.35); } /* ========================================= RIGHT SIDE IMAGE + STATS ========================================= */ .connectivity-right{ display:flex; flex-direction:column; gap:24px; position:relative; z-index:2; } .highway-image-box{ position:relative; min-height:310px; overflow:hidden; border-radius:18px; border: 1px solid rgba(0,240,255,.22); box-shadow: 0 20px 60px rgba(0,0,0,.38), 0 0 34px rgba(0,240,255,.06); } .highway-image-box img{ width:100%; height:100%; object-fit:cover; display:block; filter: brightness(.82) saturate(1.15); } .highway-image-box::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient( 180deg, transparent 45%, rgba(1,5,12,.72) 100% ); } /* ========================================= STATS PANEL ========================================= */ .connectivity-stats{ padding:30px; border-radius:18px; background: linear-gradient( 180deg, rgba(3,12,22,.88), rgba(1,5,12,.95) ); border: 1px solid rgba(0,240,255,.20); box-shadow: inset 0 0 50px rgba(0,240,255,.025); } .connectivity-stats h3{ margin:0 0 26px 0; color:#ffffff; font-size:26px; line-height:1.15; font-weight:800; letter-spacing:.02em; text-transform:uppercase; } .connectivity-stats h3 span{ color:#00F0FF; text-shadow: 0 0 14px rgba(0,240,255,.45); } .stats-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:18px; } .stat-box{ padding:18px; border-radius:14px; background: rgba(0,240,255,.035); border: 1px solid rgba(0,240,255,.10); } .stat-box strong{ display:block; color:#ffffff; font-size:26px; line-height:1; font-weight:800; margin-bottom:8px; } .stat-box p{ margin:0; color:rgba(255,255,255,.62); font-size:13px; line-height:1.4; text-transform:uppercase; letter-spacing:.05em; } /* ========================================= RESPONSIVE ========================================= */ @media(max-width:1024px){ .smart-connectivity{ grid-template-columns:1fr; padding:42px 30px; } .highway-image-box{ min-height:280px; } } @media(max-width:767px){ .smart-connectivity{ padding:32px 20px; border-radius:22px; } .smart-connectivity h2{ font-size:30px; line-height:1.18; } .connectivity-subtext{ font-size:15px; line-height:1.7; } .connectivity-item{ grid-template-columns:54px 1fr; gap:14px; padding:14px 14px 14px 0; } .connectivity-status{ grid-column:2; font-size:12px; margin-top:-4px; } .connectivity-icon{ width:46px; height:46px; margin-left:4px; } .connectivity-icon svg{ width:21px; height:21px; } .connectivity-timeline::before{ left:27px; } .connectivity-icon::after{ right:-21px; width:8px; height:8px; } .connectivity-content h3{ font-size:15px; } .connectivity-content p{ font-size:13px; } .stats-grid{ grid-template-columns:1fr; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9259535 *//* ULTRA PREMIUM LIGHT CYAN AI BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-9259535{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #02050b 0%, #07111d 35%, #030811 65%, #081522 100% ); isolation:isolate; } /* LIGHTER CYAN AMBIENT GLOW */ .elementor-2822 .elementor-element.elementor-element-9259535:before{ content:""; position:absolute; inset:-20%; background: radial-gradient( circle at 20% 30%, rgba(0,255,255,.22), transparent 26% ), radial-gradient( circle at 80% 25%, rgba(90,255,255,.18), transparent 24% ), radial-gradient( circle at 50% 75%, rgba(0,240,255,.20), transparent 30% ), radial-gradient( circle at 35% 60%, rgba(255,255,255,.04), transparent 18% ); filter:blur(110px); animation:ambientPulse 14s ease-in-out infinite alternate; pointer-events:none; } /* SLOWER & SOFTER GLOSS SWEEP */ .elementor-2822 .elementor-element.elementor-element-9259535:after{ content:""; position:absolute; top:-80%; left:-70%; width:70%; height:280%; background: linear-gradient( 115deg, transparent 0%, rgba(255,255,255,.025) 35%, rgba(0,255,255,.24) 50%, rgba(255,255,255,.025) 65%, transparent 100% ); filter:blur(32px); transform:rotate(12deg); animation:cyberSweep 10s linear infinite; pointer-events:none; } /* SLOW FLOATING MOTION */ @keyframes ambientPulse{ 0%{ transform: translate(-1%,-1%) scale(1); opacity:.72; } 50%{ transform: translate(2%,2%) scale(1.06); opacity:1; } 100%{ transform: translate(3%,-1%) scale(1.1); opacity:.86; } } /* SLOW CINEMATIC SWEEP */ @keyframes cyberSweep{ 0%{ left:-100%; opacity:0; } 20%{ opacity:.28; } 50%{ opacity:.72; } 80%{ opacity:.38; } 100%{ left:150%; opacity:0; } } /* KEEP SECTION EFFECTS BEHIND CARDS */ .elementor-2822 .elementor-element.elementor-element-9259535{ position:relative; overflow:hidden; isolation:isolate; } /* BACKGROUND EFFECT LAYER */ .elementor-2822 .elementor-element.elementor-element-9259535:before, .elementor-2822 .elementor-element.elementor-element-9259535:after{ z-index:0; } /* ALL INNER CONTENT ABOVE EFFECT */ .elementor-2822 .elementor-element.elementor-element-9259535 > *{ z-index:2; } /* EXTRA SAFETY FOR ELEMENTOR CONTAINERS/CARDS */ .elementor-2822 .elementor-element.elementor-element-9259535 .elementor-element, .elementor-2822 .elementor-element.elementor-element-9259535 .elementor-widget, .elementor-2822 .elementor-element.elementor-element-9259535 .e-con, .elementor-2822 .elementor-element.elementor-element-9259535 .elementor-container{ position:relative; z-index:2; } .elementor-181 .elementor-element.elementor-element-d456ef0 .elementor-element, .elementor-181 .elementor-element.elementor-element-d456ef0 .elementor-widget, .elementor-181 .elementor-element.elementor-element-d456ef0 .e-con, .elementor-181 .elementor-element.elementor-element-d456ef0 .elementor-container { position: relative; z-index: 200; overflow: visible !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3f4e78a6 *//* ========================================= SMART UTILITIES SECTION ALL SCREEN SIZES ========================================= */ .smart-utilities-section{ position:relative; overflow:hidden; } /* subtle background glow */ .smart-utilities-section::before{ content:""; position:absolute; inset:-30%; pointer-events:none; background: linear-gradient( 115deg, transparent 35%, rgba(0,240,255,.10) 50%, transparent 65% ); filter:blur(55px); opacity:.55; animation:utilityCyanSweep 12s linear infinite; } /* ========================================= INTRO ========================================= */ .utilities-intro{ position:relative; z-index:2; max-width:820px; margin:0 auto 54px auto; text-align:center; } .utilities-badge{ display:inline-flex; align-items:center; justify-content:center; padding:8px 20px; margin-bottom:20px; border-radius:999px; color:#00F0FF; background:rgba(0,240,255,.08); border:1px solid rgba(0,240,255,.20); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; box-shadow: 0 0 22px rgba(0,240,255,.08); } .utilities-intro h2{ margin:0 0 20px 0; color:#ffffff; font-size:46px; line-height:1.12; font-weight:800; letter-spacing:-.04em; } .utilities-intro h2 span{ color:#00F0FF; text-shadow: 0 0 18px rgba(0,240,255,.45); } .utilities-intro p{ max-width:760px; margin:0 auto; color:rgba(255,255,255,.68); font-size:17px; line-height:1.8; font-weight:400; } /* ========================================= GRID ========================================= */ .utilities-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; } /* ========================================= CARD ========================================= */ .utility-card{ position:relative; overflow:hidden; min-height:250px; padding:34px 30px; border-radius:22px; background: linear-gradient( 180deg, rgba(6,14,24,.86), rgba(2,7,14,.96) ); border:1px solid rgba(0,240,255,.11); box-shadow: 0 16px 38px rgba(0,0,0,.34), inset 0 0 40px rgba(0,240,255,.018); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease, background .45s ease; } .utility-card::before{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient( circle at 50% 0%, rgba(0,240,255,.12), transparent 42% ); opacity:0; transition:opacity .45s ease; } .utility-card:hover{ transform:translateY(-6px); border-color:rgba(0,240,255,.30); background: linear-gradient( 180deg, rgba(8,18,30,.92), rgba(2,7,14,.98) ); box-shadow: 0 24px 55px rgba(0,0,0,.45), 0 0 35px rgba(0,240,255,.08), inset 0 0 48px rgba(0,240,255,.026); } .utility-card:hover::before{ opacity:1; } /* ========================================= ICON ========================================= */ .utility-icon{ width:58px; height:58px; margin-bottom:24px; display:flex; align-items:center; justify-content:center; border-radius:16px; background: rgba(0,240,255,.07); border:1px solid rgba(0,240,255,.18); box-shadow: inset 0 0 18px rgba(0,240,255,.04), 0 0 22px rgba(0,240,255,.08); transition: transform .4s ease, background .4s ease, box-shadow .4s ease; } .utility-card:hover .utility-icon{ transform:scale(1.06); background: rgba(0,240,255,.12); box-shadow: inset 0 0 20px rgba(0,240,255,.06), 0 0 28px rgba(0,240,255,.14); } .utility-icon svg{ width:28px; height:28px; fill:none; stroke:#00F0FF; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter: drop-shadow(0 0 7px rgba(0,240,255,.65)); } /* ========================================= TEXT ========================================= */ .utility-card h3{ position:relative; z-index:2; margin:0 0 14px 0; color:#ffffff; font-size:21px; line-height:1.25; font-weight:800; letter-spacing:.01em; } .utility-card p{ position:relative; z-index:2; margin:0; color:rgba(255,255,255,.62); font-size:15px; line-height:1.7; font-weight:400; } /* ========================================= ANIMATION ========================================= */ @keyframes utilityCyanSweep{ 0%{ transform:translateX(-35%) rotate(8deg); opacity:0; } 25%{ opacity:.45; } 50%{ opacity:.75; } 75%{ opacity:.35; } 100%{ transform:translateX(35%) rotate(8deg); opacity:0; } } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .smart-utilities-section{ padding:54px 34px; border-radius:26px; } .utilities-intro{ margin-bottom:42px; } .utilities-intro h2{ font-size:38px; } .utilities-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px; } .utility-card{ min-height:235px; padding:30px 26px; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .smart-utilities-section{ padding:40px 20px; border-radius:22px; } .utilities-badge{ font-size:11px; letter-spacing:.13em; padding:7px 16px; margin-bottom:18px; } .utilities-intro{ margin-bottom:34px; } .utilities-intro h2{ font-size:30px; line-height:1.18; letter-spacing:-.03em; } .utilities-intro p{ font-size:15px; line-height:1.7; } .utilities-grid{ grid-template-columns:1fr; gap:18px; } .utility-card{ min-height:auto; padding:28px 24px; border-radius:18px; } .utility-icon{ width:52px; height:52px; border-radius:14px; margin-bottom:20px; } .utility-icon svg{ width:25px; height:25px; } .utility-card h3{ font-size:19px; } .utility-card p{ font-size:14px; line-height:1.65; } } /* ========================================= VERY SMALL PHONES ========================================= */ @media(max-width:420px){ .smart-utilities-section{ padding:34px 16px; } .utilities-intro h2{ font-size:27px; } .utility-card{ padding:24px 20px; } } /* FORCE SMART UTILITIES FULL WIDTH */ .smart-utilities-section{ width:100% !important; max-width:100% !important; margin:0 auto !important; } /* FORCE HTML WIDGET + SECTION FULL WIDTH */ .elementor-widget-html, .elementor-widget-html .elementor-widget-container, .smart-utilities-section{ width:100% !important; max-width:100% !important; } /* FORCE TIMELINE ROW CHILDREN FULL WIDTH */ .timeline-row > .e-con, .timeline-row > .elementor-element{ flex:0 0 100% !important; width:100% !important; max-width:100% !important; } .timeline-row{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:100% !important; } /* ========================================= PUBLISHED PAGE FULL WIDTH FIX PUT AT VERY BOTTOM ========================================= */ body .timeline-row{ display:flex !important; flex-direction:column !important; width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; gap:36px !important; } body .timeline-row > .e-con, body .timeline-row > .elementor-element, body .timeline-row > .elementor-widget, body .timeline-row > .elementor-widget-html{ flex:0 0 100% !important; width:100% !important; max-width:100% !important; min-width:100% !important; } body .timeline-row .elementor-widget-container, body .timeline-row .smart-utilities-section{ width:100% !important; max-width:100% !important; } /* ========================================= RESPONSIVE FIX FOR FULL WIDTH SECTIONS ========================================= */ /* DESKTOP */ body .timeline-row{ padding-left:0 !important; padding-right:0 !important; } /* TABLET */ @media(max-width:1024px){ body .timeline-row{ width:100% !important; max-width:100% !important; flex-direction:column !important; gap:32px !important; } body .timeline-row > .e-con, body .timeline-row > .elementor-element, body .timeline-row > .elementor-widget, body .timeline-row > .elementor-widget-html{ width:100% !important; max-width:100% !important; min-width:100% !important; flex:0 0 100% !important; } body .timeline-row .smart-utilities-section{ width:100% !important; max-width:100% !important; padding:54px 34px !important; border-radius:26px !important; } body .timeline-row .utilities-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:22px !important; } body .timeline-row .utilities-intro h2{ font-size:38px !important; line-height:1.16 !important; } body .timeline-row .utilities-intro p{ font-size:16px !important; line-height:1.75 !important; } } /* MOBILE */ @media(max-width:767px){ body .timeline-row{ gap:28px !important; } body .timeline-row .smart-utilities-section{ padding:40px 20px !important; border-radius:22px !important; } body .timeline-row .utilities-intro{ margin-bottom:34px !important; } body .timeline-row .utilities-badge{ font-size:11px !important; letter-spacing:.13em !important; padding:7px 16px !important; margin-bottom:18px !important; } body .timeline-row .utilities-intro h2{ font-size:30px !important; line-height:1.18 !important; letter-spacing:-.03em !important; } body .timeline-row .utilities-intro p{ font-size:15px !important; line-height:1.7 !important; } body .timeline-row .utilities-grid{ grid-template-columns:1fr !important; gap:18px !important; } body .timeline-row .utility-card{ min-height:auto !important; padding:28px 24px !important; border-radius:18px !important; } body .timeline-row .utility-icon{ width:52px !important; height:52px !important; border-radius:14px !important; margin-bottom:20px !important; } body .timeline-row .utility-icon svg{ width:25px !important; height:25px !important; } body .timeline-row .utility-card h3{ font-size:19px !important; line-height:1.3 !important; } body .timeline-row .utility-card p{ font-size:14px !important; line-height:1.65 !important; } } /* VERY SMALL PHONES */ @media(max-width:420px){ body .timeline-row .smart-utilities-section{ padding:34px 16px !important; border-radius:20px !important; } body .timeline-row .utilities-intro h2{ font-size:27px !important; } body .timeline-row .utility-card{ padding:24px 20px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1a7f2c8 *//* FUTURISTIC 2050 GRID BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-1a7f2c8{ position: relative; overflow: hidden; background: linear-gradient(rgba(0,240,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,240,255,0.06) 1px, transparent 1px), radial-gradient(circle at top, rgba(0,240,255,0.10), #02060d 45%); background-size: 80px 80px, 80px 80px, 100% 100%; background-color: #02060d; } /* glowing overlay */ .elementor-2822 .elementor-element.elementor-element-1a7f2c8::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,240,255,0.10), transparent 25%), radial-gradient(circle at 80% 30%, rgba(0,240,255,0.08), transparent 25%), radial-gradient(circle at 50% 80%, rgba(0,240,255,0.06), transparent 30%); animation: futuristicGlow 8s ease-in-out infinite alternate; pointer-events: none; } /* moving cyber scan line */ .elementor-2822 .elementor-element.elementor-element-1a7f2c8::after{ content: ""; position: absolute; top: -200%; left: 0; width: 100%; height: 300%; background: linear-gradient( to bottom, transparent 0%, rgba(0,240,255,0.04) 48%, rgba(0,240,255,0.12) 50%, rgba(0,240,255,0.04) 52%, transparent 100% ); animation: scanMove 10s linear infinite; pointer-events: none; } /* animations */ @keyframes futuristicGlow{ 0%{ opacity: .5; transform: scale(1); } 100%{ opacity: 1; transform: scale(1.05); } } @keyframes scanMove{ 0%{ transform: translateY(-25%); } 100%{ transform: translateY(25%); } } /* ========================================= TIMELINE RESPONSIVE STACK FIX Desktop = side by side Tablet / Mobile = below each other ========================================= */ .timeline-row{ display:flex !important; flex-direction:row !important; gap:36px !important; width:100% !important; align-items:stretch !important; } /* make both timeline containers equal width on desktop */ .timeline-row > .e-con, .timeline-row > .elementor-element{ flex:1 1 0 !important; width:50% !important; max-width:50% !important; } /* ========================================= TABLET + MOBILE ========================================= */ @media(max-width:1024px){ .timeline-row{ flex-direction:column !important; gap:36px !important; } .timeline-row > .e-con, .timeline-row > .elementor-element{ width:100% !important; max-width:100% !important; flex:0 0 auto !important; } } /* ========================================= MOBILE SMALL SPACING ========================================= */ @media(max-width:767px){ .timeline-row{ gap:28px !important; } .timeline-row > .e-con, .timeline-row > .elementor-element{ width:100% !important; max-width:100% !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0a38c7a *//* ========================================= SMART MAP DASHBOARD SECTION REFERENCE STYLE ========================================= */ .dholera-map-panel{ position:relative; overflow:hidden; display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:center; } /* BACKGROUND CYAN SWEEP */ .dholera-map-panel::before{ content:""; position:absolute; inset:-35%; pointer-events:none; animation:mapPanelSweep 14s linear infinite; } /* ========================================= LEFT MAP SIDE ========================================= */ .map-visual-side{ position:relative; z-index:2; } .map-title{ margin:0 0 20px 0; color:#ffffff; font-size:34px; line-height:1.1; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } .map-title span{ color:#00F0FF; text-shadow: 0 0 16px rgba(0,240,255,.45); } .map-frame{ position:relative; overflow:hidden; min-height:430px; border-radius:22px; background:#020812; border:1px solid rgba(0,240,255,.28); box-shadow: 0 24px 70px rgba(0,0,0,.42), 0 0 44px rgba(0,240,255,.08), inset 0 0 60px rgba(0,240,255,.025); } .map-frame::before{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient( 90deg, rgba(2,8,18,.28) 0%, transparent 35%, transparent 70%, rgba(2,8,18,.32) 100% ); } .map-frame::after{ content:""; position:absolute; inset:0; z-index:3; pointer-events:none; border-radius:22px; box-shadow: inset 0 0 0 1px rgba(0,240,255,.12), inset 0 0 50px rgba(0,240,255,.06); } .map-frame img{ width:100%; height:100%; min-height:430px; object-fit:cover; display:block; filter: brightness(.92) saturate(1.18); transition: transform .8s ease, filter .8s ease; } .dholera-map-panel:hover .map-frame img{ transform:scale(1.035); filter: brightness(1) saturate(1.25); } /* ========================================= RIGHT INFO PANEL ========================================= */ .map-info-side{ position:relative; z-index:2; padding:36px 34px; border-radius:22px; background: linear-gradient( 180deg, rgba(3,12,22,.88), rgba(1,5,12,.96) ); border:1px solid rgba(0,240,255,.22); box-shadow: 0 20px 60px rgba(0,0,0,.35), inset 0 0 50px rgba(0,240,255,.025); } .map-info-side::before{ content:""; position:absolute; top:0; right:0; width:120px; height:120px; pointer-events:none; background: radial-gradient( circle, rgba(0,240,255,.14), transparent 70% ); filter:blur(18px); } .map-badge{ display:inline-flex; align-items:center; justify-content:center; padding:8px 16px; margin-bottom:18px; border-radius:999px; color:#00F0FF; background:rgba(0,240,255,.08); border:1px solid rgba(0,240,255,.18); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; } .map-info-side h2{ margin:0 0 18px 0; color:#ffffff; font-size:38px; line-height:1.12; font-weight:800; letter-spacing:-.035em; text-transform:uppercase; } .map-info-side h2 span{ color:#00F0FF; text-shadow: 0 0 16px rgba(0,240,255,.45); } .map-intro{ margin:0 0 28px 0; color:rgba(255,255,255,.66); font-size:16px; line-height:1.75; } /* ========================================= INFO LIST ========================================= */ .map-info-list{ display:flex; flex-direction:column; } .map-info-item{ display:grid; grid-template-columns:54px 1fr; gap:18px; align-items:flex-start; padding:18px 0; border-bottom:1px solid rgba(0,240,255,.10); } .map-info-item:last-child{ border-bottom:none; } .map-info-icon{ width:46px; height:46px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:rgba(0,240,255,.07); border:1px solid rgba(0,240,255,.18); box-shadow: inset 0 0 18px rgba(0,240,255,.04), 0 0 18px rgba(0,240,255,.08); } .map-info-icon svg{ width:23px; height:23px; fill:none; stroke:#00F0FF; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter: drop-shadow(0 0 7px rgba(0,240,255,.65)); } .map-info-item h3{ margin:0 0 6px 0; color:#ffffff; font-size:18px; line-height:1.25; font-weight:800; text-transform:uppercase; letter-spacing:.02em; } .map-info-item p{ margin:0; color:rgba(255,255,255,.62); font-size:14px; line-height:1.6; } /* ========================================= ANIMATION ========================================= */ @keyframes mapPanelSweep{ 0%{ transform:translateX(-35%) rotate(8deg); opacity:0; } 25%{ opacity:.45; } 50%{ opacity:.75; } 75%{ opacity:.35; } 100%{ transform:translateX(35%) rotate(8deg); opacity:0; } } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .dholera-map-panel{ grid-template-columns:1fr; padding:42px 30px; gap:32px; border-radius:26px; } .map-title{ font-size:30px; text-align:center; } .map-frame, .map-frame img{ min-height:380px; } .map-info-side{ padding:32px 28px; } .map-info-side h2{ font-size:34px; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .dholera-map-panel{ padding:34px 18px; border-radius:22px; } .map-title{ font-size:24px; line-height:1.2; } .map-frame, .map-frame img{ min-height:260px; } .map-info-side{ padding:28px 22px; border-radius:18px; } .map-badge{ font-size:11px; letter-spacing:.13em; padding:7px 14px; } .map-info-side h2{ font-size:28px; line-height:1.18; } .map-intro{ font-size:15px; line-height:1.7; } .map-info-item{ grid-template-columns:46px 1fr; gap:14px; padding:16px 0; } .map-info-icon{ width:42px; height:42px; border-radius:12px; } .map-info-icon svg{ width:21px; height:21px; } .map-info-item h3{ font-size:15px; } .map-info-item p{ font-size:13px; line-height:1.55; } } /* ========================================= VERY SMALL PHONES ========================================= */ @media(max-width:420px){ .dholera-map-panel{ padding:30px 14px; } .map-frame, .map-frame img{ min-height:230px; } .map-info-side h2{ font-size:25px; } } /* MAP LEGEND */ .map-legend{ position:absolute; left:28px; bottom:26px; z-index:5; display:flex; flex-direction:column; gap:10px; padding:16px 18px; border-radius:14px; background:rgba(1,6,14,.62); border:1px solid rgba(0,240,255,.16); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow: 0 0 28px rgba(0,0,0,.35), inset 0 0 24px rgba(0,240,255,.025); } .legend-item{ display:flex; align-items:center; gap:12px; } .legend-line{ width:46px; height:3px; display:block; border-radius:999px; box-shadow:0 0 10px currentColor; } .legend-item p{ margin:0; color:rgba(255,255,255,.82); font-size:12px; line-height:1.2; font-weight:700; text-transform:uppercase; letter-spacing:.06em; } /* COLORS */ .legend-line.expressway{ background:#57ff7a; color:#57ff7a; } .legend-line.metro{ background:#9fffea; color:#9fffea; } .legend-line.freight{ background:#ffb000; color:#ffb000; } .legend-line.utility{ background:#ff6b00; color:#ff6b00; } .legend-line.water{ background:#00F0FF; color:#00F0FF; } /* MOBILE */ @media(max-width:767px){ .map-legend{ left:14px; bottom:14px; padding:12px 14px; gap:8px; } .legend-line{ width:34px; height:2px; } .legend-item p{ font-size:10px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b400b86 */.elementor-2822 .elementor-element.elementor-element-3b400b86{ align-items:stretch !important; } .elementor-2822 .elementor-element.elementor-element-3b400b86 > .e-con, .elementor-2822 .elementor-element.elementor-element-3b400b86 > .elementor-element{ height:auto !important; align-self:stretch !important; display:flex !important; } /* inside card box */ .elementor-2822 .elementor-element.elementor-element-3b400b86 .future-card, .elementor-2822 .elementor-element.elementor-element-3b400b86 .elementor-widget-container{ height:100% !important; min-height:340px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; } .elementor-2822 .elementor-element.elementor-element-3b400b86{ align-items:stretch !important; } .elementor-2822 .elementor-element.elementor-element-3b400b86 > .e-con, .elementor-2822 .elementor-element.elementor-element-3b400b86 > .elementor-element{ height:auto !important; align-self:stretch !important; display:flex !important; } /* inside card box */ .elementor-2822 .elementor-element.elementor-element-3b400b86 .future-card, .elementor-2822 .elementor-element.elementor-element-3b400b86 .elementor-widget-container{ height:100% !important; min-height:340px !important; display:flex !important; flex-direction:column !important; justify-content:flex-start !important; align-items:flex-start !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1daa1a2f *//* ULTRA PREMIUM LIGHT CYAN AI BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #02050b 0%, #07111d 35%, #030811 65%, #081522 100% ); isolation:isolate; } /* LIGHTER CYAN AMBIENT GLOW */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f:before{ content:""; position:absolute; inset:-20%; background: radial-gradient( circle at 20% 30%, rgba(0,255,255,.22), transparent 26% ), radial-gradient( circle at 80% 25%, rgba(90,255,255,.18), transparent 24% ), radial-gradient( circle at 50% 75%, rgba(0,240,255,.20), transparent 30% ), radial-gradient( circle at 35% 60%, rgba(255,255,255,.04), transparent 18% ); filter:blur(110px); animation:ambientPulse 14s ease-in-out infinite alternate; pointer-events:none; } /* SLOWER & SOFTER GLOSS SWEEP */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f:after{ content:""; position:absolute; top:-80%; left:-70%; width:70%; height:280%; background: linear-gradient( 115deg, transparent 0%, rgba(255,255,255,.025) 35%, rgba(0,255,255,.24) 50%, rgba(255,255,255,.025) 65%, transparent 100% ); filter:blur(32px); transform:rotate(12deg); animation:cyberSweep 10s linear infinite; pointer-events:none; } /* SLOW FLOATING MOTION */ @keyframes ambientPulse{ 0%{ transform: translate(-1%,-1%) scale(1); opacity:.72; } 50%{ transform: translate(2%,2%) scale(1.06); opacity:1; } 100%{ transform: translate(3%,-1%) scale(1.1); opacity:.86; } } /* SLOW CINEMATIC SWEEP */ @keyframes cyberSweep{ 0%{ left:-100%; opacity:0; } 20%{ opacity:.28; } 50%{ opacity:.72; } 80%{ opacity:.38; } 100%{ left:150%; opacity:0; } } /* KEEP SECTION EFFECTS BEHIND CARDS */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f{ position:relative; overflow:hidden; isolation:isolate; } /* BACKGROUND EFFECT LAYER */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f:before, .elementor-2822 .elementor-element.elementor-element-1daa1a2f:after{ z-index:0; } /* ALL INNER CONTENT ABOVE EFFECT */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f > *{ position:relative; z-index:2; } /* EXTRA SAFETY FOR ELEMENTOR CONTAINERS/CARDS */ .elementor-2822 .elementor-element.elementor-element-1daa1a2f .elementor-element, .elementor-2822 .elementor-element.elementor-element-1daa1a2f .elementor-widget, .elementor-2822 .elementor-element.elementor-element-1daa1a2f .e-con, .elementor-2822 .elementor-element.elementor-element-1daa1a2f .elementor-container{ position:relative; z-index:2; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3c7567a *//* ========================================= INDUSTRIAL & ECONOMIC INFRASTRUCTURE ========================================= */ .industrial-section{ position:relative; overflow:hidden; padding:62px 52px; border-radius:30px; background: radial-gradient(circle at 20% 25%, rgba(0,240,255,.10), transparent 34%), radial-gradient(circle at 85% 75%, rgba(0,240,255,.08), transparent 36%), linear-gradient(135deg, rgba(2,8,18,.96), rgba(1,5,12,.98)); border:1px solid rgba(0,240,255,.18); box-shadow: 0 30px 90px rgba(0,0,0,.45), inset 0 0 70px rgba(0,240,255,.025); } /* BACKGROUND SWEEP */ .industrial-section::before{ content:""; position:absolute; inset:-35%; pointer-events:none; background: linear-gradient( 115deg, transparent 36%, rgba(0,240,255,.10) 50%, transparent 64% ); filter:blur(60px); opacity:.55; animation:industrialSweep 13s linear infinite; } /* ========================================= HEADING ========================================= */ .industrial-header{ position:relative; z-index:2; text-align:center; margin-bottom:38px; } .industrial-header h2{ margin:0; color:#ffffff; font-size:38px; line-height:1.15; font-weight:800; letter-spacing:.06em; text-transform:uppercase; } .industrial-header h2 span{ color:#00F0FF; text-shadow: 0 0 16px rgba(0,240,255,.45); } /* OPTIONAL SIDE LINES */ .industrial-header h2::before, .industrial-header h2::after{ content:""; display:inline-block; width:90px; height:1px; vertical-align:middle; margin:0 20px; background: linear-gradient( 90deg, transparent, rgba(0,240,255,.55), transparent ); box-shadow: 0 0 12px rgba(0,240,255,.35); } /* ========================================= GRID ========================================= */ .industrial-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:24px; } /* ========================================= CARD ========================================= */ .industrial-card{ position:relative; overflow:hidden; min-height:360px; border-radius:20px; background: linear-gradient( 180deg, rgba(4,12,22,.88), rgba(1,5,12,.98) ); border:1px solid rgba(0,240,255,.18); box-shadow: 0 18px 48px rgba(0,0,0,.36), inset 0 0 45px rgba(0,240,255,.02); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease; } .industrial-card:hover{ transform:translateY(-6px); border-color:rgba(0,240,255,.34); box-shadow: 0 26px 62px rgba(0,0,0,.48), 0 0 36px rgba(0,240,255,.08), inset 0 0 56px rgba(0,240,255,.025); } /* FUTURISTIC CORNER LINES */ .industrial-card::before, .industrial-card::after{ content:""; position:absolute; z-index:5; pointer-events:none; width:48px; height:48px; border-color:rgba(0,240,255,.45); border-style:solid; opacity:.75; } .industrial-card::before{ top:0; left:0; border-width:1px 0 0 1px; border-top-left-radius:20px; } .industrial-card::after{ right:0; bottom:0; border-width:0 1px 1px 0; border-bottom-right-radius:20px; } /* ========================================= IMAGE ========================================= */ .industrial-image{ position:relative; height:145px; overflow:hidden; } .industrial-image img{ width:100%; height:100%; object-fit:cover; display:block; filter: brightness(.72) saturate(1.08); transition: transform .7s ease, filter .7s ease; } .industrial-card:hover .industrial-image img{ transform:scale(1.08); filter: brightness(.9) saturate(1.2); } /* DARK FADE BETWEEN IMAGE AND CONTENT */ .industrial-image::after{ content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient( 180deg, rgba(1,5,12,.05) 0%, rgba(1,5,12,.22) 45%, rgba(1,5,12,.94) 100% ); } /* ========================================= CONTENT ========================================= */ .industrial-content{ position:relative; z-index:3; padding:0 28px 30px; margin-top:-42px; } .industrial-icon{ width:74px; height:74px; margin-bottom:24px; display:flex; align-items:center; justify-content:center; border-radius:18px; background: rgba(0,240,255,.06); border:1px solid rgba(0,240,255,.22); box-shadow: inset 0 0 22px rgba(0,240,255,.045), 0 0 24px rgba(0,240,255,.10); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .industrial-icon svg{ width:34px; height:34px; fill:none; stroke:#00F0FF; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter: drop-shadow(0 0 8px rgba(0,240,255,.65)); } .industrial-content h3{ margin:0 0 14px 0; color:#ffffff; font-size:20px; line-height:1.25; font-weight:800; letter-spacing:.04em; text-transform:uppercase; } .industrial-content p{ margin:0; color:rgba(255,255,255,.66); font-size:15px; line-height:1.7; font-weight:400; } /* ========================================= ANIMATION ========================================= */ @keyframes industrialSweep{ 0%{ transform:translateX(-35%) rotate(8deg); opacity:0; } 25%{ opacity:.45; } 50%{ opacity:.75; } 75%{ opacity:.35; } 100%{ transform:translateX(35%) rotate(8deg); opacity:0; } } /* ========================================= LARGE TABLET ========================================= */ @media(max-width:1200px){ .industrial-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } .industrial-card{ min-height:340px; } } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .industrial-section{ padding:52px 34px; border-radius:26px; } .industrial-header h2{ font-size:32px; } .industrial-header h2::before, .industrial-header h2::after{ width:60px; margin:0 14px; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .industrial-section{ padding:40px 20px; border-radius:22px; } .industrial-header{ margin-bottom:30px; } .industrial-header h2{ font-size:26px; line-height:1.25; letter-spacing:.04em; } .industrial-header h2::before, .industrial-header h2::after{ display:none; } .industrial-grid{ grid-template-columns:1fr; gap:20px; } .industrial-card{ min-height:auto; border-radius:18px; } .industrial-image{ height:160px; } .industrial-content{ padding:0 24px 28px; margin-top:-38px; } .industrial-icon{ width:64px; height:64px; border-radius:16px; margin-bottom:22px; } .industrial-icon svg{ width:30px; height:30px; } .industrial-content h3{ font-size:18px; } .industrial-content p{ font-size:14px; line-height:1.65; } } /* ========================================= VERY SMALL PHONES ========================================= */ @media(max-width:420px){ .industrial-section{ padding:34px 16px; } .industrial-header h2{ font-size:23px; } .industrial-image{ height:145px; } .industrial-content{ padding:0 20px 24px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a903124 *//* FUTURISTIC 2050 GRID BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-a903124{ position: relative; overflow: hidden; background: linear-gradient(rgba(0,240,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,240,255,0.06) 1px, transparent 1px), radial-gradient(circle at top, rgba(0,240,255,0.10), #02060d 45%); background-size: 80px 80px, 80px 80px, 100% 100%; background-color: #02060d; } /* glowing overlay */ .elementor-2822 .elementor-element.elementor-element-a903124::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,240,255,0.10), transparent 25%), radial-gradient(circle at 80% 30%, rgba(0,240,255,0.08), transparent 25%), radial-gradient(circle at 50% 80%, rgba(0,240,255,0.06), transparent 30%); animation: futuristicGlow 8s ease-in-out infinite alternate; pointer-events: none; } /* moving cyber scan line */ .elementor-2822 .elementor-element.elementor-element-a903124::after{ content: ""; position: absolute; top: -200%; left: 0; width: 100%; height: 300%; background: linear-gradient( to bottom, transparent 0%, rgba(0,240,255,0.04) 48%, rgba(0,240,255,0.12) 50%, rgba(0,240,255,0.04) 52%, transparent 100% ); animation: scanMove 10s linear infinite; pointer-events: none; } /* animations */ @keyframes futuristicGlow{ 0%{ opacity: .5; transform: scale(1); } 100%{ opacity: 1; transform: scale(1.05); } } @keyframes scanMove{ 0%{ transform: translateY(-25%); } 100%{ transform: translateY(25%); } } /* ========================================= TIMELINE RESPONSIVE STACK FIX Desktop = side by side Tablet / Mobile = below each other ========================================= */ .timeline-row{ display:flex !important; flex-direction:row !important; gap:36px !important; width:100% !important; align-items:stretch !important; } /* make both timeline containers equal width on desktop */ .timeline-row > .e-con, .timeline-row > .elementor-element{ flex:1 1 0 !important; width:50% !important; max-width:50% !important; } /* ========================================= TABLET + MOBILE ========================================= */ @media(max-width:1024px){ .timeline-row{ flex-direction:column !important; gap:36px !important; } .timeline-row > .e-con, .timeline-row > .elementor-element{ width:100% !important; max-width:100% !important; flex:0 0 auto !important; } } /* ========================================= MOBILE SMALL SPACING ========================================= */ @media(max-width:767px){ .timeline-row{ gap:28px !important; } .timeline-row > .e-con, .timeline-row > .elementor-element{ width:100% !important; max-width:100% !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-7c85f15 *//* ========================================= SUSTAINABILITY AT THE CORE ========================================= */ .sustainability-section{ position:relative; overflow:hidden; padding:54px 48px; border-radius:28px; background: radial-gradient(circle at 20% 40%, rgba(0,240,255,.10), transparent 34%), radial-gradient(circle at 85% 65%, rgba(0,240,255,.07), transparent 34%), linear-gradient(135deg, rgba(2,8,18,.96), rgba(1,5,12,.98)); border:1px solid rgba(0,240,255,.18); box-shadow: 0 30px 90px rgba(0,0,0,.45), inset 0 0 70px rgba(0,240,255,.025); } /* BACKGROUND SCAN */ .sustainability-section::before{ content:""; position:absolute; inset:-35%; pointer-events:none; background: linear-gradient( 115deg, transparent 36%, rgba(0,240,255,.10) 50%, transparent 64% ); filter:blur(60px); opacity:.55; animation:sustainabilitySweep 13s linear infinite; } /* ========================================= HEADING ========================================= */ .sustainability-header{ position:relative; z-index:2; text-align:center; margin-bottom:32px; } .sustainability-header h2{ margin:0; color:#ffffff; font-size:36px; line-height:1.15; font-weight:800; letter-spacing:.10em; text-transform:uppercase; } .sustainability-header h2 span{ color:#00F0FF; text-shadow: 0 0 16px rgba(0,240,255,.45); } /* ========================================= GRID ========================================= */ .sustainability-grid{ position:relative; z-index:2; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; } /* ========================================= CARD ========================================= */ .sustainability-card{ position:relative; overflow:hidden; min-height:170px; display:grid; grid-template-columns:88px 1fr; gap:20px; align-items:center; padding:26px 28px; border-radius:18px; background: linear-gradient( 180deg, rgba(4,12,22,.88), rgba(1,5,12,.98) ); border:1px solid rgba(0,240,255,.16); box-shadow: 0 18px 48px rgba(0,0,0,.34), inset 0 0 45px rgba(0,240,255,.02); transition: transform .45s ease, border-color .45s ease, box-shadow .45s ease, background .45s ease; } .sustainability-card:hover{ transform:translateY(-5px); border-color:rgba(0,240,255,.34); background: linear-gradient( 180deg, rgba(7,17,28,.92), rgba(1,5,12,.98) ); box-shadow: 0 26px 62px rgba(0,0,0,.46), 0 0 36px rgba(0,240,255,.08), inset 0 0 56px rgba(0,240,255,.025); } /* FUTURISTIC CORNERS */ .sustainability-card::before, .sustainability-card::after{ content:""; position:absolute; z-index:5; pointer-events:none; width:42px; height:42px; border-color:rgba(0,240,255,.42); border-style:solid; opacity:.75; } .sustainability-card::before{ top:0; left:0; border-width:1px 0 0 1px; border-top-left-radius:18px; } .sustainability-card::after{ right:0; bottom:0; border-width:0 1px 1px 0; border-bottom-right-radius:18px; } /* ========================================= ICON ========================================= */ .sustainability-icon{ width:78px; height:78px; display:flex; align-items:center; justify-content:center; border-radius:18px; background: rgba(0,240,255,.06); border:1px solid rgba(0,240,255,.20); box-shadow: inset 0 0 22px rgba(0,240,255,.045), 0 0 24px rgba(0,240,255,.10); transition: transform .4s ease, background .4s ease, box-shadow .4s ease; } .sustainability-card:hover .sustainability-icon{ transform:scale(1.05); background: rgba(0,240,255,.10); box-shadow: inset 0 0 24px rgba(0,240,255,.06), 0 0 30px rgba(0,240,255,.14); } .sustainability-icon svg{ width:36px; height:36px; fill:none; stroke:#00F0FF; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; filter: drop-shadow(0 0 8px rgba(0,240,255,.65)); } /* ========================================= TEXT ========================================= */ .sustainability-content h3{ margin:0 0 10px 0; color:#ffffff; font-size:19px; line-height:1.25; font-weight:800; letter-spacing:.05em; text-transform:uppercase; } .sustainability-content p{ margin:0; color:rgba(255,255,255,.66); font-size:15px; line-height:1.65; font-weight:400; } /* ========================================= ANIMATION ========================================= */ @keyframes sustainabilitySweep{ 0%{ transform:translateX(-35%) rotate(8deg); opacity:0; } 25%{ opacity:.45; } 50%{ opacity:.75; } 75%{ opacity:.35; } 100%{ transform:translateX(35%) rotate(8deg); opacity:0; } } /* ========================================= LARGE TABLET ========================================= */ @media(max-width:1200px){ .sustainability-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .sustainability-section{ padding:46px 34px; border-radius:26px; } .sustainability-header h2{ font-size:30px; letter-spacing:.08em; } .sustainability-card{ min-height:160px; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .sustainability-section{ padding:38px 20px; border-radius:22px; } .sustainability-header{ margin-bottom:28px; } .sustainability-header h2{ font-size:25px; line-height:1.25; letter-spacing:.05em; } .sustainability-grid{ grid-template-columns:1fr; gap:18px; } .sustainability-card{ grid-template-columns:62px 1fr; gap:16px; min-height:auto; padding:22px 20px; border-radius:16px; } .sustainability-icon{ width:58px; height:58px; border-radius:15px; } .sustainability-icon svg{ width:28px; height:28px; } .sustainability-content h3{ font-size:16px; line-height:1.3; } .sustainability-content p{ font-size:14px; line-height:1.6; } } /* ========================================= VERY SMALL PHONES ========================================= */ @media(max-width:420px){ .sustainability-section{ padding:32px 16px; } .sustainability-card{ grid-template-columns:1fr; text-align:left; } .sustainability-header h2{ font-size:22px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-621f06a *//* FUTURISTIC 2050 GRID BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-621f06a{ position: relative; overflow: hidden; background: linear-gradient(rgba(0,240,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,240,255,0.06) 1px, transparent 1px), radial-gradient(circle at top, rgba(0,240,255,0.10), #02060d 45%); background-size: 80px 80px, 80px 80px, 100% 100%; background-color: #02060d; } /* glowing overlay */ .elementor-2822 .elementor-element.elementor-element-621f06a::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,240,255,0.10), transparent 25%), radial-gradient(circle at 80% 30%, rgba(0,240,255,0.08), transparent 25%), radial-gradient(circle at 50% 80%, rgba(0,240,255,0.06), transparent 30%); animation: futuristicGlow 8s ease-in-out infinite alternate; pointer-events: none; } /* moving cyber scan line */ .elementor-2822 .elementor-element.elementor-element-621f06a::after{ content: ""; position: absolute; top: -200%; left: 0; width: 100%; height: 300%; background: linear-gradient( to bottom, transparent 0%, rgba(0,240,255,0.04) 48%, rgba(0,240,255,0.12) 50%, rgba(0,240,255,0.04) 52%, transparent 100% ); animation: scanMove 10s linear infinite; pointer-events: none; } /* animations */ @keyframes futuristicGlow{ 0%{ opacity: .5; transform: scale(1); } 100%{ opacity: 1; transform: scale(1.05); } } @keyframes scanMove{ 0%{ transform: translateY(-25%); } 100%{ transform: translateY(25%); } } /* ========================================= TIMELINE RESPONSIVE STACK FIX Desktop = side by side Tablet / Mobile = below each other ========================================= */ .timeline-row{ display:flex !important; flex-direction:row !important; gap:36px !important; width:100% !important; align-items:stretch !important; } /* make both timeline containers equal width on desktop */ .timeline-row > .e-con, .timeline-row > .elementor-element{ flex:1 1 0 !important; width:50% !important; max-width:50% !important; } /* ========================================= TABLET + MOBILE ========================================= */ @media(max-width:1024px){ .timeline-row{ flex-direction:column !important; gap:36px !important; } .timeline-row > .e-con, .timeline-row > .elementor-element{ width:100% !important; max-width:100% !important; flex:0 0 auto !important; } } /* ========================================= MOBILE SMALL SPACING ========================================= */ @media(max-width:767px){ .timeline-row{ gap:28px !important; } .timeline-row > .e-con, .timeline-row > .elementor-element{ width:100% !important; max-width:100% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-11ddee4f */.elementor-2822 .elementor-element.elementor-element-11ddee4f{ display:inline-flex; align-items:center; justify-content:center; width:fit-content !important; flex:none; padding:8px 18px; background:rgba(0,255,225,0.08); border:1px solid #00FFE1; border-radius:999px; color:#00FFE1; font-size:13px; font-weight:600; letter-spacing:.6px; line-height:1.1; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); box-shadow: 0 0 10px rgba(0,255,225,.18), 0 0 25px rgba(0,255,225,.10), inset 0 0 12px rgba(0,255,225,.06); position:relative; z-index:5; transition:all .3s ease; } .elementor-2822 .elementor-element.elementor-element-11ddee4f:hover{ box-shadow: 0 0 14px rgba(0,255,225,.28), 0 0 35px rgba(0,255,225,.16), inset 0 0 14px rgba(0,255,225,.08); transform:translateY(-1px); }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-526587fa *//* ULTRA FUTURISTIC CTA BUTTON */ .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button{ position:relative; overflow:hidden; padding:18px 42px; border-radius:18px; background: linear-gradient( 135deg, rgba(0,255,255,.12), rgba(0,180,255,.05) ); border:1px solid rgba(0,255,255,.35); color:#00f0ff !important; font-weight:700; letter-spacing:.3px; backdrop-filter:blur(14px); box-shadow: 0 0 12px rgba(0,255,255,.18), 0 0 35px rgba(0,255,255,.08), inset 0 0 18px rgba(255,255,255,.03); transition:all .45s cubic-bezier(.19,1,.22,1); transform-style:preserve-3d; } /* GLOWING BORDER */ .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button:before{ content:""; position:absolute; inset:-1px; border-radius:18px; background: linear-gradient( 130deg, rgba(0,255,255,.0), rgba(0,255,255,.7), rgba(255,255,255,.25), rgba(0,255,255,.0) ); opacity:.45; filter:blur(10px); animation:borderFlow 3s linear infinite; z-index:-2; } /* MOVING GLOSSY LIGHT */ .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button:after{ content:""; position:absolute; top:-120%; left:-60%; width:55%; height:320%; background: linear-gradient( 115deg, transparent, rgba(255,255,255,.28), rgba(0,255,255,.22), transparent ); transform:rotate(18deg); filter:blur(10px); animation:buttonSweep 3.5s linear infinite; pointer-events:none; } /* HOVER = PREMIUM */ .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button:hover{ transform: translateY(-4px) scale(1.03); color:#ffffff !important; border-color:rgba(0,255,255,.7); background: linear-gradient( 135deg, rgba(0,255,255,.22), rgba(0,140,255,.12) ); box-shadow: 0 0 18px rgba(0,255,255,.45), 0 0 50px rgba(0,255,255,.22), 0 12px 40px rgba(0,0,0,.45), inset 0 0 24px rgba(255,255,255,.06); } /* CLICK EFFECT */ .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button:active{ transform:scale(.98); } /* ICON ANIMATION */ .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button i, .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button svg{ transition:all .4s ease; } .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button:hover i, .elementor-2822 .elementor-element.elementor-element-526587fa .elementor-button:hover svg{ transform:translateX(6px); } /* ANIMATIONS */ @keyframes buttonSweep{ 0%{ left:-80%; opacity:0; } 15%{ opacity:.3; } 45%{ opacity:1; } 100%{ left:150%; opacity:0; } } @keyframes borderFlow{ 0%{ transform:rotate(0deg); } 100%{ transform:rotate(360deg); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2ae67e *//* FUTURISTIC 2050 GRID BACKGROUND */ .elementor-2822 .elementor-element.elementor-element-d2ae67e{ position: relative; overflow: hidden; background: linear-gradient(rgba(0,240,255,0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(0,240,255,0.06) 1px, transparent 1px), radial-gradient(circle at top, rgba(0,240,255,0.10), #02060d 45%); background-size: 80px 80px, 80px 80px, 100% 100%; background-color: #02060d; } /* glowing overlay */ .elementor-2822 .elementor-element.elementor-element-d2ae67e::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,240,255,0.10), transparent 25%), radial-gradient(circle at 80% 30%, rgba(0,240,255,0.08), transparent 25%), radial-gradient(circle at 50% 80%, rgba(0,240,255,0.06), transparent 30%); animation: futuristicGlow 8s ease-in-out infinite alternate; pointer-events: none; } /* moving cyber scan line */ .elementor-2822 .elementor-element.elementor-element-d2ae67e::after{ content: ""; position: absolute; top: -200%; left: 0; width: 100%; height: 300%; background: linear-gradient( to bottom, transparent 0%, rgba(0,240,255,0.04) 48%, rgba(0,240,255,0.12) 50%, rgba(0,240,255,0.04) 52%, transparent 100% ); animation: scanMove 10s linear infinite; pointer-events: none; } /* animations */ @keyframes futuristicGlow{ 0%{ opacity: .5; transform: scale(1); } 100%{ opacity: 1; transform: scale(1.05); } } @keyframes scanMove{ 0%{ transform: translateY(-25%); } 100%{ transform: translateY(25%); } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-475be90 *//* OUTER BAR */ .ticker-wrap{ width:100%; overflow:hidden; background:#04070d; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); padding:14px 0; position:relative; } /* MOVING ROW */ .ticker{ display:flex; align-items:center; gap:80px; width:max-content; animation:tickerScroll 35s linear infinite; } /* TEXT */ .ticker span{ color:rgba(255,255,255,.68); font-size:18px; font-weight:500; white-space:nowrap; display:flex; align-items:center; gap:12px; } /* BLUE DOT */ .ticker span::before{ content:""; width:10px; height:10px; border-radius:50%; background:#00F0FF; box-shadow:0 0 12px rgba(0,240,255,.8); display:inline-block; } /* ANIMATION */ @keyframes tickerScroll{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } } .ticker-wrap{ width:100%; overflow:hidden; background:#04070d; border-top:1px solid rgba(255,255,255,.05); border-bottom:1px solid rgba(255,255,255,.05); padding:14px 0; position:relative; } /* LEFT FADE */ .ticker-wrap:before{ content:""; position:absolute; left:0; top:0; width:120px; height:100%; z-index:2; background: linear-gradient( 90deg, #04070d 0%, rgba(4,7,13,0) 100% ); } /* RIGHT FADE */ .ticker-wrap:after{ content:""; position:absolute; right:0; top:0; width:120px; height:100%; z-index:2; background: linear-gradient( 270deg, #04070d 0%, rgba(4,7,13,0) 100% ); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6338efa6 *//* ========================================= ULTRA FUTURISTIC FOOTER CONTAINER FULL PAGE GRID SCAN VERSION NO EXTRA PADDING ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6{ position:relative; overflow:hidden; isolation:isolate; background: radial-gradient( circle at top left, rgba(0,240,255,.12), transparent 28% ), radial-gradient( circle at bottom right, rgba(0,240,255,.08), transparent 24% ), linear-gradient( 180deg, #02060d 0%, #040913 45%, #02050c 100% ); border-top: 1px solid rgba(0,240,255,.14); } /* ========================================= FULL PAGE ANIMATED GRID ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6:before{ content:""; position:absolute; inset:0; z-index:0; background-image: linear-gradient( rgba(0,240,255,.055) 1px, transparent 1px ), linear-gradient( 90deg, rgba(0,240,255,.055) 1px, transparent 1px ); background-size:60px 60px; mask-image: linear-gradient( 180deg, rgba(0,0,0,.95), rgba(0,0,0,.45) ); will-change:background-position; animation: footerGridMove 28s linear infinite; } /* ========================================= MOVING CYAN GLOW ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6:after{ content:""; position:absolute; width:700px; height:700px; top:-250px; right:-180px; z-index:0; background: radial-gradient( circle, rgba(0,240,255,.14) 0%, rgba(0,240,255,.04) 35%, transparent 70% ); filter:blur(10px); animation: floatingGlow 9s ease-in-out infinite alternate; } /* ========================================= KEEP CONTENT ABOVE EFFECTS ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6 > .elementor-container, .elementor-2822 .elementor-element.elementor-element-6338efa6 > .e-con-inner, .elementor-2822 .elementor-element.elementor-element-6338efa6 .elementor-widget-wrap{ position:relative; z-index:2; } /* ========================================= TOP GLOW LINE ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6 .footer-glow-line{ position:absolute; top:0; left:50%; transform:translateX(-50%); width:82%; height:2px; z-index:3; background: linear-gradient( 90deg, transparent, rgba(0,240,255,.95), transparent ); box-shadow: 0 0 18px rgba(0,240,255,.65), 0 0 50px rgba(0,240,255,.18); } /* ========================================= FUTURISTIC CORNERS ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6 .footer-corner{ position:absolute; width:140px; height:140px; z-index:1; border: 1px solid rgba(0,240,255,.12); } .elementor-2822 .elementor-element.elementor-element-6338efa6 .footer-corner.left{ top:24px; left:24px; border-right:none; border-bottom:none; } .elementor-2822 .elementor-element.elementor-element-6338efa6 .footer-corner.right{ bottom:24px; right:24px; border-left:none; border-top:none; } /* ========================================= NOISE TEXTURE ========================================= */ .elementor-2822 .elementor-element.elementor-element-6338efa6 .footer-noise{ position:absolute; inset:0; z-index:1; opacity:.035; background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png"); mix-blend-mode:screen; pointer-events:none; } /* ========================================= GRID MOVEMENT ========================================= */ @keyframes footerGridMove{ 0%{ background-position: 0px 0px, 0px 0px; } 100%{ background-position: 0px 1200px, 1200px 0px; } } /* ========================================= FLOATING GLOW ========================================= */ @keyframes floatingGlow{ 0%{ transform: translate(0,0) scale(1); } 100%{ transform: translate(-60px,40px) scale(1.12); } } /* ========================================= TABLET ========================================= */ @media(max-width:1024px){ .elementor-2822 .elementor-element.elementor-element-6338efa6:before{ background-size:42px 42px; } } /* ========================================= MOBILE ========================================= */ @media(max-width:767px){ .elementor-2822 .elementor-element.elementor-element-6338efa6:before{ background-size:30px 30px; } .elementor-2822 .elementor-element.elementor-element-6338efa6:after{ width:420px; height:420px; top:-160px; right:-140px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-53dd269 */.future-footer{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:40px; padding:34px 0; position:relative; overflow:hidden; } /* LEFT SIDE */ .future-left{ position:relative; padding-left:34px; } /* GLOW LINE */ .future-line{ position:absolute; left:0; top:4px; width:3px; height:52px; border-radius:999px; background: linear-gradient( 180deg, #00f0ff, rgba(0,240,255,.08) ); box-shadow: 0 0 18px rgba(0,240,255,.9), 0 0 50px rgba(0,240,255,.25); } /* MAIN COPYRIGHT */ .future-copy{ font-size:18px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; background: linear-gradient( 90deg, #ffffff 0%, #7ff8ff 40%, #00f0ff 70%, #ffffff 100% ); -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-shadow: 0 0 18px rgba(0,240,255,.18); margin-bottom:8px; } /* SUBTEXT */ .future-sub{ color:rgba(255,255,255,.45); font-size:11px; letter-spacing:.22em; text-transform:uppercase; display:flex; align-items:center; gap:8px; flex-wrap:wrap; } .future-sub span{ color:#00f0ff; font-weight:700; text-shadow: 0 0 12px rgba(0,240,255,.45); } /* SOCIALS */ .future-socials{ display:flex; align-items:center; gap:16px; } .future-socials a{ position:relative; width:52px; height:52px; border-radius:18px; display:flex; align-items:center; justify-content:center; color:#00f0ff; background: linear-gradient( 180deg, rgba(0,240,255,.12), rgba(0,240,255,.03) ); border: 1px solid rgba(0,240,255,.14); backdrop-filter:blur(14px); transition:.45s ease; overflow:hidden; } /* MOVING LIGHT */ .future-socials a:before{ content:""; position:absolute; inset:-40%; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.35) 50%, transparent 80% ); transform:translateX(-120%) rotate(12deg); transition:1s ease; } .future-socials a:hover:before{ transform:translateX(120%) rotate(12deg); } .future-socials a:hover{ transform: translateY(-6px) scale(1.08); border-color: rgba(0,240,255,.45); box-shadow: 0 0 25px rgba(0,240,255,.28), 0 0 60px rgba(0,240,255,.10); } .future-socials svg{ width:20px; height:20px; position:relative; z-index:2; } /* MOBILE */ @media(max-width:767px){ .future-footer{ flex-direction:column; align-items:flex-start; gap:26px; } .future-socials{ width:100%; } } /* POLICY LINKS */ .future-links{ display:flex; align-items:center; gap:12px; margin-top:14px; flex-wrap:wrap; } .future-links span{ color: rgba(255,255,255,.18); } .future-links a{ position:relative; color: rgba(255,255,255,.58); font-size:11px; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; transition:.35s ease; } /* GLOW UNDERLINE */ .future-links a:after{ content:""; position:absolute; left:0; bottom:-6px; width:0%; height:1px; background:#00f0ff; box-shadow: 0 0 10px rgba(0,240,255,.8); transition:.4s ease; } .future-links a:hover{ color:#00f0ff; text-shadow: 0 0 12px rgba(0,240,255,.45); } .future-links a:hover:after{ width:100%; }/* End custom CSS */