.elementor-25 .elementor-element.elementor-element-effa171{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.15;--margin-top:-104px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-25 .elementor-element.elementor-element-effa171::before, .elementor-25 .elementor-element.elementor-element-effa171 > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-effa171 > .e-con-inner > .elementor-background-video-container::before, .elementor-25 .elementor-element.elementor-element-effa171 > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-effa171 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25 .elementor-element.elementor-element-effa171 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(181deg, var( --e-global-color-1fd95f7 ) 0%, #1C1E1F78 100%);}.elementor-25 .elementor-element.elementor-element-7b47469{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--z-index:0;}.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-25 .elementor-element.elementor-element-c6f5d17{text-align:center;}.elementor-25 .elementor-element.elementor-element-c6f5d17 .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:90px;font-weight:500;letter-spacing:-2.3px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-5880ae1 );}.elementor-25 .elementor-element.elementor-element-592bf58{text-align:center;}.elementor-25 .elementor-element.elementor-element-592bf58 .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:50px;font-weight:300;letter-spacing:-2.3px;color:var( --e-global-color-5880ae1 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25 .elementor-element.elementor-element-6a68b42{text-align:center;font-family:"Discovery_Fs-VF", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-5880ae1 );}.elementor-25 .elementor-element.elementor-element-bc86768{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.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-25 .elementor-element.elementor-element-6ffdd24 .elementor-button{background-color:var( --e-global-color-5880ae1 );font-family:"Discovery_Fs-VF", Sans-serif;font-size:22px;font-weight:300;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:12px 12px 12px 12px;}.elementor-25 .elementor-element.elementor-element-6ffdd24 .elementor-button:hover, .elementor-25 .elementor-element.elementor-element-6ffdd24 .elementor-button:focus{background-color:var( --e-global-color-0a5d4e7 );color:var( --e-global-color-7924e9e );}.elementor-25 .elementor-element.elementor-element-6ffdd24 .elementor-button:hover svg, .elementor-25 .elementor-element.elementor-element-6ffdd24 .elementor-button:focus svg{fill:var( --e-global-color-7924e9e );}.elementor-25 .elementor-element.elementor-element-9adc156 .elementor-button{background-color:var( --e-global-color-text );font-family:"Discovery_Fs-VF", Sans-serif;font-size:22px;font-weight:300;fill:var( --e-global-color-5880ae1 );color:var( --e-global-color-5880ae1 );border-radius:12px 12px 12px 12px;}.elementor-25 .elementor-element.elementor-element-9adc156 .elementor-button:hover, .elementor-25 .elementor-element.elementor-element-9adc156 .elementor-button:focus{background-color:var( --e-global-color-0a5d4e7 );}.elementor-25 .elementor-element.elementor-element-e3b5e2d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:120px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-25 .elementor-element.elementor-element-e3b5e2d.e-con{--align-self:center;}.elementor-25 .elementor-element.elementor-element-97dac50{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-25 .elementor-element.elementor-element-71a1de2{--e-image-carousel-slides-to-show:8;}.elementor-25 .elementor-element.elementor-element-71a1de2 .swiper-wrapper{display:flex;align-items:center;}.elementor-25 .elementor-element.elementor-element-6c31025{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-0a5d4e7 );--border-color:var( --e-global-color-0a5d4e7 );--margin-top:-230px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-25 .elementor-element.elementor-element-6c31025:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-6c31025 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5880ae1 );}.elementor-25 .elementor-element.elementor-element-9bd035d{--display:flex;--min-height:350px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-25 .elementor-element.elementor-element-9bd035d.e-con{--align-self:center;}.elementor-25 .elementor-element.elementor-element-a266b76{--display:flex;}.elementor-25 .elementor-element.elementor-element-b8995ed .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:20px;font-weight:300;}.elementor-25 .elementor-element.elementor-element-f9362b5 .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:40px;font-weight:500;}.elementor-25 .elementor-element.elementor-element-8263543{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-25 .elementor-element.elementor-element-397f971{padding:0px 40px 20px 40px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-0a5d4e7 );}.elementor-25 .elementor-element.elementor-element-397f971 .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-397f971 .elementor-counter-title{justify-content:center;color:var( --e-global-color-secondary );font-family:"Discovery_Fs-VF", Sans-serif;font-weight:400;}.elementor-25 .elementor-element.elementor-element-397f971 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Discovery_Fs-VF", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-30a8732{padding:0px 40px 20px 40px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-0a5d4e7 );}.elementor-25 .elementor-element.elementor-element-30a8732 .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-30a8732 .elementor-counter-title{justify-content:center;color:var( --e-global-color-secondary );font-family:"Discovery_Fs-VF", Sans-serif;font-weight:400;}.elementor-25 .elementor-element.elementor-element-30a8732 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Discovery_Fs-VF", Sans-serif;font-weight:600;}.elementor-25 .elementor-element.elementor-element-cfc3ba5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-25 .elementor-element.elementor-element-0256b99{padding:0px 40px 20px 40px;border-style:solid;border-width:0px 1px 0px 1px;border-color:var( --e-global-color-0a5d4e7 );}.elementor-25 .elementor-element.elementor-element-0256b99 .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-0256b99 .elementor-counter-title{justify-content:center;color:var( --e-global-color-secondary );}.elementor-25 .elementor-element.elementor-element-0256b99 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Discovery_Fs-VF", Sans-serif;font-size:50px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-b73d40e{padding:0px 40px 20px 40px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-0a5d4e7 );}.elementor-25 .elementor-element.elementor-element-b73d40e .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-b73d40e .elementor-counter-title{justify-content:center;}.elementor-25 .elementor-element.elementor-element-b73d40e .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Discovery_Fs-VF", Sans-serif;font-size:50px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-e826e79{padding:0px 40px 20px 40px;border-style:solid;border-width:0px 0px 0px 1px;border-color:var( --e-global-color-0a5d4e7 );}.elementor-25 .elementor-element.elementor-element-e826e79 .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-e826e79 .elementor-counter-title{justify-content:center;}.elementor-25 .elementor-element.elementor-element-e826e79 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;font-family:"Discovery_Fs-VF", Sans-serif;font-size:50px;font-weight:600;}.elementor-25 .elementor-element.elementor-element-ca52413{--display:flex;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-ca52413:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-ca52413 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-25 .elementor-element.elementor-element-fcd53c5{--display:flex;}.elementor-25 .elementor-element.elementor-element-7652f4f{width:100%;max-width:100%;}.elementor-25 .elementor-element.elementor-element-b52340e .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:25px;font-weight:300;}.elementor-25 .elementor-element.elementor-element-cb7e519{text-align:center;}.elementor-25 .elementor-element.elementor-element-cb7e519 .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:40px;font-weight:500;}.elementor-25 .elementor-element.elementor-element-3bfd7fd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25 .elementor-element.elementor-element-37514d6{width:100%;max-width:100%;}.elementor-25 .elementor-element.elementor-element-b2b29fc{--display:flex;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:10px 10px 10px 10px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-25 .elementor-element.elementor-element-b2b29fc:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-b2b29fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-25 .elementor-element.elementor-element-fd9254e{--display:flex;}.elementor-25 .elementor-element.elementor-element-fd9254e:not(.elementor-motion-effects-element-type-background), .elementor-25 .elementor-element.elementor-element-fd9254e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e2d8b61 );}.elementor-25 .elementor-element.elementor-element-0bffa95{text-align:center;}.elementor-25 .elementor-element.elementor-element-0bffa95 .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:40px;font-weight:500;}.elementor-25 .elementor-element.elementor-element-72d7dd8{--display:flex;--margin-top:25px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-4738458{text-align:center;}.elementor-25 .elementor-element.elementor-element-4738458 .elementor-heading-title{font-family:"Discovery_Fs-VF", Sans-serif;font-size:40px;font-weight:500;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-25 .elementor-element.elementor-element-ed059f3{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-25 .elementor-element.elementor-element-ed059f3:after{content:"0.66";}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__thumbnail__link{width:100%;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__meta-data span + span:before{content:"•";}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__card{border-radius:12px;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__text{margin-top:20px;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__badge{right:0;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__title{margin-bottom:10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-7b47469{--width:100%;}.elementor-25 .elementor-element.elementor-element-e3b5e2d{--width:94%;}.elementor-25 .elementor-element.elementor-element-9bd035d{--width:95%;}.elementor-25 .elementor-element.elementor-element-a266b76{--width:35%;}.elementor-25 .elementor-element.elementor-element-8263543{--width:50%;}.elementor-25 .elementor-element.elementor-element-cfc3ba5{--width:65%;}.elementor-25 .elementor-element.elementor-element-ca52413{--width:100%;}.elementor-25 .elementor-element.elementor-element-fcd53c5{--width:80%;}.elementor-25 .elementor-element.elementor-element-b2b29fc{--width:100%;}.elementor-25 .elementor-element.elementor-element-fd9254e{--width:100%;}}@media(max-width:767px){.elementor-25 .elementor-element.elementor-element-effa171{--min-height:92vh;}.elementor-25 .elementor-element.elementor-element-7b47469{--min-height:89vh;}.elementor-25 .elementor-element.elementor-element-c6f5d17 .elementor-heading-title{font-size:50px;}.elementor-25 .elementor-element.elementor-element-592bf58 .elementor-heading-title{font-size:26px;letter-spacing:-1.5px;}.elementor-25 .elementor-element.elementor-element-6a68b42{font-size:16px;}.elementor-25 .elementor-element.elementor-element-bc86768{--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-25 .elementor-element.elementor-element-6ffdd24 .elementor-button{font-size:17px;}.elementor-25 .elementor-element.elementor-element-9adc156 .elementor-button{font-size:17px;}.elementor-25 .elementor-element.elementor-element-e3b5e2d{--margin-top:70px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-71a1de2{--e-image-carousel-slides-to-show:3;}.elementor-25 .elementor-element.elementor-element-6c31025{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--margin-top:-140px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-9bd035d{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-25 .elementor-element.elementor-element-f9362b5 .elementor-heading-title{font-size:26px;}.elementor-25 .elementor-element.elementor-element-8263543{--justify-content:flex-start;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-25 .elementor-element.elementor-element-397f971{width:100%;max-width:100%;padding:0px 20px 0px 0px;border-width:0px 2px 0px 0px;}.elementor-25 .elementor-element.elementor-element-397f971 .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-397f971 .elementor-counter-title{justify-content:start;font-size:17px;}.elementor-25 .elementor-element.elementor-element-397f971 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;font-size:30px;}.elementor-25 .elementor-element.elementor-element-30a8732{width:100%;max-width:100%;padding:0px 20px 0px 0px;border-width:0px 2px 0px 0px;}.elementor-25 .elementor-element.elementor-element-30a8732 .elementor-counter{flex-direction:column;}.elementor-25 .elementor-element.elementor-element-30a8732 .elementor-counter-title{justify-content:start;font-size:17px;}.elementor-25 .elementor-element.elementor-element-30a8732 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:0;--counter-suffix-grow:1;--counter-number-grow:0;font-size:30px;}.elementor-25 .elementor-element.elementor-element-ca52413{--padding-top:25px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-25 .elementor-element.elementor-element-b52340e{text-align:center;}.elementor-25 .elementor-element.elementor-element-b52340e .elementor-heading-title{font-size:20px;}.elementor-25 .elementor-element.elementor-element-cb7e519 .elementor-heading-title{font-size:22px;}.elementor-25 .elementor-element.elementor-element-b2b29fc{--padding-top:15px;--padding-bottom:15px;--padding-left:18px;--padding-right:18px;}.elementor-25 .elementor-element.elementor-element-fd9254e{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:12px 12px 12px 12px;--padding-top:30px;--padding-bottom:30px;--padding-left:15px;--padding-right:15px;}.elementor-25 .elementor-element.elementor-element-0bffa95 .elementor-heading-title{font-size:30px;}.elementor-25 .elementor-element.elementor-element-4738458 .elementor-heading-title{font-size:30px;}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-25 .elementor-element.elementor-element-ed059f3:after{content:"0.5";}.elementor-25 .elementor-element.elementor-element-ed059f3 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for image-carousel, class: .elementor-element-71a1de2 */.elementor-25 .elementor-element.elementor-element-71a1de2 .swiper-wrapper {

    transition-timing-function: linear !important;

}



.elementor-25 .elementor-element.elementor-element-71a1de2 img {

    /* הופך את הלוגו ללבן במקום אפור */

    filter: brightness(0) invert(1);

    transition: 0.25s ease all;

}



.elementor-25 .elementor-element.elementor-element-71a1de2 img:hover {

    /* מבטל את הפילטר במעבר עכבר כדי שהלוגו יחזור לצבע המקורי שלו */

    filter: none; 

    transform: translateY(-5px);

    transition: 0.25s ease all;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c53a61f */.social-proof-small {
  display: inline-flex; /* כדי שהאלמנט לא יתפוס את כל הרוחב */
  align-items: center;
  gap: 12px; /* מרווח בין קבוצות הפרופיל והטקסט */
  direction: rtl; /* כיוון קריאה עברית */
  
  /* עדכון הפונט לפונט המבוקש */
  font-family: 'Discovery_Fs-VF', sans-serif !important; 
  font-weight: 400 !important; /* הגדרת משקל פונט 400 */
}

.profile-group {
  display: flex;
  align-items: center;
}

.avatar-group {
  display: flex;
  align-items: center;
}

.avatar-group img, .logo-item {
  width: 36px; /* גודל אחיד */
  height: 36px;
  border-radius: 50%;
  border: 2px solid white; /* גבול דק לבן לחפיפה */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* צל קטן */
  object-fit: cover;
}

.avatar-group img:not(:first-child) {
  margin-right: -12px; /* מרווח שלילי לחפיפה */
}

.logo-group .logo-item {
  margin-right: -12px; /* חפיפה עם האוואטארים */
  background-color: white; /* רקע לבן ללוגו */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px; /* מרווח פנימי לסמל */
}

.logo-group svg {
  width: 100%;
  height: 100%;
}

.trust-text {
  font-size: 15px;
  color: #333; /* צבע טקסט */
  margin: 0; /* ביטול מרווח ברירת מחדל */
  white-space: nowrap; /* מניעת ירידת שורה */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37514d6 *//* --- CSS עבור GreEngineering Interactive Section --- */

*, *::before, *::after {
  box-sizing: border-box;
}

/* ביטול פדינג ברירת מחדל */
.ge-combined-section {
  direction: rtl; /* כיוון קריאה עברית */
  font-family: 'Discovery_Fs-VF', sans-serif !important; /* הגדרת הפונט */
  background-color: transparent; /* ללא רקע */
  padding: 0 !important; /* ביטול הפדינג סביב הסקשיין */
  margin: 0 !important; /* ביטול המארג'ין סביב הסקשיין */
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
}

.ge-main-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* gap: 40px; -- ביטלתי את ה-gap כדי שהם יידבקו, הפדינג הפנימי יעשה את העבודה */
  margin: 0 !important;
  padding: 0 !important;
}

.ge-main-container .column {
  flex: 1;
  min-width: 320px;
  padding: 40px; /* פדינג פנימי בתוך העמודות */
}

/* --- עמודת גרף דביקה (Sticky) --- */
.ge-graph-column {
  display: flex;
  align-items: flex-start; /* חשוב ל-Sticky שזה יתחיל למעלה */
  justify-content: center;
  position: relative;
}

.ge-sticky-graph-box {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  width: 100%;
  position: relative; /* ברירת מחדל */
}

/* מחלקה שנוספת על ידי JS כדי להפוך אותו לדביק */
.ge-sticky-graph-box.is-sticky {
  position: fixed;
  top: 20px; /* רווח מהחלק העליון של המסך */
  /* רוחב העמודה יקבע את רוחבו, נצטרך JS כדי לדייק את זה ב-Fixed */
}

.graph-number {
  color: #333;
  margin-bottom: 20px;
}

.ge-kwph-value {
  font-size: 42px;
  font-weight: bold;
}

.ge-unit {
  font-size: 20px;
  color: #666;
}

.graph-data-tag {
  background-color: rgba(204, 255, 0, 0.2); /* ירוק-ליים שקוף */
  color: #333;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
}

.graph-visual {
  width: 100%;
}

.ge-chart-svg {
  width: 100%;
  height: auto;
}

/* אנימציה חלקה לשינוי הגרף */
#ge-chart-path {
  transition: d 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* --- עמודת תוכן --- */
.ge-content-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ge-meta {
  color: #7a7a7a;
  font-size: 14px;
  text-transform: uppercase;
}

.ge-section-title {
  color: #333;
  font-size: 32px;
  font-weight: bold;
  margin: 0;
}

.ge-section-desc {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.ge-cta-button {
  background-color: #333;
  color: white;
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: flex-start;
  transition: transform 0.3s, background-color 0.3s;
}

.ge-cta-button span {
  transition: transform 0.3s;
}

.ge-cta-button:hover {
  transform: translateY(-3px);
  background-color: #1a1a1a;
}

.ge-cta-button:hover span {
  transform: translateX(-5px); /* אנימציית חץ לעברית */
}

/* --- כפתורי שליטה (Controls) --- */
.ge-building-types {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
}

.type-btn {
  position: relative;
  cursor: pointer;
}

.type-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.type-btn span {
  display: block;
  background-color: #f0f0f0;
  border: 2px solid transparent;
  color: #555;
  padding: 10px 20px;
  border-radius: 25px;
  transition: all 0.3s;
  font-weight: 400;
  white-space: nowrap;
}

.type-btn input:checked + span {
  background-color: transparent;
  border-color: #ccff00; /* ירוק-ליים */
  color: #333;
  font-weight: bold;
}

/* --- רשימת יתרונות משופרת --- */
.ge-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ge-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background-color: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.ge-icon {
  width: 40px;
  height: 40px;
  background-color: #ccff00; /* ירוק-ליים */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ge-icon svg {
  width: 20px;
  height: 20px;
  fill: #333; /* צבע האייקון */
}

.ge-text h4 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.ge-text p {
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

/* --- התאמה למובייל ---הבנתי לגמרי. ביצעתי את כל התיקונים המדויקים שביקשת כדי לייצר את החוויה האינטראקטיבית והמקצועית ביותר עבור GreEngineering.

הקוד הבא כולל את הפתרונות הבאים:

1.  **ביטול הפדינג (Padding):** הריווחים סביב הסקשיין בוטלו כדי שימלא את האזור המוקצה לו באלמנטור.
2.  **גרף דביק (Sticky Scroll):** הוספתי קוד CSS ו-JavaScript המאפשר לגרף להישאר נעוץ ("דביק") למעלה כשהמשתמש גולל למטה, אבל **רק בגבולות העמודה שלו** (הוא לא "ירדוף" אחרי המשתמש לסקשיינים הבאים).
3.  **הכפתורים משפיעים על הגרף:** הכפתורים ('בית פרטי', 'מסחר', 'תעשייה') מקושרים כעת באופן מלא. לחיצה עליהם משנה באופן דינמי ועם אנימציה חלקה את צורת הגרף ואת הערך המספרי, כדי להדגים ביצועים שונים.
4.  **קישור כפתור CTA:** כפתור "התחל עכשיו" מקושר לעמוד צור הקשר שסיפקת.
5.  **אייקונים משופרים:** האייקונים הוחלפו בגרפיקה וקטורית (SVG) חדה, מודרנית ונקייה בצבע ירוק-ליים אחיד.
6.  **טקסטים הגיוניים ומלאים:** הטקסטים ברשימת היתרונות נכתבו מחדש. הם מלאים (ללא ...), הגיוניים ומדברים באופן ספציפי על היתרונות והשירותים של GreEngineering (תכנון תרמי, נספחי רוח, וכו').

---

**איך להשתמש:**
1.  באלמנטור, תגרור ווידג'ט **HTML** לאזור חדש.
2.  העתק והדבק את **כל** הקוד הבא לתוך הווידג'ט.
3.  **חשוב:** כדי שאפקט הגלילה הדביקה (Sticky) יעבוד, וודא שתוכן העמוד ארוך יותר מהגרף (כך שיש לאן גלול).

---

**קוד HTML, CSS ו-JavaScript מאוחד (הדבק את כל זה בווידג'ט):**

```html
<section class="ge-combined-section" id="ge-interactive-section">
  <div class="ge-main-container" id="ge-main-container">
    
    <div class="column ge-graph-column" id="ge-graph-column">
      <div class="ge-sticky-graph-box" id="ge-sticky-box">
        <div class="graph-number">
          <span class="ge-kwph-value" id="ge-kwph-value">7285</span>
          <span class="ge-unit">kWpH</span>
        </div>
        
        <div class="graph-data-tag">נתונים חיים kWpH</div>

        <div class="graph-visual">
          <svg viewBox="0 0 500 200" class="ge-chart-svg">
            <line x1="0" y1="10" x2="500" y2="10" stroke="#e0e0e0" stroke-width="1" />
            <line x1="0" y1="50" x2="500" y2="50" stroke="#e0e0e0" stroke-width="1" />
            <line x1="0" y1="100" x2="500" y2="100" stroke="#e0e0e0" stroke-width="1" />
            <line x1="0" y1="150" x2="500" y2="150" stroke="#e0e0e0" stroke-width="1" />
            
            <path
              id="ge-chart-path"
              fill="none"
              stroke="#ccff00"
              stroke-width="5"
              d="M0,150 L50,130 L100,160 L150,110 L200,140 L250,90 L300,120 L350,70 L400,100 L450,50 L500,80"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
          </svg>
        </div>
      </div>
    </div>

    <div class="column ge-content-column">
      <div class="ge-meta">03</div>
      <h2 class="ge-section-title">ביצועים מוכחים</h2>
      <p class="ge-section-desc">מדדים שקובעים. צמיחה שניתן למדוד. ממערכות יעילות אנרגטית ועד אופטימיזציה של משאבי מים, המערכות שלנו מציגות תוצאות בעלות אימפקט אמיתי.</p>
      
      <a href="[https://www.greengineering.co.il/%d7%a6%d7%95%d7%a8-%d7%a7%d7%a9%d7%a8/](https://www.greengineering.co.il/%d7%a6%d7%95%d7%a8-%d7%a7%d7%a9%d7%a8/)" class="ge-cta-button">התחל עכשיו <span>-></span></a>

      <div class="ge-building-types" id="ge-building-controls">
        <label class="type-btn active">
          <input type="radio" name="building-type" value="residential" checked>
          <span>בית פרטי</span>
        </label>
        <label class="type-btn">
          <input type="radio" name="building-type" value="commercial">
          <span>מסחר</span>
        </label>
        <label class="type-btn">
          <input type="radio" name="building-type" value="industrial">
          <span>תעשייה</span>
        </label>
      </div>

      <ul class="ge-feature-list">
        <li>
          <div class="ge-icon leaf-icon">
            <svg viewBox="0 0 24 24"><path d="M17,8C17,11 15.19,13.67 12.67,14.67C13.67,12.67 14.67,9.67 14.67,8A3,3 0 0,0 11.67,5C10,5 8.67,6 7.67,7.67C6,8.67 5,10 5,11.67C5,14.67 7,16.67 10,16.67A3,3 0 0,0 13,13.67C13,15.67 11.19,18.33 8.67,19.33C9.67,17.33 10.67,14.33 10.67,12.67C10.67,11 11,10.67 11.67,10.67A3,3 0 0,0 14.67,13.67C16.33,12.67 17,11.33 17,9.67C17,8 17.33,8 17,8Z"/></svg>
          </div>
          <div class="ge-text">
            <h4>למה לבחור בנו?</h4>
            <p>מומחיות הנדסית רב-תחומית המבטיחה פתרונות בנייה ירוקה תקניים, חסכוניים ומותאמים אישית לצרכי הפרויקט והחזון שלכם.</p>
          </div>
        </li>
        <li>
          <div class="ge-icon turbine-icon">
            <svg viewBox="0 0 24 24"><path d="M12,2A10,10 0 1,0 22,12A10,10 0 0,0 12,2M12,4.5A7.5,7.5 0 1,1 4.5,12A7.5,7.5 0 0,1 12,4.5M11.5,8A0.5,0.5 0 1,0 12,8.5A0.5,0.5 0 0,0 11.5,8M16,11.5A0.5,0.5 0 1,0 16.5,12A0.5,0.5 0 0,0 16,11.5M11.5,15A0.5,0.5 0 1,0 12,15.5A0.5,0.5 0 0,0 11.5,15M8,11.5A0.5,0.5 0 1,0 8.5,12A0.5,0.5 0 0,0 8,11.5"/></svg>
          </div>
          <div class="ge-text">
            <h4>שירותי ליבה</h4>
            <p>מעטפת מקצועית מלאה הכוללת תכנון תרמי, נספחי רוח, הרצת סימולציות CFD וליווי מלא בתהליכי התעדה מול הרשויות.</p>
          </div>
        </li>
        <li>
          <div class="ge-icon solar-panel-icon">
            <svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2zm1 14.5V11l3.5 3.5L18 13l-6-6-6 6 1.5 1.5L11 11v5.5h2z"/></svg>
          </div>
          <div class="ge-text">
            <h4>הגישה שלנו</h4>
            <p>שילוב חכם של חדשנות טכנולוגית, חשיבה אסטרטגית ועקרונות קיימות, המאפשר להפוך אתגרים סביבתיים להזדמנויות כלכליות וביעילות מרבית.</p>
          </div>
        </li>
        <li>
          <div class="ge-icon lightbulb-icon">
            <svg viewBox="0 0 24 24"><path d="M12,2A7,7 0 0,0 5,9C5,11.38 6.19,13.47 8,14.74V17A1,1 0 0,0 9,18H15A1,1 0 0,0 16,17V14.74C17.81,13.47 19,11.38 19,9A7,7 0 0,0 12,2M9,21A1,1 0 0,0 10,22H14A1,1 0 0,0 15,21V20H9V21M13,13.5V17H11V13.5A0.5,0.5 0 0,1 10.5,13H8.72C7.65,12.21 7,10.97 7,9A5,5 0 0,1 12,4A5,5 0 0,1 17,9C17,10.97 16.35,12.21 15.28,13H13.5A0.5,0.5 0 0,1 13,13.5Z"/></svg>
          </div>
          <div class="ge-text">
            <h4>צרו קשר</h4>
            <p>המומחים שלנו ממתינים לכם. צרו קשר עוד היום לייעוץ ראשוני והתחילו לתכנן את הפרויקט הירוק, היעיל והכלכלי שלכם.</p>
          </div>
        </li>
      </ul>
    </div>
    
  </div>
</section>

<style>
/* --- GreEngineering Interactive Section CSS --- */

*, *::before, *::after {
  box-sizing: border-box;
}

/* ביטול הפדינג סביב הסקשיין באלמנטור */
.ge-combined-section {
  direction: rtl; /* כיוון קריאה עברית */
  font-family: 'Discovery_Fs-VF', sans-serif !important; /* הגדרת פונט */
  background-color: transparent; /* ללא רקע */
  padding: 0 !important; /* ביטול פדינג חיצוני */
  margin: 0 !important; /* ביטול מארג'ין חיצוני */
  display: flex;
  justify-content: center;
  width: 100%;
  position: relative;
  overflow: visible; /* מאפשר ל-Sticky לעבוד */
}

.ge-main-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* gap בוטל כדי שהעמודות יידבקו, נשתמש ב-padding פנימי */
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  overflow: visible; /* מאפשר ל-Sticky לעבוד */
}

.ge-main-container .column {
  flex: 1;
  min-width: 320px;
  padding: 40px; /* פדינג פנימי לשמירה על רווחים */
}

/* --- עמודת גרף דביקה (Sticky) --- */
.ge-graph-column {
  display: flex;
  align-items: flex-start; /* ה-Sticky יתחיל למעלה */
  justify-content: center;
  position: relative;
  overflow: visible; /* מאפשר ל-Sticky לעבוד */
}

.ge-sticky-graph-box {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  width: 100%;
  position: relative; /* ברירת מחדל */
  transition: all 0.3s ease; /* אנימציה למעברים */
}

/* מחלקה שנוספת על ידי JS כשהוא דביק */
.ge-sticky-graph-box.is-sticky {
  position: fixed;
  top: 20px; /* רווח מהחלק העליון של המסך */
  /* רוחב העמודה יקבע את רוחבו,JS יעדכן את זה דינמית */
}

/* מחלקה שנוספת על ידי JS כשהוא מגיע לתחתית העמודה */
.ge-sticky-graph-box.is-at-bottom {
  position: absolute;
  top: auto;
  bottom: 40px; /* רווח מהפדינג התחתון של העמודה */
}

.graph-number {
  color: #333;
  margin-bottom: 20px;
}

.ge-kwph-value {
  font-size: 42px;
  font-weight: bold;
}

.ge-unit {
  font-size: 20px;
  color: #666;
}

.graph-data-tag {
  background-color: rgba(204, 255, 0, 0.2); /* ירוק-ליים שקוף */
  color: #333;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 15px;
}

.graph-visual {
  width: 100%;
}

.ge-chart-svg {
  width: 100%;
  height: auto;
}

/* אנימציה חלקה לשינוי הגרף */
#ge-chart-path {
  transition: d 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* --- עמודת תוכן --- */
.ge-content-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ge-meta {
  color: #7a7a7a;
  font-size: 14px;
  text-transform: uppercase;
}

.ge-section-title {
  color: #333;
  font-size: 32px;
  font-weight: bold;
  margin: 0;
}

.ge-section-desc {
  color: #666;
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.ge-cta-button {
  background-color: #333;
  color: white;
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: flex-start;
  transition: transform 0.3s, background-color 0.3s;
}

.ge-cta-button span {
  transition: transform 0.3s;
}

.ge-cta-button:hover {
  transform: translateY(-3px);
  background-color: #1a1a1a;
}

.ge-cta-button:hover span {
  transform: translateX(-5px); /* אנימציית חץ לעברית */
}

/* --- כפתורי שליטה (Controls) משופרים --- */
.ge-building-types {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 10px 0;
}

.type-btn {
  position: relative;
  cursor: pointer;
}

.type-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.type-btn span {
  display: block;
  background-color: #f0f0f0;
  border: 2px solid transparent;
  color: #555;
  padding: 10px 20px;
  border-radius: 25px;
  transition: all 0.3s;
  font-weight: 400;
  white-space: nowrap;
}

/* עיצוב כפתור פעיל (Active/Hover/Checked) */
.type-btn input:checked + span,
.type-btn.active span {
  background-color: transparent;
  border-color: #ccff00; /* ירוק-ליים */
  color: #333;
  font-weight: bold;
}

/* --- רשימת יתרונות משופרת --- */
.ge-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.ge-feature-list li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  background-color: #fff;
  padding: 15px;
  border-radius: 15px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.ge-icon {
  width: 40px;
  height: 40px;
  background-color: #ccff00; /* ירוק-ליים */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ge-icon svg {
  width: 20px;
  height: 20px;
  fill: #333; /* צבע האייקון */
}

.ge-text h4 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

.ge-text p {
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 1.6; /* ריווח שורות נוח */
}

/* --- התאמה למובייל --- */
@media (max-width: 900px) {
  .ge-main-container {
    flex-direction: column-reverse; /* טקסט קודם, גרף מתחת */
  }
  
  .ge-main-container .column {
    width: 100%;
    padding: 20px; /* פדינג קטן יותר במובייל */
  }
  
  /* ביטול Sticky במובייל (יכול להיות בעייתי) */
  .ge-graph-column {
    display: block; 
  }
  
  .ge-sticky-graph-box.is-sticky,
  .ge-sticky-graph-box.is-at-bottom {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
  }
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
  // 1. נתונים עבור הגרף (ערכים וצורות)
  const graphData = {
    residential: {
      value: "7285",
      path: "M0,150 L50,130 L100,160 L150,110 L200,140 L250,90 L300,120 L350,70 L400,100 L450,50 L500,80" // קיים
    },
    commercial: {
      value: "15420",
      path: "M0,280 L100,220 L200,260 L300,180 L400,120 L500,160 L600,100" // שונה
    },
    industrial: {
      value: "48150",
      path: "M0,260 L100,180 L200,220 L300,140 L400,80 L500,120 L600,60" // שונה נוסף
    }
  };

  // 2. בחירת אלמנטים לאינטראקציה
  const controls = document.querySelectorAll('#ge-building-controls label');
  const kwphValue = document.getElementById('ge-kwph-value');
  const chartPath = document.getElementById('ge-chart-path');

  // הוספת Event Listener לכפתורים
  controls.forEach(control => {
    const input = control.querySelector('input');
    input.addEventListener('change', function() {
      // הסרת סימון פעיל מכל הכפתורים
      controls.forEach(c => c.classList.remove('active'));
      
      if (this.checked) {
        // הוספת סימון פעיל לכפתור שנבחר
        control.classList.add('active');
        
        // קבלת סוג המבנה ( residential, commercial, industrial )
        const type = this.value;
        
        // עדכון תווית הערך בגרף
        kwphValue.textContent = graphData[type].value;
        
        // עדכון מסלול הגרף (עם הנפשה)
        chartPath.setAttribute('d', graphData[type].path);
      }
    });
  });

  // 3. לוגיקה עבור גרף דביק (Sticky Scroll within limits)
  const interactiveSection = document.getElementById('ge-interactive-section');
  const stickyBox = document.getElementById('ge-sticky-box');
  const graphColumn = document.getElementById('ge-graph-column');
  
  // פונקציית עדכון גלילה
  function updateStickyScroll() {
    // קבלת המיקומים של הסקשיין והעמודה
    const sectionRect = interactiveSection.getBoundingClientRect();
    const columnRect = graphColumn.getBoundingClientRect();
    const boxRect = stickyBox.getBoundingClientRect();
    
    // חישוב הגבהים
    const stickyBoxHeight = boxRect.height;
    const columnHeight = columnRect.height;
    
    // המרחק מהחלק העליון של המסך שבו ה-Sticky מתחיל
    const stickyTrigger = 20; 

    // --- עדכון רוחב דינמי ל-Fixed ---
    // כדי ש-Fixed ישמור על רוחב העמודה המקורי
    const columnWidth = columnRect.width;
    const columnPadding = parseFloat(window.getComputedStyle(graphColumn).paddingLeft) * 2; // פדינג משני הצדדים
    stickyBox.style.width = (columnWidth - columnPadding) + 'px';

    // --- לוגיקת המצבים ---
    if (sectionRect.top < stickyTrigger) {
      // הסקשיין נכנס לאזור הדביק
      if (sectionRect.bottom > (stickyBoxHeight + stickyTrigger + 80)) { // 80 הוא פדינג תחתון
        // יש מספיק מקום, הפוך אותו לדביק
        stickyBox.classList.add('is-sticky');
        stickyBox.classList.remove('is-at-bottom');
      } else {
        // המשתמש הגיע לתחתית העמודה, נעץ אותו בתחתית
        stickyBox.classList.remove('is-sticky');
        stickyBox.classList.add('is-at-bottom');
        stickyBox.style.width = '100%'; // חזרה לרוחב מלא בתוך Absolute
      }
    } else {
      // הסקשיין מעל אזור הדביק, חזרה למצב רגיל
      stickyBox.classList.remove('is-sticky');
      stickyBox.classList.remove('is-at-bottom');
      stickyBox.style.width = '100%'; // חזרה לרוחב מלא
    }
  }

  // הפעלה בעת גלילה
  window.addEventListener('scroll', updateStickyScroll);
  // הפעלה בעת שינוי גודל מסך (כדי לדייק את הרוחב)
  window.addEventListener('resize', updateStickyScroll);
  // הפעלה ראשונית
  updateStickyScroll();
});
</script>/* End custom CSS */