.elementor-748 .elementor-element.elementor-element-da8b252{--display:flex;--position:fixed;--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;top:0%;--z-index:9999;}body:not(.rtl) .elementor-748 .elementor-element.elementor-element-da8b252{left:0px;}body.rtl .elementor-748 .elementor-element.elementor-element-da8b252{right:0px;}.elementor-748 .elementor-element.elementor-element-ab0c289{--display:flex;--min-height:65px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-748 .elementor-element.elementor-element-ab0c289.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-748 .elementor-element.elementor-element-d64a847 img{max-width:133px;}.elementor-widget-tm-separator .tm-separator .inner{color:var( --e-global-color-primary );}.elementor-748 .elementor-element.elementor-element-c753976 .tm-separator .inner{color:#FFFFFF14;height:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-heading.elementor-widget-heading .elementor-heading-title a:hover{color:var( --e-global-color-primary );}.elementor-748 .elementor-element.elementor-element-1dd97bb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF6B;}.elementor-748 .elementor-element.elementor-element-1dd97bb.elementor-widget-heading .elementor-heading-title a:hover{color:#FFFFFF !important;}.elementor-748 .elementor-element.elementor-element-0f6291e .tm-separator .inner{color:#FFFFFF14;height:20px;}.elementor-748 .elementor-element.elementor-element-2e47d2a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF6B;}.elementor-748 .elementor-element.elementor-element-200461b .tm-separator .inner{color:#FFFFFF14;height:20px;}.elementor-748 .elementor-element.elementor-element-9f63a93 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF6B;}.elementor-748 .elementor-element.elementor-element-a7f8493{--display:flex;--min-height:700px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-748 .elementor-element.elementor-element-a7f8493:not(.elementor-motion-effects-element-type-background), .elementor-748 .elementor-element.elementor-element-a7f8493 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, #007DFFC2 -50%, #F2295B00 48%);}.elementor-748 .elementor-element.elementor-element-3fd2864{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--overlay-opacity:0.5;}.elementor-748 .elementor-element.elementor-element-3fd2864::before, .elementor-748 .elementor-element.elementor-element-3fd2864 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-3fd2864 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-3fd2864 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-3fd2864 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-3fd2864 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-tm-heading .heading-primary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tm-heading .heading-primary mark{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tm-heading .heading-description{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tm-heading .heading-secondary{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-748 .elementor-element.elementor-element-dbc83bf.elementor-element{--align-self:center;}.elementor-748 .elementor-element.elementor-element-dbc83bf .heading-primary{font-family:"montreal", Sans-serif;font-size:134px;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-dbc83bf .heading-primary .stop-a{stop-color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-dbc83bf .heading-primary .stop-b{stop-color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-dbc83bf .heading-primary mark{font-family:"montreal", Sans-serif;font-size:32px;font-weight:600;}.elementor-748 .elementor-element.elementor-element-559bbba{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-748 .elementor-element.elementor-element-559bbba.elementor-element{--align-self:center;}.elementor-748 .elementor-element.elementor-element-875a73e{--spacer-size:100px;}.elementor-748 .elementor-element.elementor-element-cbe10fb.elementor-element{--align-self:center;}.elementor-748 .elementor-element.elementor-element-cbe10fb{bottom:-50%;z-index:-1;}.elementor-748 .elementor-element.elementor-element-3adcd88{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:1;}.elementor-748 .elementor-element.elementor-element-3adcd88:not(.elementor-motion-effects-element-type-background), .elementor-748 .elementor-element.elementor-element-3adcd88 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #007DFFC2 -50%, #F2295B00 48%);}.elementor-748 .elementor-element.elementor-element-3adcd88::before, .elementor-748 .elementor-element.elementor-element-3adcd88 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-3adcd88 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-3adcd88 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-3adcd88 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-3adcd88 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-748 .elementor-element.elementor-element-8658e40{--display:flex;}.elementor-748 .elementor-element.elementor-element-a7b229e{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-748 .elementor-element.elementor-element-1015db7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-748 .elementor-element.elementor-element-1015db7.elementor-element{--align-self:center;}.elementor-748 .elementor-element.elementor-element-1015db7 .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-ed8a6ef{--display:flex;--min-height:100px;--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;}.elementor-748 .elementor-element.elementor-element-1cad6d5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-0761299{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-638493d{--display:flex;--min-height:200px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-748 .elementor-element.elementor-element-4a217a7{--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;}.elementor-748 .elementor-element.elementor-element-b0248cc{text-align:end;}.elementor-748 .elementor-element.elementor-element-b0248cc .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-f4bd97c{text-align:end;}.elementor-748 .elementor-element.elementor-element-f4bd97c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF70;}.elementor-748 .elementor-element.elementor-element-dab9bd3 .tm-separator .inner{color:#FFFFFF;width:1px;height:250px;}.elementor-748 .elementor-element.elementor-element-7e0a32d{--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;}.elementor-748 .elementor-element.elementor-element-b52a3af{text-align:start;}.elementor-748 .elementor-element.elementor-element-b52a3af .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-020eb6a{text-align:start;}.elementor-748 .elementor-element.elementor-element-020eb6a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF70;}.elementor-748 .elementor-element.elementor-element-4b84746{--display:flex;--min-height:200px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-748 .elementor-element.elementor-element-b93471f{--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;}.elementor-748 .elementor-element.elementor-element-b9bff57{text-align:end;}.elementor-748 .elementor-element.elementor-element-b9bff57 .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-01bae66{text-align:end;}.elementor-748 .elementor-element.elementor-element-01bae66 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF70;}.elementor-748 .elementor-element.elementor-element-7fb48f4 .tm-separator .inner{color:#FFFFFF;width:1px;height:250px;}.elementor-748 .elementor-element.elementor-element-4987b29{--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;}.elementor-748 .elementor-element.elementor-element-6b347f0{text-align:start;}.elementor-748 .elementor-element.elementor-element-6b347f0 .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-b4adbbc{text-align:start;}.elementor-748 .elementor-element.elementor-element-b4adbbc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF70;}.elementor-748 .elementor-element.elementor-element-773674a{--display:flex;--min-height:200px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-748 .elementor-element.elementor-element-fc600c8{--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;}.elementor-748 .elementor-element.elementor-element-34b51da{text-align:end;}.elementor-748 .elementor-element.elementor-element-34b51da .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-799c133{text-align:end;}.elementor-748 .elementor-element.elementor-element-799c133 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF70;}.elementor-748 .elementor-element.elementor-element-511242b .tm-separator .inner{color:#FFFFFF;width:1px;height:250px;}.elementor-748 .elementor-element.elementor-element-7e1e265{--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;}.elementor-748 .elementor-element.elementor-element-d173a89{text-align:start;}.elementor-748 .elementor-element.elementor-element-d173a89 .elementor-heading-title{color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-293efd4{text-align:start;}.elementor-748 .elementor-element.elementor-element-293efd4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:300;color:#FFFFFF70;}.elementor-748 .elementor-element.elementor-element-970011b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-70bb066{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-169d260{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-d4dcab0{--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;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;}.elementor-748 .elementor-element.elementor-element-d4dcab0::before, .elementor-748 .elementor-element.elementor-element-d4dcab0 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-d4dcab0 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-d4dcab0 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-d4dcab0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-d4dcab0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-748 .elementor-element.elementor-element-c1086a4 .tm-separator .inner{color:#FFFFFF80;width:1px;height:20px;}.elementor-748 .elementor-element.elementor-element-6a6ae70 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-d141988{--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;}.elementor-748 .elementor-element.elementor-element-e35ed63 .elementor-heading-title{color:#04BAFF91;}.elementor-748 .elementor-element.elementor-element-d42c2a8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-748 .elementor-element.elementor-element-03a2c06{--divider-border-style:solid;--divider-color:#FFFFFF75;--divider-border-width:1px;}.elementor-748 .elementor-element.elementor-element-03a2c06 .elementor-divider-separator{width:100%;}.elementor-748 .elementor-element.elementor-element-03a2c06 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-748 .elementor-element.elementor-element-93048df .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#04BAFF91;}.elementor-748 .elementor-element.elementor-element-f897d68 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-ac43a3f{--divider-border-style:solid;--divider-color:#FFFFFF75;--divider-border-width:1px;}.elementor-748 .elementor-element.elementor-element-ac43a3f .elementor-divider-separator{width:100%;}.elementor-748 .elementor-element.elementor-element-ac43a3f .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-748 .elementor-element.elementor-element-26c7a56 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#04BAFF91;}.elementor-748 .elementor-element.elementor-element-53996ec .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-f6c28e2{--display:flex;--min-height:70px;--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-748 .elementor-element.elementor-element-74565ef{--display:flex;--min-height:399px;--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-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-748 .elementor-element.elementor-element-aafa5dd{--display:flex;}.elementor-748 .elementor-element.elementor-element-02da42f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-c59ac69{--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;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;}.elementor-748 .elementor-element.elementor-element-c59ac69::before, .elementor-748 .elementor-element.elementor-element-c59ac69 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-c59ac69 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-c59ac69 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-c59ac69 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-c59ac69 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-748 .elementor-element.elementor-element-58d1580 .tm-separator .inner{color:#FFFFFF80;width:1px;height:20px;}.elementor-748 .elementor-element.elementor-element-e3dd991 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-83cecb3{--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;}.elementor-748 .elementor-element.elementor-element-0e926c8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-2d0054a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-634e6a9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-61e6e25 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-37136b1{--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;}.elementor-748 .elementor-element.elementor-element-3df2202 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-76213da .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-f225caf{--display:flex;}.elementor-748 .elementor-element.elementor-element-153480c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-e6053a6{--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;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;}.elementor-748 .elementor-element.elementor-element-e6053a6::before, .elementor-748 .elementor-element.elementor-element-e6053a6 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-e6053a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-e6053a6 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-e6053a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-e6053a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-748 .elementor-element.elementor-element-361f033 .tm-separator .inner{color:#FFFFFF80;width:1px;height:20px;}.elementor-748 .elementor-element.elementor-element-052bff6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-3b7d6f6{--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;}.elementor-748 .elementor-element.elementor-element-f17f33d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-0251c95 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-25b7e70 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-340b190 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-8d5c3ce{--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;}.elementor-748 .elementor-element.elementor-element-dc83e15 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-a0db593 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-50d6488{--display:flex;}.elementor-748 .elementor-element.elementor-element-2513fa2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-7e8fec5{--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;--overlay-opacity:0.5;--border-radius:15px 15px 15px 15px;}.elementor-748 .elementor-element.elementor-element-7e8fec5::before, .elementor-748 .elementor-element.elementor-element-7e8fec5 > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-7e8fec5 > .e-con-inner > .elementor-background-video-container::before, .elementor-748 .elementor-element.elementor-element-7e8fec5 > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-7e8fec5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-748 .elementor-element.elementor-element-7e8fec5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-748 .elementor-element.elementor-element-40c7d1b .tm-separator .inner{color:#FFFFFF80;width:1px;height:20px;}.elementor-748 .elementor-element.elementor-element-13c19a7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-f125af0{--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;}.elementor-748 .elementor-element.elementor-element-9ea54c8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-6ba4f29 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-36141bb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-266372c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-dac9a66{--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;}.elementor-748 .elementor-element.elementor-element-2103d78 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-8f21c32 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:17px;color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-be69ea3{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-color:#FFFFFF;}.elementor-748 .elementor-element.elementor-element-be69ea3 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-748 .elementor-element.elementor-element-be69ea3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#AFAFAF1A;border-style:none;box-shadow:0px 0px 0px 0px rgba(255, 255, 255, 0);}.elementor-748 .elementor-element.elementor-element-be69ea3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-748 .elementor-element.elementor-element-be69ea3.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF1F;background-color:transparent;background-image:linear-gradient(56deg, #FFFFFF1F 0%, #FFFFFF12 100%);border-style:none;box-shadow:0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;}.elementor-748 .elementor-element.elementor-element-be69ea3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-748 .elementor-element.elementor-element-be69ea3.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-748 .elementor-element.elementor-element-55e8ae2{--display:flex;--min-height:373px;--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-748 .elementor-element.elementor-element-1a49290{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-748 .elementor-element.elementor-element-467b649{--display:flex;--min-height:520px;--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;--border-radius:20px 20px 20px 20px;}.elementor-748 .elementor-element.elementor-element-4a320f5{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-748 .elementor-element.elementor-element-4a320f5:not(.elementor-motion-effects-element-type-background), .elementor-748 .elementor-element.elementor-element-4a320f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BBC6E6;}.elementor-748 .elementor-element.elementor-element-702a971{--display:flex;}.elementor-748 .elementor-element.elementor-element-2e1b36d{--display:flex;--min-height:130px;--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-748 .elementor-element.elementor-element-2e1b36d:not(.elementor-motion-effects-element-type-background), .elementor-748 .elementor-element.elementor-element-2e1b36d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-748 .elementor-element.elementor-element-479be05{text-align:center;}.elementor-748 .elementor-element.elementor-element-479be05 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:600;}@media(max-width:767px){.elementor-748 .elementor-element.elementor-element-638493d{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-4b84746{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-773674a{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-748 .elementor-element.elementor-element-74565ef{--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;}}@media(min-width:768px){.elementor-748 .elementor-element.elementor-element-da8b252{--content-width:60%;}.elementor-748 .elementor-element.elementor-element-a7f8493{--content-width:100%;}.elementor-748 .elementor-element.elementor-element-3fd2864{--width:100%;}.elementor-748 .elementor-element.elementor-element-3adcd88{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-a7b229e{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-ed8a6ef{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-638493d{--content-width:60%;}.elementor-748 .elementor-element.elementor-element-4a217a7{--width:49%;}.elementor-748 .elementor-element.elementor-element-7e0a32d{--width:49%;}.elementor-748 .elementor-element.elementor-element-4b84746{--content-width:60%;}.elementor-748 .elementor-element.elementor-element-b93471f{--width:49%;}.elementor-748 .elementor-element.elementor-element-4987b29{--width:49%;}.elementor-748 .elementor-element.elementor-element-773674a{--content-width:60%;}.elementor-748 .elementor-element.elementor-element-fc600c8{--width:49%;}.elementor-748 .elementor-element.elementor-element-7e1e265{--width:49%;}.elementor-748 .elementor-element.elementor-element-70bb066{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-d4dcab0{--width:50%;}.elementor-748 .elementor-element.elementor-element-d141988{--width:50%;}.elementor-748 .elementor-element.elementor-element-f6c28e2{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-74565ef{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-c59ac69{--width:50%;}.elementor-748 .elementor-element.elementor-element-83cecb3{--width:25%;}.elementor-748 .elementor-element.elementor-element-37136b1{--width:25%;}.elementor-748 .elementor-element.elementor-element-e6053a6{--width:50%;}.elementor-748 .elementor-element.elementor-element-3b7d6f6{--width:25%;}.elementor-748 .elementor-element.elementor-element-8d5c3ce{--width:25%;}.elementor-748 .elementor-element.elementor-element-7e8fec5{--width:50%;}.elementor-748 .elementor-element.elementor-element-f125af0{--width:25%;}.elementor-748 .elementor-element.elementor-element-dac9a66{--width:25%;}.elementor-748 .elementor-element.elementor-element-1a49290{--content-width:80%;}.elementor-748 .elementor-element.elementor-element-4a320f5{--width:50%;}.elementor-748 .elementor-element.elementor-element-702a971{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-169d260 */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02da42f */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-153480c */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2513fa2 */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02da42f */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-153480c */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2513fa2 */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02da42f */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-153480c */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2513fa2 */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02da42f */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-153480c */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2513fa2 */.glass-card {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.5),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.glass-card:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

.glass-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: left 0.6s ease;
}

.glass-card:hover::before {
  left: 100%;
}

.glass-card::after {
  content: '';
  position: absolute;
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
  transition: top 0.6s ease 0.2s;
}

.glass-card:hover::after {
  top: 100%;
}

<div class="glass-card" id="randomGlowCard">
  <!-- Your content -->
</div>

<style>
.glass-card {
  /* your existing styles */
  transition: border-color 0.3s, box-shadow 0.3s;
  position: relative;
  overflow: hidden;
}

.glass-card.edges-highlighted {
  border-color: rgba(255, 255, 255, 0.8);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    inset 0 -1px 0 rgba(255, 255, 255, 0.3),
    0 0 15px rgba(100, 200, 255, 0.3);
}

.glow-top, .glow-right, .glow-bottom, .glow-left {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.glow-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(255, 255, 255, 0.9),
    rgba(100, 200, 255, 0.9),
    rgba(255, 255, 255, 0.9),
    transparent
  );
}

/* Add similar for other edges */

.glass-card:hover .glow-top {
  opacity: 1;
  animation: scanHorizontal 1.5s ease-in-out;
}
</style>

<script>
function addRandomEdgeLighting() {
  const cards = document.querySelectorAll('.glass-card');
  
  cards.forEach(card => {
    // Random interval between 1-4 seconds
    const interval = Math.random() * 3000 + 1000;
    
    setInterval(() => {
      // Random edge selection (0-3 for 4 edges)
      const randomEdge = Math.floor(Math.random() * 4);
      const edges = ['top', 'right', 'bottom', 'left'];
      const edge = edges[randomEdge];
      
      // Add random color variation
      const hue = Math.random() * 60 + 200; // 200-260 (blue range)
      
      // Create or update edge glow
      const glow = document.createElement('div');
      glow.className = `glow-${edge}`;
      glow.style.background = `linear-gradient(
        ${edge === 'top' || edge === 'bottom' ? '90deg' : '180deg'},
        transparent,
        hsla(${hue}, 80%, 70%, 0.9),
        rgba(255, 255, 255, 0.9),
        transparent
      )`;
      
      card.appendChild(glow);
      
      // Remove after animation
      setTimeout(() => {
        glow.remove();
      }, 600);
      
    }, interval);
  });
}

// Initialize
document.addEventListener('DOMContentLoaded', addRandomEdgeLighting);
</script>/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-479be05 */.gradient-text {

  /* Gradient */
  background: linear-gradient(
    170deg,
    #ffffff,
    #a6d2ff,
    #a6d2ff,
  );
  background-size: 600% 600%;

  /* Text clipping */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;

  /* Animation */
  animation: gradientMove 6s ease infinite;
}

/* Animation keyframes */
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}/* End custom CSS */