.elementor-9611 .elementor-element.elementor-element-d40f01e{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-9611 .elementor-element.elementor-element-c315aab{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9611 .elementor-element.elementor-element-c315aab img{height:600px;}.elementor-9611 .elementor-element.elementor-element-eda5bf1{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9611 .elementor-element.elementor-element-eda5bf1 img{height:600px;}.elementor-9611 .elementor-element.elementor-element-87a252f{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9611 .elementor-element.elementor-element-87a252f img{height:600px;}.elementor-9611 .elementor-element.elementor-element-8d36768{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9611 .elementor-element.elementor-element-8d36768 img{height:600px;}.elementor-9611 .elementor-element.elementor-element-d1afc1d{--display:flex;--min-height:2000px;--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:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-9611 .elementor-element.elementor-element-d1afc1d:not(.elementor-motion-effects-element-type-background), .elementor-9611 .elementor-element.elementor-element-d1afc1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-9611 .elementor-element.elementor-element-a02e4b3{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-9611 .elementor-element.elementor-element-6008179{--display:flex;}.elementor-9611 .elementor-element.elementor-element-4a7c6b1{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9611 .elementor-element.elementor-element-4a7c6b1 img{width:100%;max-width:100%;}.elementor-9611 .elementor-element.elementor-element-ce2c200{--display:flex;}.elementor-9611 .elementor-element.elementor-element-08e500e{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-9611 .elementor-element.elementor-element-08e500e img{width:100%;max-width:100%;}.elementor-9611 .elementor-element.elementor-element-ce2c200.e-con{--align-self:flex-end;}.elementor-9611 .elementor-element.elementor-element-815b7a2{--display:flex;--min-height:2000px;--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-9611 .elementor-element.elementor-element-db0f8ae{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-9611 .elementor-element.elementor-element-db0f8ae:not(.elementor-motion-effects-element-type-background), .elementor-9611 .elementor-element.elementor-element-db0f8ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-097856e );}.elementor-9611 .elementor-element.elementor-element-8af62a6{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;text-align:center;}.elementor-9611 .elementor-element.elementor-element-8af62a6 .elementor-heading-title{color:var( --e-global-color-f19af1f );}.elementor-9611 .elementor-element.elementor-element-79eb1cb{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;top:50px;}body:not(.rtl) .elementor-9611 .elementor-element.elementor-element-79eb1cb{left:50px;}body.rtl .elementor-9611 .elementor-element.elementor-element-79eb1cb{right:50px;}.elementor-9611 .elementor-element.elementor-element-79eb1cb img{width:400px;height:400px;object-fit:cover;object-position:center center;}.elementor-9611 .elementor-element.elementor-element-f81bda4{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;bottom:0px;}body:not(.rtl) .elementor-9611 .elementor-element.elementor-element-f81bda4{right:0px;}body.rtl .elementor-9611 .elementor-element.elementor-element-f81bda4{left:0px;}.elementor-9611 .elementor-element.elementor-element-f81bda4 img{width:400px;height:400px;object-fit:cover;object-position:center center;}.elementor-9611 .elementor-element.elementor-element-479d028{--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-9611 .elementor-element.elementor-element-d8e50ea{--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;}.elementor-9611 .elementor-element.elementor-element-d8e50ea:not(.elementor-motion-effects-element-type-background), .elementor-9611 .elementor-element.elementor-element-d8e50ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9611 .elementor-element.elementor-element-6008179{--width:400px;}.elementor-9611 .elementor-element.elementor-element-ce2c200{--width:400px;}}/* Start custom CSS for container, class: .elementor-element-815b7a2 *//* ── Force section to be the scroll container ── */
.sgal-section {
  position: relative !important;
  background: #07070e !important;
}

/* ── Sticky scene fills viewport ── */
.sgal-scene {
  height: 100vh !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: #07070e !important;
  position: relative !important;
}

/* ── Image widget: centered, hidden initially ── */
.sgal-scene .sgal-card {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0) !important;
  opacity: 0 !important;
  z-index: 20 !important;
  will-change: transform, opacity !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  width: 220px !important;
  height: 220px !important;
}

/* ── Override Elementor image defaults ── */
.sgal-scene .sgal-card img,
.sgal-scene .sgal-card .elementor-widget-container,
.sgal-scene .sgal-card figure {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sgal-scene .sgal-card img {
  object-fit: cover !important;
  display: block !important;
}

/* ── Heading text: centered ── */
.sgal-scene .sgal-text {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 60 !important;
  pointer-events: none !important;
  text-align: center !important;
  width: max-content !important;
  will-change: opacity !important;
  white-space: nowrap !important;
}

/* Radial backdrop behind text so it stays readable over image */
.sgal-scene .sgal-text::before {
  content: '';
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 600px !important;
  height: 400px !important;
  border-radius: 50% !important;
  background: radial-gradient(
    ellipse at center,
    rgba(7,7,14,0.92) 20%,
    rgba(7,7,14,0.55) 55%,
    transparent 72%
  ) !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* ── Progress dot (injected by JS) ── */
.sgal-dot-wrap {
  position: fixed;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}
.sgal-dot-wrap.visible { opacity: 1; }
.sgal-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.18);
  transition: background 0.3s, transform 0.3s;
}
.sgal-dot.on {
  background: #c084fc;
  transform: scale(1.7);
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .sgal-scene .sgal-card {
    width: 150px !important;
    height: 150px !important;
  }
}/* End custom CSS */