.elementor-1277 .elementor-element.elementor-element-7a6a98f{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1277 .elementor-element.elementor-element-7a6a98f:not(.elementor-motion-effects-element-type-background), .elementor-1277 .elementor-element.elementor-element-7a6a98f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1277 .elementor-element.elementor-element-31db742{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;width:var( --container-widget-width, 241px );max-width:241px;--container-widget-width:241px;--container-widget-flex-grow:0;}.elementor-1277 .elementor-element.elementor-element-31db742 .elementor-heading-title{font-size:18px;color:#FF4E46;}.elementor-1277 .elementor-element.elementor-element-59f5f5b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1277 .elementor-element.elementor-element-1b7ed1f{--display:flex;--min-height:430px;--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;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-1277 .elementor-element.elementor-element-1b7ed1f:not(.elementor-motion-effects-element-type-background), .elementor-1277 .elementor-element.elementor-element-1b7ed1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lightblue-peafowl-568463.hostingersite.com/wp-content/uploads/2025/12/b_High-tech_indoor_pos-e1764853368174.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title{line-height:42px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1277 .elementor-element.elementor-element-5746082{z-index:3;}.elementor-1277 .elementor-element.elementor-element-33a0652{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1277 .elementor-element.elementor-element-0233691{--display:flex;--min-height:430px;--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;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-1277 .elementor-element.elementor-element-0233691:not(.elementor-motion-effects-element-type-background), .elementor-1277 .elementor-element.elementor-element-0233691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lightblue-peafowl-568463.hostingersite.com/wp-content/uploads/2025/12/b_Remote_BIM_verificat.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title{line-height:42px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1277 .elementor-element.elementor-element-32f17a0{z-index:3;}.elementor-1277 .elementor-element.elementor-element-a551b8e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1277 .elementor-element.elementor-element-7fc10c4{--display:flex;--min-height:430px;--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;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-1277 .elementor-element.elementor-element-7fc10c4:not(.elementor-motion-effects-element-type-background), .elementor-1277 .elementor-element.elementor-element-7fc10c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lightblue-peafowl-568463.hostingersite.com/wp-content/uploads/2025/12/b_Advanced_traffic_map.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title{line-height:42px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-1277 .elementor-element.elementor-element-80d8f2b{z-index:3;}.elementor-1277 .elementor-element.elementor-element-8cf5f4b{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:40px;padding:0px 0px 0px 0px;z-index:11;}@media(max-width:1024px){.elementor-1277 .elementor-element.elementor-element-7a6a98f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1277 .elementor-element.elementor-element-31db742{--container-widget-width:301px;--container-widget-flex-grow:0;width:var( --container-widget-width, 301px );max-width:301px;}.elementor-1277 .elementor-element.elementor-element-8cf5f4b{--e-n-carousel-swiper-slides-to-display:1;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1277 .elementor-element.elementor-element-7a6a98f{--min-height:0px;}.elementor-1277 .elementor-element.elementor-element-31db742{--container-widget-width:250px;--container-widget-flex-grow:0;width:var( --container-widget-width, 250px );max-width:250px;}.elementor-1277 .elementor-element.elementor-element-8cf5f4b{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for heading, class: .elementor-element-31db742 */.elementor-1277 .elementor-element.elementor-element-31db742 { position: relative; padding: 0 40px; } .elementor-1277 .elementor-element.elementor-element-31db742:before, .elementor-1277 .elementor-element.elementor-element-31db742:after { content: ""; position: absolute; top: 50%; width: 30px; height: 2px; background: #ff4e46; /* لون الخط */ } .elementor-1277 .elementor-element.elementor-element-31db742:before { left: 0; } .elementor-1277 .elementor-element.elementor-element-31db742:after { right: 0; } .elementor-1277 .elementor-element.elementor-element-31db742 span:before, .elementor-1277 .elementor-element.elementor-element-31db742 span:after { content: ""; position: absolute; width: 6px; height: 6px; background: #ff4e46; /* المربعات */ top: calc(50% - 2px); } .elementor-1277 .elementor-element.elementor-element-31db742 span:before { left: 0px; } .elementor-1277 .elementor-element.elementor-element-31db742 span:after { right: 0px; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5746082 */.elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b7ed1f */.elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-32f17a0 */.elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0233691 */.elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-80d8f2b */.elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7fc10c4 */.elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5746082 */.elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b7ed1f */.elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-32f17a0 */.elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0233691 */.elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-80d8f2b */.elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7fc10c4 */.elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5746082 */.elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b7ed1f */.elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-32f17a0 */.elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0233691 */.elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-80d8f2b */.elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7fc10c4 */.elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5746082 */.elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-5746082 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b7ed1f */.elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-1b7ed1f { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-1b7ed1f:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-32f17a0 */.elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-32f17a0 .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0233691 */.elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-0233691 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-0233691:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-80d8f2b */.elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title { position: relative; display: inline-block; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: -0.15em; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: left center; transition: transform 0.35s ease; } .elementor-1277 .elementor-element.elementor-element-80d8f2b .elementor-heading-title:hover::after { transform: scaleX(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7fc10c4 */.elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } @media (min-width: 768px) and (max-width: 1024px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 120% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 140% !important; } } @media (max-width: 767px) { .elementor-1277 .elementor-element.elementor-element-7fc10c4 { background-size: 200% !important; background-position: center center !important; background-repeat: no-repeat !important; transition: background-size 0.6s ease; } .elementor-1277 .elementor-element.elementor-element-7fc10c4:hover { background-size: 220% !important; } }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-8cf5f4b *//* ---------- DESKTOP (default) ---------- */ /* Base slide setup */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide { position: relative; overflow: hidden; transform: none !important; } /* Inner wrapper of each slide */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide > *:first-child { position: relative; z-index: 1; overflow: hidden; transition: filter 0.5s ease; } /* Middle (center) slide gradient — visual center is .swiper-slide-next */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-next > *:first-child, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-next > *:first-child { filter: brightness(100%); } .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-next > *:first-child::after, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-next > *:first-child::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient( to top, rgba(255, 79, 70, 0.90), rgba(255, 79, 70, 0.60), rgba(255, 79, 70, 0.0) ); pointer-events: none; } /* Dim non-middle slides (desktop) */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide:not(.swiper-slide-next):not(.swiper-slide-duplicate-next) > *:first-child { filter: brightness(80%); } /* Show heading + button ONLY on middle (center) slide — desktop */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button-link { opacity: 0; transform: translateY(15px); pointer-events: none; transition: opacity 0.3s ease, transform 0.3s ease; } .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-next .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-next .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-next .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-next .elementor-button-link, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-next .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-next .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-next .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-next .elementor-button-link { opacity: 1; transform: translateY(0); pointer-events: auto; } /* Make sure the slides stay in a single horizontal row */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-wrapper { display: flex !important; flex-wrap: nowrap !important; } /* Prevent slides from shrinking or wrapping strangely */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide { flex-shrink: 0; } /* ========================================================= */ /* TABLET */ /* 768px <= width <= 1024px */ /* Move effects to the ACTIVE (first visible) slide */ /* ========================================================= */ @media (min-width: 768px) and (max-width: 1024px) { /* All slides dim by default */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide > *:first-child { filter: brightness(80%); } /* Active slide bright */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active > *:first-child, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active > *:first-child { filter: brightness(100%); } /* Gradient on ACTIVE slide */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active > *:first-child::after, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active > *:first-child::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient( to top, rgba(255, 79, 70, 0.90), rgba(255, 79, 70, 0.60), rgba(255, 79, 70, 0.0) ); pointer-events: none; } /* Hide heading + button on all slides */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button-link { opacity: 0; transform: translateY(15px); pointer-events: none; } /* Show heading + button ONLY on ACTIVE (first visible) slide */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-button-link, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-button-link { opacity: 1; transform: translateY(0); pointer-events: auto; } } /* ========================================================= */ /* MOBILE */ /* width <= 767px */ /* Same idea as tablet, but separate so you can tweak */ /* ========================================================= */ @media (max-width: 767px) { /* All slides dim by default */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide > *:first-child { filter: brightness(80%); } /* Active slide bright */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active > *:first-child, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active > *:first-child { filter: brightness(100%); } /* Gradient on ACTIVE slide */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active > *:first-child::after, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active > *:first-child::after { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient( to top, rgba(255, 79, 70, 0.90), rgba(255, 79, 70, 0.60), rgba(255, 79, 70, 0.0) ); pointer-events: none; } /* Hide heading + button on all slides */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide .elementor-button-link { opacity: 0; transform: translateY(15px); pointer-events: none; } /* Show heading + button ONLY on ACTIVE (first visible) slide */ .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-active .elementor-button-link, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-heading-title, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-button-wrapper, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-button, .elementor-1277 .elementor-element.elementor-element-8cf5f4b .swiper-slide-duplicate-active .elementor-button-link { opacity: 1; transform: translateY(0); pointer-events: auto; } }/* End custom CSS */