.elementor-2463 .elementor-element.elementor-element-3ac185d{--display:flex;--min-height:60vh;--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;--overlay-opacity:0.33;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-3ac185d:not(.elementor-motion-effects-element-type-background), .elementor-2463 .elementor-element.elementor-element-3ac185d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://introspectus.com.au/wp-content/uploads/2026/03/OUR-STORY-HERO-BG-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2463 .elementor-element.elementor-element-3ac185d::before, .elementor-2463 .elementor-element.elementor-element-3ac185d > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-3ac185d > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-3ac185d > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-3ac185d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-3ac185d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-5833166 );--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-b3f5888{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-b3f5888 > .elementor-widget-container{margin:-15px -15px -15px -15px;}.elementor-2463 .elementor-element.elementor-element-b3f5888 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-b3f5888 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-c74405f{text-align:center;}.elementor-2463 .elementor-element.elementor-element-c74405f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:80px;font-weight:400;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-203cafe > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-203cafe{text-align:center;}.elementor-2463 .elementor-element.elementor-element-203cafe .elementor-heading-title{font-family:var( --e-global-typography-d5bad4c-font-family ), Sans-serif;font-size:var( --e-global-typography-d5bad4c-font-size );font-weight:var( --e-global-typography-d5bad4c-font-weight );line-height:var( --e-global-typography-d5bad4c-line-height );letter-spacing:var( --e-global-typography-d5bad4c-letter-spacing );color:#FFFFFF;}.elementor-2463 .elementor-element.elementor-element-6c36bce{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-6c36bce > .elementor-widget-container{margin:-15px -15px -15px -15px;}.elementor-2463 .elementor-element.elementor-element-6c36bce .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-6c36bce .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-f818812{width:100%;max-width:100%;text-align:center;}.elementor-2463 .elementor-element.elementor-element-f818812 > .elementor-widget-container{padding:10px 10px 10px 10px;border-style:none;border-radius:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-f818812.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-f818812 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:700;line-height:1.3em;letter-spacing:-0.5px;text-shadow:0px 0px 16px rgba(0, 0, 0, 0.49);}.elementor-2463 .elementor-element.elementor-element-a31618c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-063dbdb-font-family ), Sans-serif;font-size:var( --e-global-typography-063dbdb-font-size );font-weight:var( --e-global-typography-063dbdb-font-weight );line-height:var( --e-global-typography-063dbdb-line-height );letter-spacing:var( --e-global-typography-063dbdb-letter-spacing );text-shadow:2px 2px 4px rgba(0, 0, 0, 0.7);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-a31618c.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button{background-color:var( --e-global-color-90ff227 );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );fill:var( --e-global-color-633bcce );color:var( --e-global-color-633bcce );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button:hover, .elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button:focus{background-color:var( --e-global-color-90ff227 );color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button:hover svg, .elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-ea65aff{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-53ef399 .elementor-button{background-color:#003D71;font-family:"Inter", Sans-serif;font-weight:700;fill:var( --e-global-color-633bcce );color:var( --e-global-color-633bcce );box-shadow:0px 0px 30px 0px #00BEFF;transition-duration:0s;border-style:none;border-radius:12px 12px 12px 12px;padding:20px 50px 20px 52px;}.elementor-2463 .elementor-element.elementor-element-53ef399{width:auto;max-width:auto;}.elementor-2463 .elementor-element.elementor-element-53ef399 .elementor-button:hover, .elementor-2463 .elementor-element.elementor-element-53ef399 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-2463 .elementor-element.elementor-element-53ef399 .elementor-button:hover svg, .elementor-2463 .elementor-element.elementor-element-53ef399 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-2463 .elementor-element.elementor-element-c858ede{--display:flex;--min-height:60vh;--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-2463 .elementor-element.elementor-element-c858ede:not(.elementor-motion-effects-element-type-background), .elementor-2463 .elementor-element.elementor-element-c858ede > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(181deg, #9096B7 0%, #FFFFFF 30%);}.elementor-2463 .elementor-element.elementor-element-84db8ca{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-84db8ca .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-84db8ca .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-34ac067{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2463 .elementor-element.elementor-element-7eca506{text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;letter-spacing:5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-91065cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2463 .elementor-element.elementor-element-91065cd{text-align:center;font-family:"Inter", Sans-serif;font-size:37px;font-weight:800;line-height:1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-9a3987e{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-9a3987e.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-cf54ebe{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-9c56325{--spacer-size:50px;}.elementor-2463 .elementor-element.elementor-element-af44a20{text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;letter-spacing:5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-1f1b687 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2463 .elementor-element.elementor-element-1f1b687{text-align:center;font-family:"Inter", Sans-serif;font-size:37px;font-weight:800;line-height:1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-7f8ab06{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-7f8ab06.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-3f7b5a1{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-3500496{--spacer-size:50px;}.elementor-2463 .elementor-element.elementor-element-0c84402{text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;letter-spacing:5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-040de1d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2463 .elementor-element.elementor-element-040de1d{text-align:center;font-family:"Inter", Sans-serif;font-size:37px;font-weight:800;line-height:1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-c3b96a9{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-c3b96a9.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-4cc2d83{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-0b2519a{--spacer-size:50px;}.elementor-2463 .elementor-element.elementor-element-562a3d0{text-align:center;font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;line-height:1.4em;letter-spacing:5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-f27608d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 20px 0px;}.elementor-2463 .elementor-element.elementor-element-f27608d{text-align:center;font-family:"Inter", Sans-serif;font-size:37px;font-weight:800;line-height:1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-a816fc5{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-a816fc5.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-0363e80{--display:flex;--min-height:60vh;--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;--overlay-opacity:0.33;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2463 .elementor-element.elementor-element-0363e80:not(.elementor-motion-effects-element-type-background), .elementor-2463 .elementor-element.elementor-element-0363e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://introspectus.com.au/wp-content/uploads/2026/03/OUR-STORY-HERO-BG-scaled.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2463 .elementor-element.elementor-element-0363e80::before, .elementor-2463 .elementor-element.elementor-element-0363e80 > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-0363e80 > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-0363e80 > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-0363e80 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-0363e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-5833166 );--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-f81a6cd{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-f81a6cd .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-f81a6cd .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-dae5b24{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2463 .elementor-element.elementor-element-0f79ee3{width:auto;max-width:auto;text-align:center;}.elementor-2463 .elementor-element.elementor-element-0f79ee3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:59px;font-weight:400;line-height:1.1em;letter-spacing:-0.5px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-d29c6ec{width:auto;max-width:auto;text-align:center;}.elementor-2463 .elementor-element.elementor-element-d29c6ec .elementor-heading-title{font-family:var( --e-global-typography-435479b-font-family ), Sans-serif;font-size:var( --e-global-typography-435479b-font-size );font-weight:var( --e-global-typography-435479b-font-weight );line-height:var( --e-global-typography-435479b-line-height );letter-spacing:var( --e-global-typography-435479b-letter-spacing );color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-9c49b14{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-9c49b14 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-9c49b14 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-393eeea{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-063dbdb-font-family ), Sans-serif;font-size:var( --e-global-typography-063dbdb-font-size );font-weight:var( --e-global-typography-063dbdb-font-weight );line-height:var( --e-global-typography-063dbdb-line-height );letter-spacing:var( --e-global-typography-063dbdb-letter-spacing );color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-393eeea.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-f42f6f6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-73705da{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-fefe27e{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-fefe27e.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-5212322{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-5212322::before, .elementor-2463 .elementor-element.elementor-element-5212322 > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-5212322 > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-5212322 > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-5212322 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-5212322 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-9bdd7d4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-9bdd7d4 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-890afc7{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-890afc7.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-90ea2f3{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-90ea2f3 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-90ea2f3 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-90ea2f3 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-0c909ff{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-0c909ff > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-0c909ff .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-0c909ff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-eebe656{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2463 .elementor-element.elementor-element-eebe656 > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-eebe656.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-eebe656 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-c633697{--display:flex;--min-height:220px;--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-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-c633697.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-a8cc801{--display:flex;--min-height:90px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-6324203 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-6324203{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-96709a7{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-0363f7c{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-963b45b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-13e7b86{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-13e7b86.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-3358576{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-3358576::before, .elementor-2463 .elementor-element.elementor-element-3358576 > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-3358576 > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-3358576 > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-3358576 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-3358576 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-a90bc50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-a90bc50 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-08bc8c7{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-08bc8c7.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-c1f0473{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-c1f0473 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-c1f0473 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-c1f0473 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-d39533c{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-d39533c > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-d39533c .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-d39533c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-3fe0a1d{width:var( --container-widget-width, 119px );max-width:119px;--container-widget-width:119px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2463 .elementor-element.elementor-element-3fe0a1d > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-3fe0a1d.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-3fe0a1d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-4299769{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-4299769.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-e6a2ffe{--display:flex;--min-height:90px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-4f6148d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-4f6148d{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-77c2932{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-7d62291{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-8367cce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-c6235cb{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-c6235cb.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-4f5e36d{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-4f5e36d::before, .elementor-2463 .elementor-element.elementor-element-4f5e36d > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-4f5e36d > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-4f5e36d > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-4f5e36d > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-4f5e36d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-606d0a8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-606d0a8 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-0b6387f{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-0b6387f.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-dd290f4{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-dd290f4 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-dd290f4 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-dd290f4 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-d273dde{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-d273dde > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-d273dde .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-d273dde .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-2755759{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2463 .elementor-element.elementor-element-2755759 > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-2755759.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-2755759 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-31e4532{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-31e4532.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-2858108{--display:flex;--min-height:90px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-c3e9516 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-c3e9516{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-429a906{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-5c54c36{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-cbec94a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-9e22f77{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-9e22f77.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-b74857a{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-b74857a::before, .elementor-2463 .elementor-element.elementor-element-b74857a > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-b74857a > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-b74857a > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-b74857a > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-b74857a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-ac570ed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-ac570ed img{width:120px;}.elementor-2463 .elementor-element.elementor-element-457d049{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-457d049.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-b966b6b{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-b966b6b > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-b966b6b .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-b966b6b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-e4e6555{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-e4e6555 > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-e4e6555 .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-e4e6555 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-0b81f0b{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2463 .elementor-element.elementor-element-0b81f0b > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-0b81f0b.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-0b81f0b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-bf7ebc9{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-bf7ebc9.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-5e92163{--display:flex;--min-height:90px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-9829d63 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-9829d63{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-b6228ec{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-3ee4d8d{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-bf091ef{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-b269de4{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-b269de4.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-2d1fc47{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-2d1fc47::before, .elementor-2463 .elementor-element.elementor-element-2d1fc47 > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-2d1fc47 > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-2d1fc47 > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-2d1fc47 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-2d1fc47 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-26d7a56 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-26d7a56 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-b8c4f37{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-b8c4f37.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-cdfd206{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-cdfd206 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-cdfd206 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-cdfd206 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-e71fd82{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-e71fd82 > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-e71fd82 .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-e71fd82 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-26bf5bf{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;z-index:2;}.elementor-2463 .elementor-element.elementor-element-26bf5bf > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-26bf5bf.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-26bf5bf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-632b7a4{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-632b7a4.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-133b429{--display:flex;--min-height:90px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-a404bea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-a404bea{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-010c04a{--display:flex;}.elementor-2463 .elementor-element.elementor-element-a4963e6{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-24e51f0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-2fa59f3{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-2fa59f3.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-6160c89{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-6160c89::before, .elementor-2463 .elementor-element.elementor-element-6160c89 > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-6160c89 > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-6160c89 > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-6160c89 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-6160c89 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-137d07b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-137d07b img{width:120px;}.elementor-2463 .elementor-element.elementor-element-4b6bbd2{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-4b6bbd2.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-fa5bc87{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-fa5bc87 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-fa5bc87 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-fa5bc87 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-a9720e0{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-a9720e0 > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-a9720e0 .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-a9720e0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-6fc7067{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2463 .elementor-element.elementor-element-6fc7067 > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-6fc7067.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-6fc7067 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-12c37aa{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-12c37aa.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-95c5df0{--display:flex;--min-height:90px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-0f2b9f5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-0f2b9f5{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-a6624f0{--display:flex;}.elementor-2463 .elementor-element.elementor-element-8ac3011{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-bb846e6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-e907899{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-e907899.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-25d7002{--display:flex;--justify-content:center;--overlay-opacity:0.5;--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-2463 .elementor-element.elementor-element-25d7002::before, .elementor-2463 .elementor-element.elementor-element-25d7002 > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-25d7002 > .e-con-inner > .elementor-background-video-container::before, .elementor-2463 .elementor-element.elementor-element-25d7002 > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-25d7002 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2463 .elementor-element.elementor-element-25d7002 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2463 .elementor-element.elementor-element-33c3d61 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:12px 12px 12px 12px;}.elementor-2463 .elementor-element.elementor-element-33c3d61 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-6502d49{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:18px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-6502d49.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-1041edb{--divider-border-style:solid;--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-1041edb > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-1041edb .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-2463 .elementor-element.elementor-element-1041edb .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-3f5f569{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-2463 .elementor-element.elementor-element-3f5f569 > .elementor-widget-container{margin:-53px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2463 .elementor-element.elementor-element-3f5f569 .elementor-divider-separator{width:100%;}.elementor-2463 .elementor-element.elementor-element-3f5f569 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-2463 .elementor-element.elementor-element-3f21e5d{width:var( --container-widget-width, 92px );max-width:92px;--container-widget-width:92px;--container-widget-flex-grow:0;z-index:2;text-align:center;}.elementor-2463 .elementor-element.elementor-element-3f21e5d > .elementor-widget-container{background-color:var( --e-global-color-accent );margin:0px 0px 0px 0px;padding:24px 10px 24px 10px;border-radius:50px 50px 50px 50px;}.elementor-2463 .elementor-element.elementor-element-3f21e5d.elementor-element{--align-self:center;}.elementor-2463 .elementor-element.elementor-element-3f21e5d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:24px;font-weight:800;line-height:1.1em;letter-spacing:-0.5px;color:var( --e-global-color-648678d );}.elementor-2463 .elementor-element.elementor-element-f48ba01{--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;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2463 .elementor-element.elementor-element-f48ba01.e-con{--align-self:flex-start;}.elementor-2463 .elementor-element.elementor-element-655308f{--display:flex;--min-height:90px;--justify-content:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-c9e985e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px;}.elementor-2463 .elementor-element.elementor-element-c9e985e{text-align:center;font-family:"Inter", Sans-serif;font-size:28px;font-weight:800;line-height:1.2em;letter-spacing:-0.5px;text-shadow:2px 0px 10px rgba(0, 0, 0, 0.75);color:var( --e-global-color-accent );}.elementor-2463 .elementor-element.elementor-element-370edc4{--display:flex;}.elementor-2463 .elementor-element.elementor-element-0c40067{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );text-shadow:2px 2px 20px rgba(0, 0, 0, 0.75);color:var( --e-global-color-633bcce );}.elementor-2463 .elementor-element.elementor-element-cadcb6a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-2463 .elementor-element.elementor-element-cadcb6a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2463 .elementor-element.elementor-element-3ac185d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:020px;}.elementor-2463 .elementor-element.elementor-element-c74405f .elementor-heading-title{font-size:70px;line-height:1em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-203cafe .elementor-heading-title{font-size:var( --e-global-typography-d5bad4c-font-size );line-height:var( --e-global-typography-d5bad4c-line-height );letter-spacing:var( --e-global-typography-d5bad4c-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-f818812 .elementor-heading-title{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-a31618c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-063dbdb-font-size );line-height:var( --e-global-typography-063dbdb-line-height );letter-spacing:var( --e-global-typography-063dbdb-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-c858ede{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2463 .elementor-element.elementor-element-34ac067{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2463 .elementor-element.elementor-element-7eca506{font-size:16px;line-height:1.4em;}.elementor-2463 .elementor-element.elementor-element-91065cd{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-9a3987e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-af44a20{font-size:16px;line-height:1.4em;}.elementor-2463 .elementor-element.elementor-element-1f1b687{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-7f8ab06{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-0c84402{font-size:16px;line-height:1.4em;}.elementor-2463 .elementor-element.elementor-element-040de1d{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-c3b96a9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-562a3d0{font-size:16px;line-height:1.4em;}.elementor-2463 .elementor-element.elementor-element-f27608d{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-a816fc5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-0363e80{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:020px;}.elementor-2463 .elementor-element.elementor-element-0f79ee3 .elementor-heading-title{font-size:50px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-d29c6ec .elementor-heading-title{font-size:var( --e-global-typography-435479b-font-size );line-height:var( --e-global-typography-435479b-line-height );letter-spacing:var( --e-global-typography-435479b-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-393eeea{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-063dbdb-font-size );line-height:var( --e-global-typography-063dbdb-line-height );letter-spacing:var( --e-global-typography-063dbdb-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-fefe27e{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-9bdd7d4 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-890afc7{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-eebe656 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-c633697{--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-2463 .elementor-element.elementor-element-6324203{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-0363f7c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-13e7b86{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-a90bc50 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-08bc8c7{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-3fe0a1d .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-4299769{--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-2463 .elementor-element.elementor-element-4f6148d{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-7d62291{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-c6235cb{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-606d0a8 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-0b6387f{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-2755759 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-31e4532{--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-2463 .elementor-element.elementor-element-c3e9516{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-5c54c36{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-9e22f77{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-ac570ed img{width:120px;}.elementor-2463 .elementor-element.elementor-element-457d049{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-0b81f0b .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-bf7ebc9{--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-2463 .elementor-element.elementor-element-9829d63{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-3ee4d8d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-b269de4{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-26d7a56 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-b8c4f37{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-26bf5bf .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-632b7a4{--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-2463 .elementor-element.elementor-element-a404bea{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-a4963e6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-2fa59f3{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-137d07b img{width:120px;}.elementor-2463 .elementor-element.elementor-element-4b6bbd2{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-6fc7067 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-12c37aa{--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-2463 .elementor-element.elementor-element-0f2b9f5{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-8ac3011{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-e907899{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-33c3d61 img{width:120px;}.elementor-2463 .elementor-element.elementor-element-6502d49{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2463 .elementor-element.elementor-element-3f21e5d .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-f48ba01{--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-2463 .elementor-element.elementor-element-c9e985e{font-size:30px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-0c40067{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-cadcb6a{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:-8px;--e-n-carousel-arrow-next-right-position:-8px;}}@media(max-width:767px){.elementor-2463 .elementor-element.elementor-element-3ac185d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2463 .elementor-element.elementor-element-c74405f .elementor-heading-title{font-size:50px;line-height:1em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-203cafe .elementor-heading-title{font-size:var( --e-global-typography-d5bad4c-font-size );line-height:var( --e-global-typography-d5bad4c-line-height );letter-spacing:var( --e-global-typography-d5bad4c-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-f818812 .elementor-heading-title{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-a31618c{font-size:var( --e-global-typography-063dbdb-font-size );line-height:var( --e-global-typography-063dbdb-line-height );letter-spacing:var( --e-global-typography-063dbdb-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-c858ede{--padding-top:60px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2463 .elementor-element.elementor-element-7eca506{font-size:16px;line-height:1.4em;letter-spacing:-0.2px;}.elementor-2463 .elementor-element.elementor-element-91065cd{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-9a3987e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-af44a20{font-size:16px;line-height:1.4em;letter-spacing:-0.2px;}.elementor-2463 .elementor-element.elementor-element-1f1b687{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-7f8ab06{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-0c84402{font-size:16px;line-height:1.4em;letter-spacing:-0.2px;}.elementor-2463 .elementor-element.elementor-element-040de1d{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-c3b96a9{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-562a3d0{font-size:16px;line-height:1.4em;letter-spacing:-0.2px;}.elementor-2463 .elementor-element.elementor-element-f27608d{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-a816fc5{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-0363e80:not(.elementor-motion-effects-element-type-background), .elementor-2463 .elementor-element.elementor-element-0363e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://introspectus.com.au/wp-content/uploads/2026/03/NEW-HERO-BG-scaled.webp");background-position:-42px -15px;background-repeat:repeat;background-size:1000px auto;}.elementor-2463 .elementor-element.elementor-element-0363e80{--padding-top:40px;--padding-bottom:020px;--padding-left:20px;--padding-right:20px;}.elementor-2463 .elementor-element.elementor-element-0f79ee3 .elementor-heading-title{font-size:40px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-d29c6ec .elementor-heading-title{font-size:var( --e-global-typography-435479b-font-size );line-height:var( --e-global-typography-435479b-line-height );letter-spacing:var( --e-global-typography-435479b-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-393eeea{font-size:var( --e-global-typography-063dbdb-font-size );line-height:var( --e-global-typography-063dbdb-line-height );letter-spacing:var( --e-global-typography-063dbdb-letter-spacing );}.elementor-2463 .elementor-element.elementor-element-fefe27e{--width:100%;}.elementor-2463 .elementor-element.elementor-element-890afc7{--width:100%;}.elementor-2463 .elementor-element.elementor-element-eebe656 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-c633697{--width:100%;}.elementor-2463 .elementor-element.elementor-element-6324203{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-0363f7c{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-13e7b86{--width:100%;}.elementor-2463 .elementor-element.elementor-element-08bc8c7{--width:100%;}.elementor-2463 .elementor-element.elementor-element-3fe0a1d .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-4299769{--width:100%;}.elementor-2463 .elementor-element.elementor-element-4f6148d{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-7d62291{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-c6235cb{--width:100%;}.elementor-2463 .elementor-element.elementor-element-0b6387f{--width:100%;}.elementor-2463 .elementor-element.elementor-element-2755759 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-31e4532{--width:100%;}.elementor-2463 .elementor-element.elementor-element-c3e9516{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-5c54c36{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-9e22f77{--width:100%;}.elementor-2463 .elementor-element.elementor-element-457d049{--width:100%;}.elementor-2463 .elementor-element.elementor-element-0b81f0b .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-bf7ebc9{--width:100%;}.elementor-2463 .elementor-element.elementor-element-9829d63{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-3ee4d8d{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-b269de4{--width:100%;}.elementor-2463 .elementor-element.elementor-element-b8c4f37{--width:100%;}.elementor-2463 .elementor-element.elementor-element-26bf5bf .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-632b7a4{--width:100%;}.elementor-2463 .elementor-element.elementor-element-a404bea{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-a4963e6{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-2fa59f3{--width:100%;}.elementor-2463 .elementor-element.elementor-element-4b6bbd2{--width:100%;}.elementor-2463 .elementor-element.elementor-element-6fc7067 .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-12c37aa{--width:100%;}.elementor-2463 .elementor-element.elementor-element-0f2b9f5{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-8ac3011{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-e907899{--width:100%;}.elementor-2463 .elementor-element.elementor-element-6502d49{--width:100%;}.elementor-2463 .elementor-element.elementor-element-3f21e5d .elementor-heading-title{font-size:24px;line-height:1.2em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-f48ba01{--width:100%;}.elementor-2463 .elementor-element.elementor-element-c9e985e{font-size:26px;line-height:1.3em;letter-spacing:-0.5px;}.elementor-2463 .elementor-element.elementor-element-0c40067{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2463 .elementor-element.elementor-element-cadcb6a{--e-n-carousel-swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-2463 .elementor-element.elementor-element-dae5b24{--width:100%;}.elementor-2463 .elementor-element.elementor-element-73705da{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-fefe27e{--width:100%;}.elementor-2463 .elementor-element.elementor-element-890afc7{--width:100%;}.elementor-2463 .elementor-element.elementor-element-c633697{--width:100%;}.elementor-2463 .elementor-element.elementor-element-963b45b{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-13e7b86{--width:100%;}.elementor-2463 .elementor-element.elementor-element-08bc8c7{--width:100%;}.elementor-2463 .elementor-element.elementor-element-4299769{--width:100%;}.elementor-2463 .elementor-element.elementor-element-8367cce{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-c6235cb{--width:100%;}.elementor-2463 .elementor-element.elementor-element-0b6387f{--width:100%;}.elementor-2463 .elementor-element.elementor-element-31e4532{--width:100%;}.elementor-2463 .elementor-element.elementor-element-cbec94a{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-9e22f77{--width:100%;}.elementor-2463 .elementor-element.elementor-element-457d049{--width:100%;}.elementor-2463 .elementor-element.elementor-element-bf7ebc9{--width:100%;}.elementor-2463 .elementor-element.elementor-element-bf091ef{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-b269de4{--width:100%;}.elementor-2463 .elementor-element.elementor-element-b8c4f37{--width:100%;}.elementor-2463 .elementor-element.elementor-element-632b7a4{--width:100%;}.elementor-2463 .elementor-element.elementor-element-24e51f0{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-2fa59f3{--width:100%;}.elementor-2463 .elementor-element.elementor-element-4b6bbd2{--width:100%;}.elementor-2463 .elementor-element.elementor-element-12c37aa{--width:100%;}.elementor-2463 .elementor-element.elementor-element-bb846e6{--content-width:100%;}.elementor-2463 .elementor-element.elementor-element-e907899{--width:100%;}.elementor-2463 .elementor-element.elementor-element-6502d49{--width:100%;}.elementor-2463 .elementor-element.elementor-element-f48ba01{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2463 .elementor-element.elementor-element-fefe27e{--width:100%;}.elementor-2463 .elementor-element.elementor-element-890afc7{--width:100%;}.elementor-2463 .elementor-element.elementor-element-c633697{--width:100%;}.elementor-2463 .elementor-element.elementor-element-13e7b86{--width:100%;}.elementor-2463 .elementor-element.elementor-element-08bc8c7{--width:100%;}.elementor-2463 .elementor-element.elementor-element-4299769{--width:100%;}.elementor-2463 .elementor-element.elementor-element-c6235cb{--width:100%;}.elementor-2463 .elementor-element.elementor-element-0b6387f{--width:100%;}.elementor-2463 .elementor-element.elementor-element-31e4532{--width:100%;}.elementor-2463 .elementor-element.elementor-element-9e22f77{--width:100%;}.elementor-2463 .elementor-element.elementor-element-457d049{--width:100%;}.elementor-2463 .elementor-element.elementor-element-bf7ebc9{--width:100%;}.elementor-2463 .elementor-element.elementor-element-b269de4{--width:100%;}.elementor-2463 .elementor-element.elementor-element-b8c4f37{--width:100%;}.elementor-2463 .elementor-element.elementor-element-632b7a4{--width:100%;}.elementor-2463 .elementor-element.elementor-element-2fa59f3{--width:100%;}.elementor-2463 .elementor-element.elementor-element-4b6bbd2{--width:100%;}.elementor-2463 .elementor-element.elementor-element-12c37aa{--width:100%;}.elementor-2463 .elementor-element.elementor-element-e907899{--width:100%;}.elementor-2463 .elementor-element.elementor-element-6502d49{--width:100%;}.elementor-2463 .elementor-element.elementor-element-f48ba01{--width:100%;}}@media(min-width:1025px){.elementor-2463 .elementor-element.elementor-element-3ac185d:not(.elementor-motion-effects-element-type-background), .elementor-2463 .elementor-element.elementor-element-3ac185d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-2463 .elementor-element.elementor-element-0363e80:not(.elementor-motion-effects-element-type-background), .elementor-2463 .elementor-element.elementor-element-0363e80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for divider, class: .elementor-element-b3f5888 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    /* FIX: Added vertical padding so the glow (box-shadow) 
       isn't cut off by the mask boundary */
    padding: 25px 0; 
    overflow: visible !important;
    
    /* Standard and Webkit Masking for transparency fade-off */
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Center beam: Blue-green #2C568C to #4CA3C7 */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect (Bloom height is ~25px, matching our padding) */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Tinted white highlight */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping - Ensures parents don't override visibility */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-6c36bce *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    /* FIX: Added vertical padding so the glow (box-shadow) 
       isn't cut off by the mask boundary */
    padding: 25px 0; 
    overflow: visible !important;
    
    /* Standard and Webkit Masking for transparency fade-off */
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Center beam: Blue-green #2C568C to #4CA3C7 */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect (Bloom height is ~25px, matching our padding) */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Tinted white highlight */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping - Ensures parents don't override visibility */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f818812 */.elementor-2463 .elementor-element.elementor-element-f818812 .elementor-heading-title {
    color: #5FF9C0 !important;
    text-shadow: 
        0px -1px 0px rgba(255, 255, 255, 0.7), 
        1px 1px 0px rgba(0, 0, 0, 0.3), 
        3px 4px 8px rgba(0, 0, 0, 0.8) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1d9a9cc *//* Target the inner text span where Elementor stores typography */
.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button-content-wrapper,
.elementor-2463 .elementor-element.elementor-element-1d9a9cc .elementor-button-text {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important; /* 700 is the standard for Bold */
    text-transform: none;        /* Optional: prevents forced uppercase */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-53ef399 *//* 1. Base Button - Keep as is, but ensure the base state has the target property */
.glow-button2 .elementor-button {
    position: relative;
    background-color: #003D71 !important;
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    border: none !important;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

/* 2. Fixed Selector & Icon Transition */
.glow-button2 .elementor-button-icon svg {
    width: 30px !important;
    height: auto !important;
    fill: #ffffff !important;
    transition: fill 0.5s ease !important; /* Forces the fill to animate */
}

/* 4. The Flare - Use Opacity for the Gradient change */
.glow-button2 .elementor-button::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    /* Initial state */
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 5%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease; 
}

/* 5. Hover States */
.glow-button2 .elementor-button:hover {
    background-color: #5FF9C0 !important;
}

.glow-button2 .elementor-button:hover .elementor-button-text {
    color: #030d22 !important;
    transition: color 0.5s ease; /* Added transition here */
}

.glow-button2 .elementor-button:hover .elementor-button-icon svg {
    fill: #003D71 !important;
}

/* 6. Flare Glow - Change scale/opacity instead of the gradient itself */
.glow-button2 .elementor-button:hover::after {
    width: 80px;
    filter: blur(2px);
    /* Note: Changing the radial-gradient here will still snap. 
       If you need the color to change, use a second pseudo-element 
       and fade it in over the first one. */
}

/* Ensure text stays visible after clicking (Visited & Focus) */
.glow-button2 .elementor-button:visited .elementor-button-text,
.glow-button2 .elementor-button:focus .elementor-button-text,
.glow-button2 .elementor-button:active .elementor-button-text {
    color: #ffffff !important;
}

/* If you want the text to stay dark blue only while the mouse is hovering */
.glow-button2 .elementor-button:hover .elementor-button-text {
    color: #030d22 !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-84db8ca *//* 1. The container: handles the fade at both ends */
.fade-line {
    position: relative;
    padding: 10px 0; /* small vertical padding so the line isn't clipped */
    overflow: visible !important;

    /* Fade-out mask on the container (works on all devices) */
    -webkit-mask-image: linear-gradient(to right,
        transparent 0%,
        black 20%,
        black 80%,
        transparent 100%
    );
    mask-image: linear-gradient(to right,
        transparent 0%,
        black 20%,
        black 80%,
        transparent 100%
    );
}

/* 2. The actual visible line */
.fade-line .elementor-divider-separator {
    display: block;
    width: 100%;
    height: 2.5px; /* thickness */
    background: #9198C2; /* solid purple line */
    border: none !important;
    box-shadow: none !important;
    position: relative;
}

/* 3. Remove Elementor’s default pseudo-lines */
.fade-line .elementor-divider-separator:before,
.fade-line .elementor-divider-separator:after {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c858ede */.elementor-2463 .elementor-element.elementor-element-c858ede {
    scroll-margin-top: 120px;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-f81a6cd *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    /* FIX: Added vertical padding so the glow (box-shadow) 
       isn't cut off by the mask boundary */
    padding: 25px 0; 
    overflow: visible !important;
    
    /* Standard and Webkit Masking for transparency fade-off */
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Center beam: Blue-green #2C568C to #4CA3C7 */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect (Bloom height is ~25px, matching our padding) */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Tinted white highlight */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping - Ensures parents don't override visibility */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-9c49b14 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    /* FIX: Added vertical padding so the glow (box-shadow) 
       isn't cut off by the mask boundary */
    padding: 25px 0; 
    overflow: visible !important;
    
    /* Standard and Webkit Masking for transparency fade-off */
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Center beam: Blue-green #2C568C to #4CA3C7 */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect (Bloom height is ~25px, matching our padding) */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%; 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Tinted white highlight */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping - Ensures parents don't override visibility */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5212322 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-90ea2f3 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3358576 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-c1f0473 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f5e36d *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-dd290f4 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b74857a *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-b966b6b *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d1fc47 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-cdfd206 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6160c89 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fa5bc87 *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25d7002 *//* 1. Base Container Styles */
.glow-container {
    position: relative;
    background-color: rgba(0, 26, 59, 0.5); /* Your previous 50% dark blue */
    backdrop-filter: blur(10px); 
    border-radius: 17px;
    z-index: 1;
    overflow: visible;
    padding: 10px;
    box-shadow: inset 0 -4px 10px rgba(255, 255, 255, 0.15);
    transition: all 0.5s ease;
}

/* 2. Glowing Border (The Gradient Ring) - COLOURS FLIPPED */
.glow-container::before {
    content: '';
    position: absolute;
    inset: -0px;
    border-radius: 19px; 
    padding: 3px;
    /* Flipped: Dark #114285 at top, Light #5fb8ff at bottom */
    background: linear-gradient(to bottom, #114285, #5fb8ff);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 3. The Hotspot Highlight (Bottom Flare) */
.glow-container::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.9) 20%, rgba(255, 255, 255, 0) 100%);
    filter: blur(1.5px);
    z-index: 2;
    pointer-events: none;
    transition: all 0.5s ease;
}

/* 4. Hover States */
.glow-container:hover {
    /* Hex #0C315F at 75% opacity */
    background-color: rgba(12, 49, 95, 0.75); 
}

.glow-container:hover::after {
    /* Keeping the flare bright white for contrast against the new blue hover */
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0) 95%);
    width: 120px;
    filter: blur(2px);
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-1041edb *//* 1. The Container: Handles the Transparency Fade at both ends */
.glow-line {
    position: relative;
    overflow: visible !important;
    -webkit-mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
    mask-image: linear-gradient(to right, 
        transparent 0%, 
        black 15%, 
        black 85%, 
        transparent 100%
    );
}

/* 2. The Core Glowing Beam (Saturated Blue-Green) */
.glow-line .elementor-divider-separator {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2px !important;
    border: none !important;
    
    /* Changed the center from white to saturated blue-green #2C568C */
    background: linear-gradient(90deg, 
        rgba(44, 86, 140, .5) 10%, 
        rgba(76, 163, 199, 1) 50%, 
        rgba(44, 86, 140, .5) 100%) !important;
    
    /* Blue-Green Bloom Effect */
    box-shadow: 0 0 12px 1px rgba(44, 86, 140, 0.9), 
                0 0 25px 4px rgba(17, 66, 133, 0.6);
    overflow: visible !important;
}

/* 3. The Central Hotspot Flare (Highlight) */
.glow-line .elementor-divider-separator::before {
    content: '';
    position: absolute;
    top: 50%;
    left: calc(50% + -0px); 
    transform: translate(-50%, -50%);
    width: 100px;
    height: 4px;
    /* Slightly tinted white to match the blue-green theme */
    background: radial-gradient(circle, rgba(200, 240, 255, 1) 0%, rgba(200, 240, 255, 0) 80%);
    filter: blur(1px);
    z-index: 2;
}

/* 4. Fix for Elementor Clipping */
.glow-line .elementor-widget-container,
.glow-line .elementor-divider {
    overflow: visible !important;
}/* End custom CSS */