.elementor-3465 .elementor-element.elementor-element-63ec444{--display:flex;--min-height:0px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3465 .elementor-element.elementor-element-63ec444:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-63ec444 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051923;}.elementor-3465 .elementor-element.elementor-element-e1bb706{--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-3465 .elementor-element.elementor-element-b3c2006{text-align:end;}.elementor-3465 .elementor-element.elementor-element-b3c2006 .elementor-heading-title{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-bf7a25d{text-align:end;color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-bf7a25d a{color:var( --e-global-color-accent );}.elementor-3465 .elementor-element.elementor-element-23f61c5{--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-3465 .elementor-element.elementor-element-23f61c5:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-23f61c5 > .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-3465 .elementor-element.elementor-element-1d25bd2{--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-3465 .elementor-element.elementor-element-91199ba{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-3465 .elementor-element.elementor-element-91199ba:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-91199ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#051923;}.elementor-3465 .elementor-element.elementor-element-df55c68{--display:flex;}.elementor-3465 .elementor-element.elementor-element-89a4358{--display:flex;}.elementor-3465 .elementor-element.elementor-element-12cbda8{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-3465 .elementor-element.elementor-element-41a739b{text-align:end;}.elementor-3465 .elementor-element.elementor-element-41a739b .elementor-heading-title{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-1557128{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-1557128 a{color:var( --e-global-color-accent );}.elementor-3465 .elementor-element.elementor-element-c376b12 .elementor-button:hover, .elementor-3465 .elementor-element.elementor-element-c376b12 .elementor-button:focus{background-color:var( --e-global-color-accent );color:#FFFFFF;}.elementor-3465 .elementor-element.elementor-element-c376b12 .elementor-button{font-family:"Madani Arabic", Sans-serif;fill:#F6FAFF;color:#F6FAFF;border-style:solid;}.elementor-3465 .elementor-element.elementor-element-c376b12 .elementor-button:hover svg, .elementor-3465 .elementor-element.elementor-element-c376b12 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3465 .elementor-element.elementor-element-d307560{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-3465 .elementor-element.elementor-element-bbf5e15{text-align:end;}.elementor-3465 .elementor-element.elementor-element-bbf5e15 .elementor-heading-title{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-dc7d6d6{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-f391412 .elementor-button:hover, .elementor-3465 .elementor-element.elementor-element-f391412 .elementor-button:focus{background-color:#F7662C;color:#FFFFFF;}.elementor-3465 .elementor-element.elementor-element-f391412 .elementor-button{font-family:"Madani Arabic", Sans-serif;fill:#F6FAFF;color:#F6FAFF;border-style:solid;}.elementor-3465 .elementor-element.elementor-element-f391412 .elementor-button:hover svg, .elementor-3465 .elementor-element.elementor-element-f391412 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3465 .elementor-element.elementor-element-c17221d{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-3465 .elementor-element.elementor-element-3172b40{text-align:end;}.elementor-3465 .elementor-element.elementor-element-3172b40 .elementor-heading-title{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-6f47d93{color:#F6FAFF;}.elementor-3465 .elementor-element.elementor-element-6f47d93 a{color:var( --e-global-color-accent );}.elementor-3465 .elementor-element.elementor-element-67abce7 .elementor-button:hover, .elementor-3465 .elementor-element.elementor-element-67abce7 .elementor-button:focus{background-color:#F7662C;color:#FFFFFF;}.elementor-3465 .elementor-element.elementor-element-67abce7 .elementor-button{font-family:"Madani Arabic", Sans-serif;fill:#F6FAFF;color:#F6FAFF;border-style:solid;}.elementor-3465 .elementor-element.elementor-element-67abce7 .elementor-button:hover svg, .elementor-3465 .elementor-element.elementor-element-67abce7 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3465 .elementor-element.elementor-element-65585ad{--display:flex;}.elementor-3465 .elementor-element.elementor-element-8b62e91{--display:flex;}.elementor-3465 .elementor-element.elementor-element-6b8c510{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-3465 .elementor-element.elementor-element-e018f60{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-3465 .elementor-element.elementor-element-e018f60:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-e018f60 > .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-3465 .elementor-element.elementor-element-e018f60{left:0px;}body.rtl .elementor-3465 .elementor-element.elementor-element-e018f60{right:0px;}.elementor-3465 .elementor-element.elementor-element-4d6f698{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-3465 .elementor-element.elementor-element-4d6f698:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-4d6f698 > .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-3465 .elementor-element.elementor-element-4d6f698{left:0px;}body.rtl .elementor-3465 .elementor-element.elementor-element-4d6f698{right:0px;}.elementor-3465 .elementor-element.elementor-element-b3ec183{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-3465 .elementor-element.elementor-element-b3ec183:not(.elementor-motion-effects-element-type-background), .elementor-3465 .elementor-element.elementor-element-b3ec183 > .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-3465 .elementor-element.elementor-element-b3ec183{left:0px;}body.rtl .elementor-3465 .elementor-element.elementor-element-b3ec183{right:0px;}.elementor-3465 .elementor-element.elementor-element-510eff0{--display:flex;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3465 .elementor-element.elementor-element-749dbf3{margin:-3% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3465 .elementor-element.elementor-element-e1bb706{--width:50%;}.elementor-3465 .elementor-element.elementor-element-23f61c5{--width:50%;}.elementor-3465 .elementor-element.elementor-element-df55c68{--width:50%;}.elementor-3465 .elementor-element.elementor-element-65585ad{--width:50%;}.elementor-3465 .elementor-element.elementor-element-8b62e91{--content-width:1140px;}}/* Start custom CSS for text-editor, class: .elementor-element-bf7a25d */.elementor-3465 .elementor-element.elementor-element-bf7a25d {
  direction: ltr;
  text-align: left;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1557128 */.elementor-3465 .elementor-element.elementor-element-1557128 {
  direction: ltr;
  text-align: left;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-dc7d6d6 */.elementor-3465 .elementor-element.elementor-element-dc7d6d6 {
  direction: ltr;
  text-align: left;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6f47d93 */.elementor-3465 .elementor-element.elementor-element-6f47d93 {
  direction: ltr;
  text-align: left;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b8c510 */.elementor-3465 .elementor-element.elementor-element-6b8c510{
	height:400px;
	border-radius:40px;
	position:relative;
	overflow:hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d25bd2 */.elementor-3465 .elementor-element.elementor-element-1d25bd2{
  scroll-behavior: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-749dbf3 */<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 */