.elementor-11109 .elementor-element.elementor-element-0b54276{--display:flex;--position:fixed;--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;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;top:0px;--z-index:999;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-0b54276{left:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-0b54276{right:0px;}.elementor-11109 .elementor-element.elementor-element-ac5ff37{--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:flex-start;--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-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-11109 .elementor-element.elementor-element-52c8afc{text-align:left;}.elementor-11109 .elementor-element.elementor-element-52c8afc img{width:100%;max-width:130px;}.elementor-11109 .elementor-element.elementor-element-bb60ef7{text-align:left;}.elementor-11109 .elementor-element.elementor-element-bb60ef7 img{width:100%;max-width:130px;}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-11109 .elementor-element.elementor-element-042afb7{--display:flex;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-11109 .elementor-element.elementor-element-042afb7:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-042afb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2EE;}.elementor-11109 .elementor-element.elementor-element-8723aa5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-7cba119{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-7aa656e{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-7aa656e:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-7aa656e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-7aa656e::before, .elementor-11109 .elementor-element.elementor-element-7aa656e > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-7aa656e > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-7aa656e > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-7aa656e > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-7aa656e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-7aa656e::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-7aa656e:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-7aa656e, .elementor-11109 .elementor-element.elementor-element-7aa656e::before{--border-transition:1s;}.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-11109 .elementor-element.elementor-element-5d41da5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-5d41da5{text-align:left;}.elementor-11109 .elementor-element.elementor-element-5d41da5 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-364270a{--display:flex;--margin-top:0rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-6233e0c{text-align:left;}.elementor-11109 .elementor-element.elementor-element-6233e0c .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11109 .elementor-element.elementor-element-302aa40 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-302aa40 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-302aa40.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-302aa40{left:1.5rem;}body.rtl .elementor-11109 .elementor-element.elementor-element-302aa40{right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-302aa40{bottom:1.5rem;}.elementor-11109 .elementor-element.elementor-element-302aa40 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-302aa40 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-7b7bbb6 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-7b7bbb6{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-7b7bbb6{left:0px;}.elementor-11109 .elementor-element.elementor-element-7b7bbb6{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-b896d43{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-b896d43:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-b896d43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-b896d43::before, .elementor-11109 .elementor-element.elementor-element-b896d43 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-b896d43 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-b896d43 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-b896d43 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-b896d43 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-b896d43::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-b896d43:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-b896d43, .elementor-11109 .elementor-element.elementor-element-b896d43::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-34e163e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-34e163e{text-align:left;}.elementor-11109 .elementor-element.elementor-element-34e163e .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-af8694a{--display:flex;--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-60bcec7{text-align:left;}.elementor-11109 .elementor-element.elementor-element-60bcec7 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-3dc43f6 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-3dc43f6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-3dc43f6.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-3dc43f6{left:1.5rem;}body.rtl .elementor-11109 .elementor-element.elementor-element-3dc43f6{right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-3dc43f6{bottom:1.5rem;}.elementor-11109 .elementor-element.elementor-element-3dc43f6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-3dc43f6 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-af2f026 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-af2f026{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-af2f026{left:0px;}.elementor-11109 .elementor-element.elementor-element-af2f026{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-e6f38b1{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-e6f38b1:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-e6f38b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-e6f38b1::before, .elementor-11109 .elementor-element.elementor-element-e6f38b1 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-e6f38b1 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-e6f38b1 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-e6f38b1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-e6f38b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-e6f38b1::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-e6f38b1:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-e6f38b1, .elementor-11109 .elementor-element.elementor-element-e6f38b1::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-9088629 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-9088629{text-align:left;}.elementor-11109 .elementor-element.elementor-element-9088629 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-22b9032{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-4351706{text-align:left;}.elementor-11109 .elementor-element.elementor-element-4351706 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-d0d312d .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-d0d312d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-d0d312d.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-d0d312d{left:1.5rem;}body.rtl .elementor-11109 .elementor-element.elementor-element-d0d312d{right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-d0d312d{bottom:1.5rem;}.elementor-11109 .elementor-element.elementor-element-d0d312d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-d0d312d .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-6ee58b7 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-6ee58b7{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-6ee58b7{left:0px;}.elementor-11109 .elementor-element.elementor-element-6ee58b7{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-ecd760a{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-ecd760a:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-ecd760a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-ecd760a::before, .elementor-11109 .elementor-element.elementor-element-ecd760a > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-ecd760a > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-ecd760a > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-ecd760a > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-ecd760a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-ecd760a::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-ecd760a:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-ecd760a, .elementor-11109 .elementor-element.elementor-element-ecd760a::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-5e85068 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-5e85068{text-align:left;}.elementor-11109 .elementor-element.elementor-element-5e85068 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-ddaadaa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-7206701{text-align:left;}.elementor-11109 .elementor-element.elementor-element-7206701 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-0b892b1 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-0b892b1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-0b892b1.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-0b892b1{left:1.5rem;}body.rtl .elementor-11109 .elementor-element.elementor-element-0b892b1{right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-0b892b1{bottom:1.5rem;}.elementor-11109 .elementor-element.elementor-element-0b892b1 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-0b892b1 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-c6a99e6 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-c6a99e6{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-c6a99e6{left:0px;}.elementor-11109 .elementor-element.elementor-element-c6a99e6{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-dbc979c{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-dbc979c:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-dbc979c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-dbc979c::before, .elementor-11109 .elementor-element.elementor-element-dbc979c > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-dbc979c > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-dbc979c > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-dbc979c > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-dbc979c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-dbc979c::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-dbc979c:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-dbc979c, .elementor-11109 .elementor-element.elementor-element-dbc979c::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-a047665 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-a047665{text-align:left;}.elementor-11109 .elementor-element.elementor-element-a047665 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-3ac5791{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-e060948{text-align:left;}.elementor-11109 .elementor-element.elementor-element-e060948 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-c54d444 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-c54d444 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-c54d444.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-c54d444{left:1.5rem;}body.rtl .elementor-11109 .elementor-element.elementor-element-c54d444{right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-c54d444{bottom:1.5rem;}.elementor-11109 .elementor-element.elementor-element-c54d444 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-c54d444 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-5917bef > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-5917bef{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-5917bef{left:0px;}.elementor-11109 .elementor-element.elementor-element-5917bef{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-1f5e49a{--display:flex;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-11109 .elementor-element.elementor-element-1f5e49a:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-1f5e49a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2EE;}.elementor-11109 .elementor-element.elementor-element-1f5e49a.e-con{--align-self:stretch;}.elementor-11109 .elementor-element.elementor-element-38ecb3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-b3b1bef{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-0f8976e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-0f8976e:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-0f8976e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-0f8976e::before, .elementor-11109 .elementor-element.elementor-element-0f8976e > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-0f8976e > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-0f8976e > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-0f8976e > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-0f8976e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-0f8976e::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-0f8976e:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-0f8976e, .elementor-11109 .elementor-element.elementor-element-0f8976e::before{--border-transition:1s;}.elementor-11109 .elementor-element.elementor-element-51f4a41{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-a452c93 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-a452c93{text-align:left;}.elementor-11109 .elementor-element.elementor-element-a452c93 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-c655af1{--display:flex;--margin-top:0rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-df214d7{text-align:left;}.elementor-11109 .elementor-element.elementor-element-df214d7 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-1e40e77 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-1e40e77{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-1e40e77{left:0px;}.elementor-11109 .elementor-element.elementor-element-1e40e77{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-905a8a9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-905a8a9:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-905a8a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-905a8a9::before, .elementor-11109 .elementor-element.elementor-element-905a8a9 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-905a8a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-905a8a9 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-905a8a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-905a8a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-905a8a9::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-905a8a9:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-905a8a9, .elementor-11109 .elementor-element.elementor-element-905a8a9::before{--border-transition:1s;}.elementor-11109 .elementor-element.elementor-element-e6eedaf{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-9653d44 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-9653d44{text-align:left;}.elementor-11109 .elementor-element.elementor-element-9653d44 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-5354973{--display:flex;--margin-top:0rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-7bb5fe8{text-align:left;}.elementor-11109 .elementor-element.elementor-element-7bb5fe8 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-813c036 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-813c036{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-813c036{left:0px;}.elementor-11109 .elementor-element.elementor-element-813c036{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-e653e4e{--display:flex;--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1rem;--padding-right:1rem;}.elementor-11109 .elementor-element.elementor-element-e653e4e:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-e653e4e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2EE;}.elementor-11109 .elementor-element.elementor-element-22b1da0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-104269e{--display:grid;--e-con-grid-template-columns:2fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11109 .elementor-element.elementor-element-640eeb8{--grid-columns:1;width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-11109 .elementor-element.elementor-element-640eeb8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-41d75e0{--grid-columns:1;width:100%;max-width:100%;grid-column:span 1;grid-row:span 2;}.elementor-11109 .elementor-element.elementor-element-41d75e0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-0e86023{--display:flex;}.elementor-11109 .elementor-element.elementor-element-33229ac{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFFD1;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-f0fabe5 );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:var( --e-global-color-e01f306 );}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#4DC7A1;}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:var( --e-global-color-e01f306 );}:where( .elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{background-color:var( --e-global-color-e01f306 );}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Figtree", Sans-serif;font-weight:400;text-decoration:none;}.elementor-11109 .elementor-element.elementor-element-33229ac {--n-menu-title-color-hover:#FFFFFF;--n-menu-title-color-active:#FFFFFF;}.elementor-11109 .elementor-element.elementor-element-5b82303{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-5b82303.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11109 .elementor-element.elementor-element-e7e5743{--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:flex-end;--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-11109 .elementor-element.elementor-element-e7e5743.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-11109 .elementor-element.elementor-element-08ec6cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-08ec6cc.elementor-element{--align-self:center;}.elementor-11109 .elementor-element.elementor-element-94a9d2d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--padding-top:1rem;--padding-bottom:1rem;--padding-left:1rem;--padding-right:1rem;--z-index:999;}.elementor-11109 .elementor-element.elementor-element-25debfc{--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:flex-start;--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-11109 .elementor-element.elementor-element-08b4724{--display:flex;}.elementor-11109 .elementor-element.elementor-element-08b4724:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-08b4724 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F2EE;}.elementor-11109 .elementor-element.elementor-element-d80c5e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-e5db84d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-5faf7f6{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-5faf7f6:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-5faf7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-5faf7f6::before, .elementor-11109 .elementor-element.elementor-element-5faf7f6 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-5faf7f6 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-5faf7f6 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-5faf7f6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-5faf7f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-5faf7f6::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-5faf7f6:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-5faf7f6, .elementor-11109 .elementor-element.elementor-element-5faf7f6::before{--border-transition:1s;}.elementor-11109 .elementor-element.elementor-element-c0455e0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-c0455e0{text-align:left;}.elementor-11109 .elementor-element.elementor-element-c0455e0 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-85bf0ad{--display:flex;--margin-top:0rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-b7b5b61{text-align:left;}.elementor-11109 .elementor-element.elementor-element-b7b5b61 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-8e5ad4d .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-8e5ad4d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-8e5ad4d.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11109 .elementor-element.elementor-element-8e5ad4d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-8e5ad4d .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-4a27d56 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-4a27d56{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-4a27d56{left:0px;}.elementor-11109 .elementor-element.elementor-element-4a27d56{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-694b91c{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-694b91c:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-694b91c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-694b91c::before, .elementor-11109 .elementor-element.elementor-element-694b91c > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-694b91c > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-694b91c > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-694b91c > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-694b91c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-694b91c::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-694b91c:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-694b91c, .elementor-11109 .elementor-element.elementor-element-694b91c::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-76f57da > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-76f57da{text-align:left;}.elementor-11109 .elementor-element.elementor-element-76f57da .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-871248f{--display:flex;--margin-top:0rem;--margin-bottom:3rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-6b5bd8a{text-align:left;}.elementor-11109 .elementor-element.elementor-element-6b5bd8a .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-b397b21 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-b397b21 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-b397b21.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11109 .elementor-element.elementor-element-b397b21 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-b397b21 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-4df9e7a > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-4df9e7a{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-4df9e7a{left:0px;}.elementor-11109 .elementor-element.elementor-element-4df9e7a{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-490c0d5{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-490c0d5:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-490c0d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-490c0d5::before, .elementor-11109 .elementor-element.elementor-element-490c0d5 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-490c0d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-490c0d5 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-490c0d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-490c0d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-490c0d5::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-490c0d5:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-490c0d5, .elementor-11109 .elementor-element.elementor-element-490c0d5::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-023651e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-023651e{text-align:left;}.elementor-11109 .elementor-element.elementor-element-023651e .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-c6ca8fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-d3a223d{text-align:left;}.elementor-11109 .elementor-element.elementor-element-d3a223d .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-a9a4873 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-a9a4873 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-a9a4873.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11109 .elementor-element.elementor-element-a9a4873 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-a9a4873 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-1fc8c48 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-1fc8c48{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-1fc8c48{left:0px;}.elementor-11109 .elementor-element.elementor-element-1fc8c48{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-09a91d5{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-09a91d5:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-09a91d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-09a91d5::before, .elementor-11109 .elementor-element.elementor-element-09a91d5 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-09a91d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-09a91d5 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-09a91d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-09a91d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-09a91d5::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-09a91d5:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-09a91d5, .elementor-11109 .elementor-element.elementor-element-09a91d5::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-acea108 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-acea108{text-align:left;}.elementor-11109 .elementor-element.elementor-element-acea108 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-8f1785d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-5ef5ef3{text-align:left;}.elementor-11109 .elementor-element.elementor-element-5ef5ef3 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-58f4571 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-58f4571 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-58f4571.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11109 .elementor-element.elementor-element-58f4571 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-58f4571 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-529054a > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-529054a{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-529054a{left:0px;}.elementor-11109 .elementor-element.elementor-element-529054a{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-cbb349a{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-cbb349a:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-cbb349a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-cbb349a::before, .elementor-11109 .elementor-element.elementor-element-cbb349a > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-cbb349a > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-cbb349a > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-cbb349a > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-cbb349a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-cbb349a::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-cbb349a:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-cbb349a, .elementor-11109 .elementor-element.elementor-element-cbb349a::before{--border-transition:0.5s;}.elementor-11109 .elementor-element.elementor-element-cdfd6c8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-cdfd6c8{text-align:left;}.elementor-11109 .elementor-element.elementor-element-cdfd6c8 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-e56f5da{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-4654e9a{text-align:left;}.elementor-11109 .elementor-element.elementor-element-4654e9a .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-d7b1a93 .elementor-button{background-color:#FFFFFF00;font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:500;text-decoration:none;fill:var( --e-global-color-e01f306 );color:var( --e-global-color-e01f306 );border-style:none;border-radius:0.125rem 0.125rem 0.125rem 0.125rem;padding:0rem 1rem 0rem 0rem;}.elementor-11109 .elementor-element.elementor-element-d7b1a93 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-d7b1a93.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-11109 .elementor-element.elementor-element-d7b1a93 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-11109 .elementor-element.elementor-element-d7b1a93 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-11109 .elementor-element.elementor-element-be56d66 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-be56d66{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-be56d66{left:0px;}.elementor-11109 .elementor-element.elementor-element-be56d66{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-a43aee9{--display:flex;}.elementor-11109 .elementor-element.elementor-element-f5fd8bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-d810f94{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-18289a7{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-18289a7:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-18289a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-18289a7::before, .elementor-11109 .elementor-element.elementor-element-18289a7 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-18289a7 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-18289a7 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-18289a7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-18289a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-18289a7::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-18289a7:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-18289a7, .elementor-11109 .elementor-element.elementor-element-18289a7::before{--border-transition:1s;}.elementor-11109 .elementor-element.elementor-element-ade7d82{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-3425416 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-3425416{text-align:left;}.elementor-11109 .elementor-element.elementor-element-3425416 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-48e7b78{--display:flex;--margin-top:0rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-be47497{text-align:left;}.elementor-11109 .elementor-element.elementor-element-be47497 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-6d9b121 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-6d9b121{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-6d9b121{left:0px;}.elementor-11109 .elementor-element.elementor-element-6d9b121{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-bc49682{--display:flex;--overlay-opacity:0.85;border-style:solid;--border-style:solid;border-width:0.125rem 0.125rem 0.125rem 0.125rem;--border-top-width:0.125rem;--border-right-width:0.125rem;--border-bottom-width:0.125rem;--border-left-width:0.125rem;border-color:var( --e-global-color-f0fabe5 );--border-color:var( --e-global-color-f0fabe5 );--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-11109 .elementor-element.elementor-element-bc49682:not(.elementor-motion-effects-element-type-background), .elementor-11109 .elementor-element.elementor-element-bc49682 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-11109 .elementor-element.elementor-element-bc49682::before, .elementor-11109 .elementor-element.elementor-element-bc49682 > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-bc49682 > .e-con-inner > .elementor-background-video-container::before, .elementor-11109 .elementor-element.elementor-element-bc49682 > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-bc49682 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11109 .elementor-element.elementor-element-bc49682 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF00;--background-overlay:'';}.elementor-11109 .elementor-element.elementor-element-bc49682::before{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11109 .elementor-element.elementor-element-bc49682:hover{border-style:solid;border-width:.125rem .125rem .125rem .125rem;--border-top-width:.125rem;--border-right-width:.125rem;--border-bottom-width:.125rem;--border-left-width:.125rem;border-color:#007874;--border-color:#007874;}.elementor-11109 .elementor-element.elementor-element-bc49682, .elementor-11109 .elementor-element.elementor-element-bc49682::before{--border-transition:1s;}.elementor-11109 .elementor-element.elementor-element-5d29e61{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-323f31c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-323f31c{text-align:left;}.elementor-11109 .elementor-element.elementor-element-323f31c .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1.5rem;font-weight:600;text-decoration:none;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-9ea7f19{--display:flex;--margin-top:0rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-61347d9{text-align:left;}.elementor-11109 .elementor-element.elementor-element-61347d9 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:1rem;font-weight:400;line-height:1lh;color:var( --e-global-color-aacf51e );}.elementor-11109 .elementor-element.elementor-element-94f10e4 > .elementor-widget-container{margin:0% -3% -4% 0%;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-11109 .elementor-element.elementor-element-94f10e4{right:0px;}body.rtl .elementor-11109 .elementor-element.elementor-element-94f10e4{left:0px;}.elementor-11109 .elementor-element.elementor-element-94f10e4{bottom:0px;z-index:-1;}.elementor-11109 .elementor-element.elementor-element-55f59c8{--display:flex;}.elementor-11109 .elementor-element.elementor-element-f82e2c1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-f3d16d1{--display:grid;--e-con-grid-template-columns:2fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11109 .elementor-element.elementor-element-5396992{--grid-columns:1;width:100%;max-width:100%;grid-column:span 1;grid-row:span 1;}.elementor-11109 .elementor-element.elementor-element-5396992 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-629c4ff{--grid-columns:1;width:100%;max-width:100%;grid-column:span 1;grid-row:span 2;}.elementor-11109 .elementor-element.elementor-element-629c4ff > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-d1b5911{--display:flex;}.elementor-11109 .elementor-element.elementor-element-3190f00{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#000000;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:var( --e-global-color-d70c81c );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}:where( .elementor-11109 .elementor-element.elementor-element-3190f00 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{background-color:#F3F2EE;}.elementor-11109 .elementor-element.elementor-element-3190f00 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-11109 .elementor-element.elementor-element-3190f00 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-11109 .elementor-element.elementor-element-3190f00 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-737c153-font-family ), Sans-serif;font-weight:var( --e-global-typography-737c153-font-weight );text-decoration:var( --e-global-typography-737c153-text-decoration );}.elementor-11109 .elementor-element.elementor-element-3190f00 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:none;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-11109 .elementor-element.elementor-element-7cba119{--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-b3b1bef{--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-0f8976e{--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-905a8a9{--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-104269e{--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-640eeb8{--grid-columns:2;}.elementor-11109 .elementor-element.elementor-element-41d75e0{--grid-columns:2;}.elementor-11109 .elementor-element.elementor-element-33229ac{--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-title-distance-from-content:0px;z-index:999;--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0px;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-toggle-icon-size:23px;--n-menu-toggle-icon-border-radius:.25rem .25rem .25rem .25rem;--n-menu-toggle-icon-padding:12px 12px 12px 12px;--n-menu-toggle-icon-distance-from-dropdown:100px;}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-33229ac.elementor-element{--align-self:center;}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0rem 0rem 0rem 0rem;}:where( .elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--border-radius:.25px .25px .25px .25px;--padding-top:16px;--padding-right:16px;--padding-bottom:16px;--padding-left:16px;}:where( [data-core-v316-plus='true'] .elementor-element.elementor-widget-n-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{--padding-block-start:16px;--padding-inline-end:16px;--padding-block-end:16px;--padding-inline-start:16px;}.elementor-11109 .elementor-element.elementor-element-f3d16d1{--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-5396992{--grid-columns:2;}.elementor-11109 .elementor-element.elementor-element-629c4ff{--grid-columns:2;}}@media(max-width:767px){.elementor-11109 .elementor-element.elementor-element-0b54276{--content-width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11109 .elementor-element.elementor-element-ac5ff37{--width:50%;}.elementor-11109 .elementor-element.elementor-element-7cba119{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-5d41da5 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-5d41da5 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-6233e0c .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-34e163e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-34e163e .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-60bcec7 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-9088629 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-9088629 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-4351706 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-5e85068 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-5e85068 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-7206701 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-a047665 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-a047665 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-e060948 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-b3b1bef{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-0f8976e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-a452c93 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-a452c93 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-df214d7 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-905a8a9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-9653d44 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-9653d44 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-7bb5fe8 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-104269e{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-640eeb8{--grid-columns:1;}.elementor-11109 .elementor-element.elementor-element-41d75e0{--grid-columns:1;}.elementor-11109 .elementor-element.elementor-element-33229ac{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;--n-menu-title-distance-from-content:0px;--n-menu-title-space-between:0px;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-11109 .elementor-element.elementor-element-33229ac > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-33229ac.elementor-element{--order:99999 /* order end hack */;}.elementor-11109 .elementor-element.elementor-element-94a9d2d{--content-width:100%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:9999;}.elementor-11109 .elementor-element.elementor-element-25debfc{--width:50%;}.elementor-11109 .elementor-element.elementor-element-c320c0d{text-align:left;}.elementor-11109 .elementor-element.elementor-element-c320c0d img{width:100%;max-width:130px;}.elementor-11109 .elementor-element.elementor-element-08b4724{--padding-top:1.2rem;--padding-bottom:1.2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-11109 .elementor-element.elementor-element-d80c5e5{--min-height:auto;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-11109 .elementor-element.elementor-element-e5db84d{--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-11109 .elementor-element.elementor-element-c0455e0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-c0455e0 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-85bf0ad{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-11109 .elementor-element.elementor-element-b7b5b61 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-b7b5b61 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-76f57da > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-76f57da .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-871248f{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-11109 .elementor-element.elementor-element-6b5bd8a .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-023651e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-023651e .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-c6ca8fd{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11109 .elementor-element.elementor-element-d3a223d .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-acea108 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-acea108 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-8f1785d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11109 .elementor-element.elementor-element-5ef5ef3 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-cdfd6c8 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-cdfd6c8 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-e56f5da{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11109 .elementor-element.elementor-element-4654e9a .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-a43aee9{--padding-top:1.2rem;--padding-bottom:1.2rem;--padding-left:01rem;--padding-right:1rem;}.elementor-11109 .elementor-element.elementor-element-d810f94{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11109 .elementor-element.elementor-element-18289a7{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11109 .elementor-element.elementor-element-9a9ce5c img{width:100%;}.elementor-11109 .elementor-element.elementor-element-ade7d82{--width:100%;--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-11109 .elementor-element.elementor-element-3425416 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-3425416 .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-48e7b78{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-11109 .elementor-element.elementor-element-be47497 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-bc49682{--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:stretch;}.elementor-11109 .elementor-element.elementor-element-323f31c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11109 .elementor-element.elementor-element-323f31c .elementor-heading-title{font-size:2rem;line-height:1.4lh;}.elementor-11109 .elementor-element.elementor-element-9ea7f19{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-11109 .elementor-element.elementor-element-61347d9 .elementor-heading-title{font-size:1rem;line-height:1lh;}.elementor-11109 .elementor-element.elementor-element-55f59c8{--padding-top:1.2rem;--padding-bottom:1.2rem;--padding-left:1rem;--padding-right:1rem;}.elementor-11109 .elementor-element.elementor-element-f3d16d1{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-11109 .elementor-element.elementor-element-5396992{--grid-columns:1;}.elementor-11109 .elementor-element.elementor-element-629c4ff{--grid-columns:1;}.elementor-11109 .elementor-element.elementor-element-3190f00{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-toggle-align:flex-end;--n-menu-title-padding:1rem 1rem 1rem 1rem;--n-menu-toggle-icon-size:28px;--n-menu-toggle-icon-padding:9px 0px 9px 0px;--n-menu-toggle-icon-distance-from-dropdown:1rem;}}@media(min-width:768px){.elementor-11109 .elementor-element.elementor-element-ac5ff37{--width:12.5rem;}.elementor-11109 .elementor-element.elementor-element-5b82303{--width:12.5rem;}.elementor-11109 .elementor-element.elementor-element-25debfc{--width:12.5rem;}}/* Start custom CSS for button, class: .elementor-element-302aa40 */.elementor-11109 .elementor-element.elementor-element-302aa40 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b7bbb6 */.elementor-11109 .elementor-element.elementor-element-7b7bbb6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aa656e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-7aa656es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3dc43f6 */.elementor-11109 .elementor-element.elementor-element-3dc43f6 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af2f026 */.elementor-11109 .elementor-element.elementor-element-af2f026 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b896d43 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-b896d43s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d0d312d */.elementor-11109 .elementor-element.elementor-element-d0d312d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ee58b7 */.elementor-11109 .elementor-element.elementor-element-6ee58b7 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f38b1 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-e6f38b1s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b892b1 */.elementor-11109 .elementor-element.elementor-element-0b892b1 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6a99e6 */.elementor-11109 .elementor-element.elementor-element-c6a99e6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecd760a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-ecd760as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c54d444 */.elementor-11109 .elementor-element.elementor-element-c54d444 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5917bef */.elementor-11109 .elementor-element.elementor-element-5917bef {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbc979c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-dbc979cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e40e77 */.elementor-11109 .elementor-element.elementor-element-1e40e77 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f8976e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-0f8976es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-813c036 */.elementor-11109 .elementor-element.elementor-element-813c036 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-905a8a9 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-905a8a9s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-302aa40 */.elementor-11109 .elementor-element.elementor-element-302aa40 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b7bbb6 */.elementor-11109 .elementor-element.elementor-element-7b7bbb6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aa656e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-7aa656es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3dc43f6 */.elementor-11109 .elementor-element.elementor-element-3dc43f6 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af2f026 */.elementor-11109 .elementor-element.elementor-element-af2f026 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b896d43 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-b896d43s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d0d312d */.elementor-11109 .elementor-element.elementor-element-d0d312d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ee58b7 */.elementor-11109 .elementor-element.elementor-element-6ee58b7 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f38b1 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-e6f38b1s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b892b1 */.elementor-11109 .elementor-element.elementor-element-0b892b1 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6a99e6 */.elementor-11109 .elementor-element.elementor-element-c6a99e6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecd760a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-ecd760as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c54d444 */.elementor-11109 .elementor-element.elementor-element-c54d444 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5917bef */.elementor-11109 .elementor-element.elementor-element-5917bef {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbc979c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-dbc979cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e40e77 */.elementor-11109 .elementor-element.elementor-element-1e40e77 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f8976e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-0f8976es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-813c036 */.elementor-11109 .elementor-element.elementor-element-813c036 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-905a8a9 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-905a8a9s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-302aa40 */.elementor-11109 .elementor-element.elementor-element-302aa40 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b7bbb6 */.elementor-11109 .elementor-element.elementor-element-7b7bbb6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aa656e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-7aa656es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3dc43f6 */.elementor-11109 .elementor-element.elementor-element-3dc43f6 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af2f026 */.elementor-11109 .elementor-element.elementor-element-af2f026 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b896d43 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-b896d43s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d0d312d */.elementor-11109 .elementor-element.elementor-element-d0d312d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ee58b7 */.elementor-11109 .elementor-element.elementor-element-6ee58b7 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f38b1 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-e6f38b1s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b892b1 */.elementor-11109 .elementor-element.elementor-element-0b892b1 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6a99e6 */.elementor-11109 .elementor-element.elementor-element-c6a99e6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecd760a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-ecd760as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c54d444 */.elementor-11109 .elementor-element.elementor-element-c54d444 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5917bef */.elementor-11109 .elementor-element.elementor-element-5917bef {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbc979c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-dbc979cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e40e77 */.elementor-11109 .elementor-element.elementor-element-1e40e77 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f8976e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-0f8976es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-813c036 */.elementor-11109 .elementor-element.elementor-element-813c036 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-905a8a9 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-905a8a9s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-302aa40 */.elementor-11109 .elementor-element.elementor-element-302aa40 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b7bbb6 */.elementor-11109 .elementor-element.elementor-element-7b7bbb6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aa656e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-7aa656es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3dc43f6 */.elementor-11109 .elementor-element.elementor-element-3dc43f6 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af2f026 */.elementor-11109 .elementor-element.elementor-element-af2f026 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b896d43 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-b896d43s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d0d312d */.elementor-11109 .elementor-element.elementor-element-d0d312d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ee58b7 */.elementor-11109 .elementor-element.elementor-element-6ee58b7 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f38b1 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-e6f38b1s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b892b1 */.elementor-11109 .elementor-element.elementor-element-0b892b1 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6a99e6 */.elementor-11109 .elementor-element.elementor-element-c6a99e6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecd760a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-ecd760as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c54d444 */.elementor-11109 .elementor-element.elementor-element-c54d444 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5917bef */.elementor-11109 .elementor-element.elementor-element-5917bef {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbc979c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-dbc979cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e40e77 */.elementor-11109 .elementor-element.elementor-element-1e40e77 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f8976e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-0f8976es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-813c036 */.elementor-11109 .elementor-element.elementor-element-813c036 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-905a8a9 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-905a8a9s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-302aa40 */.elementor-11109 .elementor-element.elementor-element-302aa40 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b7bbb6 */.elementor-11109 .elementor-element.elementor-element-7b7bbb6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aa656e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-7aa656e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-7aa656es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3dc43f6 */.elementor-11109 .elementor-element.elementor-element-3dc43f6 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af2f026 */.elementor-11109 .elementor-element.elementor-element-af2f026 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b896d43 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-b896d43 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-b896d43s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d0d312d */.elementor-11109 .elementor-element.elementor-element-d0d312d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6ee58b7 */.elementor-11109 .elementor-element.elementor-element-6ee58b7 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e6f38b1 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-e6f38b1 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-e6f38b1s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0b892b1 */.elementor-11109 .elementor-element.elementor-element-0b892b1 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6a99e6 */.elementor-11109 .elementor-element.elementor-element-c6a99e6 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ecd760a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-ecd760a {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-ecd760as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c54d444 */.elementor-11109 .elementor-element.elementor-element-c54d444 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5917bef */.elementor-11109 .elementor-element.elementor-element-5917bef {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dbc979c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-dbc979c {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-dbc979cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e40e77 */.elementor-11109 .elementor-element.elementor-element-1e40e77 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f8976e */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-0f8976e {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-0f8976es to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-813c036 */.elementor-11109 .elementor-element.elementor-element-813c036 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-905a8a9 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 22rem; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-905a8a9 {
        height: 20rem; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-905a8a9s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-33229ac */.elementor-11109 .elementor-element.elementor-element-33229ac .e-n-menu-title-text {
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e7e5743 */.elementor-11109 .elementor-element.elementor-element-e7e5743 {
    height: 24px;
    width: 24px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e5ad4d */.elementor-11109 .elementor-element.elementor-element-8e5ad4d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a27d56 */.elementor-11109 .elementor-element.elementor-element-4a27d56 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faf7f6 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-5faf7f6s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b397b21 */.elementor-11109 .elementor-element.elementor-element-b397b21 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4df9e7a */.elementor-11109 .elementor-element.elementor-element-4df9e7a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-694b91c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-694b91cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9a4873 */.elementor-11109 .elementor-element.elementor-element-a9a4873 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc8c48 */.elementor-11109 .elementor-element.elementor-element-1fc8c48 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-490c0d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-490c0d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58f4571 */.elementor-11109 .elementor-element.elementor-element-58f4571 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-529054a */.elementor-11109 .elementor-element.elementor-element-529054a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09a91d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-09a91d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d7b1a93 */.elementor-11109 .elementor-element.elementor-element-d7b1a93 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be56d66 */.elementor-11109 .elementor-element.elementor-element-be56d66 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbb349a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-cbb349as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d9b121 */.elementor-11109 .elementor-element.elementor-element-6d9b121 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18289a7 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-18289a7s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f10e4 */.elementor-11109 .elementor-element.elementor-element-94f10e4 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc49682 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-bc49682s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e5ad4d */.elementor-11109 .elementor-element.elementor-element-8e5ad4d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a27d56 */.elementor-11109 .elementor-element.elementor-element-4a27d56 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faf7f6 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-5faf7f6s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b397b21 */.elementor-11109 .elementor-element.elementor-element-b397b21 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4df9e7a */.elementor-11109 .elementor-element.elementor-element-4df9e7a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-694b91c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-694b91cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9a4873 */.elementor-11109 .elementor-element.elementor-element-a9a4873 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc8c48 */.elementor-11109 .elementor-element.elementor-element-1fc8c48 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-490c0d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-490c0d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58f4571 */.elementor-11109 .elementor-element.elementor-element-58f4571 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-529054a */.elementor-11109 .elementor-element.elementor-element-529054a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09a91d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-09a91d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d7b1a93 */.elementor-11109 .elementor-element.elementor-element-d7b1a93 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be56d66 */.elementor-11109 .elementor-element.elementor-element-be56d66 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbb349a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-cbb349as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d9b121 */.elementor-11109 .elementor-element.elementor-element-6d9b121 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18289a7 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-18289a7s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f10e4 */.elementor-11109 .elementor-element.elementor-element-94f10e4 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc49682 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-bc49682s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e5ad4d */.elementor-11109 .elementor-element.elementor-element-8e5ad4d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a27d56 */.elementor-11109 .elementor-element.elementor-element-4a27d56 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faf7f6 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-5faf7f6s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b397b21 */.elementor-11109 .elementor-element.elementor-element-b397b21 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4df9e7a */.elementor-11109 .elementor-element.elementor-element-4df9e7a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-694b91c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-694b91cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9a4873 */.elementor-11109 .elementor-element.elementor-element-a9a4873 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc8c48 */.elementor-11109 .elementor-element.elementor-element-1fc8c48 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-490c0d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-490c0d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58f4571 */.elementor-11109 .elementor-element.elementor-element-58f4571 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-529054a */.elementor-11109 .elementor-element.elementor-element-529054a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09a91d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-09a91d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d7b1a93 */.elementor-11109 .elementor-element.elementor-element-d7b1a93 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be56d66 */.elementor-11109 .elementor-element.elementor-element-be56d66 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbb349a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-cbb349as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d9b121 */.elementor-11109 .elementor-element.elementor-element-6d9b121 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18289a7 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-18289a7s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f10e4 */.elementor-11109 .elementor-element.elementor-element-94f10e4 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc49682 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-bc49682s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e5ad4d */.elementor-11109 .elementor-element.elementor-element-8e5ad4d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a27d56 */.elementor-11109 .elementor-element.elementor-element-4a27d56 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faf7f6 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-5faf7f6s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b397b21 */.elementor-11109 .elementor-element.elementor-element-b397b21 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4df9e7a */.elementor-11109 .elementor-element.elementor-element-4df9e7a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-694b91c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-694b91cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9a4873 */.elementor-11109 .elementor-element.elementor-element-a9a4873 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc8c48 */.elementor-11109 .elementor-element.elementor-element-1fc8c48 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-490c0d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-490c0d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58f4571 */.elementor-11109 .elementor-element.elementor-element-58f4571 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-529054a */.elementor-11109 .elementor-element.elementor-element-529054a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09a91d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-09a91d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d7b1a93 */.elementor-11109 .elementor-element.elementor-element-d7b1a93 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be56d66 */.elementor-11109 .elementor-element.elementor-element-be56d66 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbb349a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-cbb349as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d9b121 */.elementor-11109 .elementor-element.elementor-element-6d9b121 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18289a7 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-18289a7s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f10e4 */.elementor-11109 .elementor-element.elementor-element-94f10e4 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc49682 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-bc49682s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8e5ad4d */.elementor-11109 .elementor-element.elementor-element-8e5ad4d {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a27d56 */.elementor-11109 .elementor-element.elementor-element-4a27d56 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5faf7f6 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-5faf7f6 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-5faf7f6s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b397b21 */.elementor-11109 .elementor-element.elementor-element-b397b21 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4df9e7a */.elementor-11109 .elementor-element.elementor-element-4df9e7a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-694b91c */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-694b91c {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-694b91cs to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a9a4873 */.elementor-11109 .elementor-element.elementor-element-a9a4873 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1fc8c48 */.elementor-11109 .elementor-element.elementor-element-1fc8c48 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-490c0d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-490c0d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-490c0d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-58f4571 */.elementor-11109 .elementor-element.elementor-element-58f4571 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-529054a */.elementor-11109 .elementor-element.elementor-element-529054a {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-09a91d5 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-09a91d5 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-09a91d5s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d7b1a93 */.elementor-11109 .elementor-element.elementor-element-d7b1a93 {
    white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-be56d66 */.elementor-11109 .elementor-element.elementor-element-be56d66 {
    width: 70%;
    height: auto;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbb349a */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-cbb349a {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-cbb349as to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6d9b121 */.elementor-11109 .elementor-element.elementor-element-6d9b121 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18289a7 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-18289a7 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-18289a7s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94f10e4 */.elementor-11109 .elementor-element.elementor-element-94f10e4 {
    width: auto%;
    height: 100%;
    opacity: .3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc49682 */@media (min-width: 768px) and (max-width: 1024px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}

@media (max-width: 767px) {
    .elementor-11109 .elementor-element.elementor-element-bc49682 {
        height: auto; 
    }
}


/* --- 1. INITIAL STATE (Hidden) --- */
/* Target ONLY the SVG inside the .service-pixels class */
.service-pixels svg path {
    opacity: 0;
    /* When mouse leaves, fade out smoothly */
    transition: opacity 0.8s ease-out; 
}

/* --- 2. HOVER STATE (Trigger Animation) --- */
/* When the CARD is hovered, animate the PIXELS inside */
.service-card:hover .service-pixels svg path {
    opacity: 1; /* Fallback */
    animation: randomSparkle 6s linear forwards;
}

/* --- 3. THE ANIMATION TIMELINE (Same as before) --- */
@keyframes randomSparkle {
    0% { opacity: 0; }
    10% { opacity: 1; } 
    20% { opacity: 0.4; }
    30% { opacity: 0.8; }
    40% { opacity: 0.2; }
    50% { opacity: 1; }
    60% { opacity: 0.3; }
    70% { opacity: 0.7; }
    80% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

/* --- 4. RANDOMIZING THE SQUARES --- */
/* Updated .elementor-11109 .elementor-element.elementor-element-bc49682s to specific .service-pixels class */

/* Group 1 */
.service-pixels svg path:nth-child(2n) {
    animation-delay: 0.1s;
    transition-delay: 0.1s; 
}

/* Group 2 */
.service-pixels svg path:nth-child(3n) {
    animation-delay: 0.3s;
    transition-delay: 0.2s;
}

/* Group 3 */
.service-pixels svg path:nth-child(4n) {
    animation-delay: 0.0s;
    transition-delay: 0.0s;
}

/* Group 4 */
.service-pixels svg path:nth-child(5n) {
    animation-delay: 0.4s;
    transition-delay: 0.3s;
}

/* Group 5 */
.service-pixels svg path:nth-child(7n) {
    animation-delay: 0.2s;
    transition-delay: 0.15s;
}

/* --- OPTIONAL: VARIATION ANIMATION --- */
.service-card:hover .service-pixels svg path:nth-child(even) {
    animation-name: randomSparkle2;
}

@keyframes randomSparkle2 {
    0% { opacity: 0; }
    15% { opacity: 1; } 
    25% { opacity: 0.3; }
    35% { opacity: 0.9; }
    45% { opacity: 0.1; }
    55% { opacity: 0.8; }
    65% { opacity: 0.2; }
    75% { opacity: 1; }
    85% { opacity: 1; }
    100% { opacity: 0; }
}/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-3190f00 */.elementor-11109 .elementor-element.elementor-element-3190f00 .e-n-menu-title-text {
    color: #454545 !important;
    font-weight: semi-bold !important;
    font-size: 1.4rem !important;
}/* End custom CSS */