.elementor-14 .elementor-element.elementor-element-b9602dd{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-14 .elementor-element.elementor-element-b9602dd:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-b9602dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051923;}.elementor-14 .elementor-element.elementor-element-4216029{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-fb74cbd .elementor-heading-title{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-1337a30{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-1337a30 a{color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-9443b64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-9443b64:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-9443b64 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etarteeb.com/wp-content/uploads/2025/11/eTarteeb-Banner-1200x500-1-1-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-14 .elementor-element.elementor-element-6e73f96{--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-14 .elementor-element.elementor-element-cba1ed2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-cba1ed2:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-cba1ed2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051923;}.elementor-14 .elementor-element.elementor-element-c72f350{--display:flex;}.elementor-14 .elementor-element.elementor-element-d67f0b7{--display:flex;}.elementor-14 .elementor-element.elementor-element-449f1df{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-9b3ccdf .elementor-heading-title{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-c7874f9{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-c7874f9 a{color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-a87f53b .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-a87f53b .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-a87f53b .elementor-button{font-family:"Madani Arabic", Sans-serif;fill:#F6FAFF;color:#F6FAFF;border-style:solid;}.elementor-14 .elementor-element.elementor-element-a87f53b .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-a87f53b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-da38dab{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-40327bc .elementor-heading-title{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-2bb2476{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-7c86a42 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-7c86a42 .elementor-button:focus{background-color:#F7662C;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-7c86a42 .elementor-button{font-family:"Madani Arabic", Sans-serif;fill:#F6FAFF;color:#F6FAFF;border-style:solid;}.elementor-14 .elementor-element.elementor-element-7c86a42 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-7c86a42 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-9fb0a60{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-e7fbbb1 .elementor-heading-title{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-d387a35{color:#F6FAFF;}.elementor-14 .elementor-element.elementor-element-d387a35 a{color:var( --e-global-color-accent );}.elementor-14 .elementor-element.elementor-element-765c848 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-765c848 .elementor-button:focus{background-color:#F7662C;color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-765c848 .elementor-button{font-family:"Madani Arabic", Sans-serif;fill:#F6FAFF;color:#F6FAFF;border-style:solid;}.elementor-14 .elementor-element.elementor-element-765c848 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-765c848 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-b855220{--display:flex;}.elementor-14 .elementor-element.elementor-element-23832d7{--display:flex;}.elementor-14 .elementor-element.elementor-element-711757d{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-14 .elementor-element.elementor-element-8a0f2fe{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-14 .elementor-element.elementor-element-8a0f2fe:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-8a0f2fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etarteeb.com/wp-content/uploads/2025/11/yibei-geng-UdYbiywGeg-unsplash-scaled.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-8a0f2fe{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-8a0f2fe{right:0px;}.elementor-14 .elementor-element.elementor-element-fbab761{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-14 .elementor-element.elementor-element-fbab761:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fbab761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etarteeb.com/wp-content/uploads/2025/11/company-vision-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-fbab761{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-fbab761{right:0px;}.elementor-14 .elementor-element.elementor-element-1a09643{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-14 .elementor-element.elementor-element-1a09643:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-1a09643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://etarteeb.com/wp-content/uploads/2025/11/riccardo-annandale-7e2pe9wjL9M-unsplash.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-14 .elementor-element.elementor-element-1a09643{left:0px;}body.rtl .elementor-14 .elementor-element.elementor-element-1a09643{right:0px;}.elementor-14 .elementor-element.elementor-element-152a004{--display:flex;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14 .elementor-element.elementor-element-2e99076{margin:-3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}body.elementor-page-14:not(.elementor-motion-effects-element-type-background), body.elementor-page-14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-4216029{--width:50%;}.elementor-14 .elementor-element.elementor-element-9443b64{--width:50%;}.elementor-14 .elementor-element.elementor-element-c72f350{--width:50%;}.elementor-14 .elementor-element.elementor-element-b855220{--width:50%;}.elementor-14 .elementor-element.elementor-element-23832d7{--content-width:1140px;}}/* Start custom CSS for container, class: .elementor-element-711757d */.elementor-14 .elementor-element.elementor-element-711757d{
	height:400px;
	border-radius:40px;
	position:relative;
	overflow:hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e73f96 */.elementor-14 .elementor-element.elementor-element-6e73f96{
  scroll-behavior: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e99076 */<script data-minify="1" src="https://nicolaipalmkvist.com/wp-content/cache/min/1/ajax/libs/gsap/3.11.0/gsap.min.js?ver=1759923720"></script>
<script data-minify="1" src="https://nicolaipalmkvist.com/wp-content/cache/min/1/ajax/libs/gsap/3.11.0/ScrollTrigger.min.js?ver=1759923720"></script>

<script>
let mediaAnimation = gsap.matchMedia();
ScrollTrigger.defaults({
  markers: false
});

const colors = ["#2E4D71", "#856546", "#05625C", "#5A483E", "#886648"];

mediaAnimation.add("(min-width: 666px)", () => {
  // Desktop animations
  const details = gsap.utils.toArray(".desktopContentSection:not(:first-child)");
  const photos = gsap.utils.toArray(".desktopPhoto:not(:first-child)");

  gsap.set(photos, { clipPath: 'inset(100% 0% 0% 0%)', autoAlpha: 1 });

  const allPhotos = gsap.utils.toArray(".desktopPhoto");

  details.forEach((section, i) => {
      let bgColor = colors[i + 1];
      ScrollTrigger.create({
          trigger: section,
          start: "200 bottom",
          end: "+=100%",

          onToggle: self => {
              if (self.isActive) {
                  gsap.to(".gallery", { backgroundColor: bgColor });
              } else if ((i === 0 && self.direction < 0) || (i === details.length - 1 && self.direction > 0)) {
                  gsap.to(".gallery", { backgroundColor: "#2E4D71" });
              }
          }
      });
  });

  details.forEach((detail, index) => {
      let headline = detail.querySelector(".reveal");
      let animation = gsap.timeline()
          .to(photos[index], { clipPath: 'inset(0% 0% 0% 0%)', autoAlpha: 1, duration: 1.5 })
          .set(allPhotos[index], { autoAlpha: 1, duration: 1.5 });

      ScrollTrigger.create({
          trigger: headline,
          start: "top 120%",
          end: "top 60%",
          animation: animation,
          scrub: true,
          markers: false
      });
  });
});

mediaAnimation.add("(max-width: 665px)", () => {
  // Mobile animations
  const details = gsap.utils.toArray(".desktopContentSection:not(:first-child)");

  details.forEach((section, i) => {
      let bgColor = colors[i + 1];
      ScrollTrigger.create({
          trigger: section,
          start: "200 bottom",
          end: "+=100%",

          onToggle: self => {
              if (self.isActive) {
                  gsap.to(".gallery", { backgroundColor: bgColor });
              } else if ((i === 0 && self.direction < 0) || (i === details.length - 1 && self.direction > 0)) {
                  gsap.to(".gallery", { backgroundColor: "#2E4D71" });
              }
          }
      });
  });
});
</script>/* End custom CSS */