/*   Site Css    */
body {
	background-color: #F6F4F1 !important;
}

.container-fluid,header .main-header,header #scroll-sticky-header {
    padding: 0 clamp(20px, 7vw, 160px) !important;
}

#ast-scroll-top {
    background-color: #347b56;
}
.green-text {
    color: #127A55;
}
.overflow-hidden {
  overflow: hidden !important;
}
.section-padding {
    padding: clamp(60px, 5.5vw, 124px) 0 !important;
}

.subheading-flex .subheading-icon {
    width: 2vw;
    height: 2vw;
}

.subheading-flex .subheading-title {
    font-size: clamp(16px, 1.4vw, 32px);
}

.heading {
    font-size: clamp(3.2rem, 5.8vw, 8rem);
}

.mheading {
    font-size: clamp(2.8rem, 5vw, 6.6rem);
}

.title {
    font-size: clamp(2.2rem, 4vw, 5.4rem);
}
.para {
    font-size: clamp(1rem, 1.2vw, 1.8rem);
}
.para-lg,.para-lg p {
    font-size: clamp(1.1rem, 1.8vw, 2.6rem) !important;
    margin-bottom: 0 !important;
}
.loader {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  background: #011A15;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999999999;
}

.loader-image {
  position: relative;
  width: clamp(120px, 14vw, 320px) !important;;
  line-height: 0;
}

.loader-image img {
  display: block;
  width: 100%;
  height: auto;
}

.logo-base {
  opacity: 0.3;
}

.logo-fill {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;

  /* Start completely clipped */
  clip-path: inset(100% 0 0 0);
}
/* Header Scroll Css */

[data-id="aae9ea5"] {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

[data-id="aae9ea5"].hide-original {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
}
.mb-0,.mb-0 p {
    margin-bottom: 0 !important;
}

#scroll-sticky-header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999 !important;
  transform: translateY(-100%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
	box-shadow: 0px 0px 14px 0px #001a1517;
}

#scroll-sticky-header.show-sticky {
  transform: translateY(0);
}


header:before {display: none !important;}

/* header .main-header,header #scroll-sticky-header {
    padding: 0 clamp(20px, 7vw, 160px) !important;
} */
#scroll-sticky-header .cont-glass- {
    padding: clamp(.6rem, .6vw, .9rem) !important;
}
header .main-header .logo-site img {
    height: clamp(50px, 4.6vw, 100px) !important;
}
#scroll-sticky-header .logo-site img {
    height: clamp(50px, 3.2vw, 70px) !important;
}
header .main-header .elementor-widget-nav-menu .menu-link {
    font-size: clamp(.9rem,1vw,1.6rem) !important;
    padding: clamp(.9rem,.9vw,1.2rem) !important;
}
header #scroll-sticky-header .menu-link {
    font-size: clamp(.8rem, .85vw, 1.2rem) !important;
    padding: clamp(.8rem, .8vw, 1rem) !important;
}
header #scroll-sticky-header .curve-btn .eael-creative-button .cretive-button-text {
    font-size: clamp(.8rem, .9vw, 1.2rem) !important;
}


.show-sticky .curve-btn .eael-creative-button::before {
    background-color: #011A15;
}



/* Header Bg Glass Css */

.cont-glass {
    background-color: rgba(255, 255, 255, 0.10);
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: clamp(.8rem, 1vw, 1.4rem);
    box-shadow: -1px -1px 0px 0px #ffffff75;
	    padding: clamp(.7rem, .7vw, 1rem) clamp(1rem, 1vw, 1.6rem) !important;
}

/* Button Css */

.creative-button-inner .eael-creative-button-icon-right {
    display: flex;
    align-items: center;
}

.curve-btn .eael-creative-button,.curve-btn-trans .eael-creative-button  {
    position: relative;
    background: transparent !important;
    z-index: 1;
/* 	padding: 1rem 2rem !important; */
	padding: clamp(.8rem, .8vw, 1.1rem) clamp(1.2rem, 1.4vw, 2rem) !important;
}

.curve-btn .eael-creative-button .cretive-button-text,.curve-btn-trans .eael-creative-button .cretive-button-text {
    font-size: clamp(.9rem, 1.05vw, 1.6rem) !important;
}
.curve-btn .eael-creative-button::before,.curve-btn-trans .eael-creative-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #FFFFFF;
    border-radius: 8px !important;
    transform: skewX(12deg);
    z-index: -1;
}

.curve-btn-trans {
    position: relative;
    background: transparent !important;
    z-index: 1;
}
.curve-btn-trans .eael-creative-button {
    color: #FFFFFF !important;
}


 .creative-button-inner .button-text-wrapper {
    display: inline-flex;
    flex-direction: column;
    line-height: calc(var(--height) - 1px) !important;
    --height: max(2.4vw, 40px);
    height: max(2.4vw, 40px);
    margin: -.69vw 0;
    margin: min(-11px, -0.69vw) 0;
    overflow: hidden;
}

 .creative-button-inner .button-text-wrapper .cretive-button-text {
      display: block;
      position: relative;
      transform: translate3d(0, -100%, 0);
      transform-style: preserve-3d;
      transition: transform 0.35s ease;
      font-family: "MonumentExtended";
  }
.eael-creative-button:hover .button-text-wrapper .cretive-button-text {
    transform: translate3d(0, 0%, 0);
}






.deensimc-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.deensimc-scroll-text {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 18px;
  z-index: 1;
  gap: 12px;
}

.deensimc-scroll-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: inset -1px 1px 6px 0px rgb(2 2 2 / 31%);
  transform: skewX(16deg);
  z-index: -1;
}
.deensimc-text-marquee .deensimc-scroll-text {
    font-size: clamp(16px, 1.1vw, 26px) !important;
}
span.big-text {
    font-size: clamp(20px, 1.6vw, 36px);
}

/* Pagination Css */

/* container clip kare, taake agli slide edge par cut ho */
.elementor-widget-testimonial-carousel .elementor-main-swiper,
.elementor-widget-testimonial-carousel .swiper {
  overflow: hidden !important;
}

.elementor-widget-testimonial-carousel .swiper-wrapper {
  align-items: stretch;
}

/* sab slides same width, koi fade nahi */
.elementor-widget-testimonial-carousel .swiper-slide {
  width: 62% !important;
  height: auto;
  opacity: 1 !important;
  transition: none !important;
}
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial {
  height: 100%;
}


/* 30+ Scroll Sec Css */

:root{ --scroll-fill:#127A55; }

.scroll-heading,
.scroll-heading *{
  color: transparent !important;
  -webkit-text-stroke: 2px var(--scroll-fill);
  transition: color .45s ease, -webkit-text-stroke-color .45s ease;
}

.scroll-col.is-active .scroll-heading,
.scroll-col.is-active .scroll-heading *{
  color: var(--scroll-fill) !important;
  -webkit-text-stroke-color: transparent;
}

.curv-col{
  --skew: 7deg;
  transform: skewX(var(--skew));
  border-radius: 16px;
  overflow: hidden;
}
.curv-col img {
    max-width: clamp(100px, 7.6vw, 160px) !important;
}
.curv-col .elementor-heading-title {
    font-size: clamp(1.4rem, 1.8vw, 2.6rem) !important;
}
.curv-col .elementor-widget-text-editor {
    font-size: clamp(1rem, 1.1vw, 1.7rem) !important;
}
.curv-col > *{
  transform: skewX(calc(var(--skew) * -1));
}

.elementor-form .elementor-field-type-submit:has(#form-btn){
  --skew: 16deg;
  transform: skewX(var(--skew));
  border-radius: 14px;
}

#form-btn{
  transform: none !important;
}

#form-btn .elementor-button-content-wrapper{
  display: inline-flex;
  align-items: center;
  transform: skewX(-9deg) !important;
  transform: skewX(calc(var(--skew, -9deg) * -1)) !important;
}

/* ============ EAGLE LEADS ============ */

/* wrapper container clip karega */
.eagle-leads-slide.elementor-widget-testimonial-carousel .elementor-widget-container {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}

/* swiper khud left se 60px andar, is liye har slide par gap rahega */
.eagle-leads-slide.elementor-widget-testimonial-carousel .swiper,
.eagle-leads-slide.elementor-widget-testimonial-carousel .elementor-main-swiper {
  width: calc(100vw - 60px) !important;
  max-width: calc(100vw - 60px) !important;
  margin-left: 60px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-slide {
  width: 58% !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
}

/* pagination */
.eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  width: calc(100% - 60px) !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}
.eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination::before {
  content: "";
  position: absolute;
  left: 0;
  right: 10%;
  top: 50%;
  height: 1px;
  background: #1a5c3a;
  transform: translateY(-50%);
  z-index: 0;
}
.eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet {
  position: relative;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #d9d9d9;
  opacity: 1;
  border-radius: 50%;
  margin: 0 !important;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet-active {
  width: 14px;
  height: 14px;
  background: #1a5c3a;
}



/* ============ EAGLE INTEGRATES ============ */

.eagle-integrate-slide.elementor-widget-testimonial-carousel .elementor-widget-container {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}

/* swiper right se 60px andar, mirror ke liye scaleX */
.eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper,
.eagle-integrate-slide.elementor-widget-testimonial-carousel .elementor-main-swiper {
  width: calc(100vw - 60px) !important;
  max-width: calc(100vw - 60px) !important;
  margin-left: 0 !important;
  margin-right: 60px !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  transform: scaleX(-1);
}

/* slides wapas seedhi warna text ulta ho jayega */
.eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-slide {
  width: 58% !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transform: scaleX(-1);
}

/* pagination mirror ke bahar, left aligned */
.eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: calc(100% - 120px) !important;
  margin: 30px 0 0 60px !important;
  padding: 0 !important;
  box-sizing: border-box;
  transform: none !important;
	transform: scaleX(-1) !important;

}
.eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 0;
  top: 50%;
  height: 1px;
  background: #1a5c3a;
  transform: translateY(-50%);
  z-index: 0;
}
.eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet {
  position: relative;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #d9d9d9;
  opacity: 1;
  border-radius: 50%;
  margin: 0 !important;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
.eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet-active {
  width: 16px;
  height: 16px;
  background: #1a5c3a;
}


.elementor-field,.elementor-field-textual {
        padding: 16px 0 !important;
    height: auto !important;
    font-size: clamp(1rem, 1.6vw, 2.4rem) !important;
    line-height: 1.2 !important;
}

.elementor-field::placeholder,.elementor-field-textual {
    text-transform: uppercase !important;
}






.slider-title {
    font-size: clamp(2rem, 3vw, 4.2rem);
}

.slider-item .elementor-icon-list-items .elementor-icon-list-item svg {
    width: 1.2vw;
    height: 1.2vw;
}

.slider-item .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
    font-size: clamp(1rem, 1.35vw, 1.85rem) !important;
}
.slider-img {
    width: clamp(24rem, 27.5vw, 36rem) !important;
    height: clamp(24rem, 27.5vw, 36rem) !important;
}

.advisor-title {
    font-size: clamp(2rem, 3vw, 4.2rem);
}



/* Sticky Step Css */

 .smp {
        --smp-bg: #f2f1ec;
        --smp-ink: #0e2e1e;
        --smp-body: #33413a;
        --smp-muted: #6e7c74;
        --smp-accent: #127A55;
        --smp-line: #c9cfc9;
        --smp-radius: 14px;

        /* sticky header ki height, warna 0px */
        --smp-header: 90px;

        --steps: 4;
        --step-scroll: 95vh;
      }

      /* ---------- ELEMENTOR OVERFLOW FIX ----------
   position:sticky kisi bhi ancestor par overflow:hidden ho to mar jati hai */
      .smp-host,
      .smp-host .e-con-inner,
      .smp-host .elementor-widget-html,
      .smp-host .elementor-widget-container {
        overflow: visible !important;
      }

      /* ---------- SCROLL TRACK ---------- */
      .smp {
        position: relative;
/*         background: var(--smp-bg); */
        min-height: calc(100vh + (var(--steps) * var(--step-scroll)));
        font-family: "Poppins", sans-serif;
      }

      /* ---------- PINNED VIEWPORT ---------- */
      .smp__pin {
        position: sticky;
        top: var(--smp-header);
        height: calc(100vh - var(--smp-header));
        display: flex;
        flex-direction: column;
        overflow: hidden;
        padding: clamp(28px, 5vh, 56px) 0 clamp(34px, 6vh, 68px);
      }

      /* ---------- HEADER ---------- */
      .smp__head {
        text-align: center;
        flex: 0 0 auto;
        max-width: 820px;
        margin: 0 auto;
      }
      .smp__eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--smp-accent);
        margin: 0 0 14px;
      }
      .smp__eyebrow svg {
        width: 13px;
        height: 13px;
        flex: none;
      }
      .smp__title {
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-size: clamp(26px, 3.6vw, 50px);
        line-height: 1.06;
        letter-spacing: -0.01em;
        text-transform: uppercase;
        color: var(--smp-ink);
        margin: 0;
      }
      .smp__sub {
        font-size: clamp(12px, 1vw, 13.5px);
        line-height: 1.75;
        font-weight: 300;
        color: var(--smp-muted);
        margin: 16px auto 0;
        max-width: 520px;
      }

      /* ---------- STAGE ---------- */
      .smp__stage {
        position: relative;
        flex: 1 1 auto;
        min-height: 0;
/*         margin-top: clamp(16px, 3vh, 36px); */
/*         max-width: 1440px; */
        width: 100%;
        margin-inline: auto;
      }
      .smp__rail {
        position: absolute;
        left: 50%;
        top: 4%;
        bottom: 4%;
        width: 2px;
        transform: translateX(-50%);
        background: var(--smp-line);
      }
      .smp__railFill {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        background: var(--smp-accent);
        transition: height 0.55s cubic-bezier(0.22, 1, 0.36, 1);
      }
      .smp__dot {
        position: absolute;
        left: 50%;
        width: clamp(38px, 3.2vw, 80px);
		height: clamp(38px, 3.2vw, 80px);
		margin: -1.6vw 0 0 -1.6vw;
        border-radius: 50%;
        background: var(--smp-bg);
        border: 2px solid var(--smp-line);
        display: grid;
        place-items: center;
        font-size: clamp(14px, 1.2vw, 30px);
        font-weight: 600;
        color: var(--smp-muted);
        transition:
          border-color 0.45s ease,
          color 0.45s ease,
          transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
      }
      .smp__dot.is-on {
        border-color: var(--smp-accent);
        color: var(--smp-accent);
        transform: scale(1.12);
      }

      /* ---------- STEPS ---------- */
      .smp__step {
        position: absolute;
        inset: 0;
        display: grid;
        grid-template-columns: 1fr 6vw 1fr;
        align-items: center;
        gap: 0 clamp(12px, 2vw, 28px);
        opacity: 0;
        pointer-events: none;
        will-change: opacity, transform;
      }
		
/* 		.smp__step.is-past+.smp__step.is-past+.smp__step.is-past+.smp__step.is-active {top: auto;}

		.smp__step:nth-child(2) {
			height: 400px;
		} */

      .smp__media,
      .smp__copy {
        transition:
          opacity 0.6s ease,
          transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
        grid-row: 1;
      }
      .smp__step[data-side="left"] .smp__media {
        grid-column: 1;
      }
      .smp__step[data-side="left"] .smp__copy {
        grid-column: 3;
      }
      .smp__step[data-side="right"] .smp__copy {
        grid-column: 1;
		  margin-left: 100px;
      }
      .smp__step[data-side="right"] .smp__media {
        grid-column: 3;
      }

      .smp__step .smp__media,
      .smp__step .smp__copy {
        opacity: 0;
        transform: translateY(70px);
      }
      .smp__step.is-active {
        opacity: 1;
        pointer-events: auto;
      }
      .smp__step.is-active .smp__media {
        opacity: 1;
        transform: none;
        transition-delay: 0.04s;
      }
      .smp__step.is-active .smp__copy {
        opacity: 1;
        transform: none;
        transition-delay: 0.14s;
      }
      .smp__step.is-past .smp__media {
        opacity: 0;
        transform: translateY(-70px);
      }
      .smp__step.is-past .smp__copy {
        opacity: 0;
        transform: translateY(-70px);
        transition-delay: 0.04s;
      }

      .smp__media {
        position: relative;
        border-radius: var(--smp-radius);
        overflow: hidden;
/*         aspect-ratio: 4/3; */
/*         max-height: min(46vh, 420px); */
        width: 100%;
        margin: 0;
        background: linear-gradient(140deg, #1d3a2c, #0e2e1e 60%, #16241d);
        box-shadow: 0 22px 48px -28px rgba(14, 46, 30, 0.55);
      }
      .smp__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 0;
      }

      .smp__copy {
        max-width: 460px;
      }
      .smp__kicker {
        display: none;
        font-size: 11px;
        letter-spacing: 0.2em;
        color: var(--smp-accent);
        text-transform: uppercase;
        margin: 0 0 10px;
        font-weight: 500;
      }
      .smp__h {
        font-family: "Poppins", Sans-serif !important;
        font-size: clamp(2rem, 3.4vw, 4.8rem);
        font-weight: 500;
        text-transform: uppercase;
        line-height: 1.2;
        color: #011a15 !important;
        margin: 0;
        margin-bottom: 14px;
      }
      .smp__p {
        font-family: "Poppins", Sans-serif;
        font-size: clamp(1rem, 1.4vw, 2rem);
        font-weight: 400;
        line-height: 1.3;
        color: #101416;
        margin-bottom: 0;
      }
      .smp__foot {
        flex: 0 0 auto;
        text-align: center;
        max-width: 720px;
        margin: clamp(14px, 2.5vh, 28px) auto 0;
        font-size: 11.5px;
        line-height: 1.7;
        font-weight: 300;
        color: var(--smp-muted);
      }

    

      /* ---------- ELEMENTOR EDITOR PREVIEW ---------- */
      body.elementor-editor-active .smp {
        min-height: 0;
      }
      body.elementor-editor-active .smp__pin {
        position: static;
        height: auto;
        overflow: visible;
      }
      body.elementor-editor-active .smp__step {
        position: static;
        opacity: 1;
        margin-bottom: 48px;
      }
      body.elementor-editor-active .smp__step .smp__media,
      body.elementor-editor-active .smp__step .smp__copy {
        opacity: 1;
        transform: none;
      }
      body.elementor-editor-active .smp__rail {
        display: none;
      }

      /* ---------- REDUCED MOTION ---------- */
      @media (prefers-reduced-motion: reduce) {
        .smp {
          min-height: 0;
        }
        .smp__pin {
          position: static;
          height: auto;
          overflow: visible;
        }
        .smp__step {
          position: static;
          opacity: 1;
          margin-bottom: 56px;
        }
        .smp__rail {
          display: none;
        }
        .smp__kicker {
          display: block;
        }
        .smp__media,
        .smp__copy {
          opacity: 1 !important;
          transform: none !important;
          transition: none !important;
        }
      }



/* Sticky Steps 2 */

.ss{
  --ss-bg:#F4F2EC;
  --ss-ink:#0F1A14;
  --ss-accent:#127A55;
  --ss-line:#D6D8D5;
  --ss-muted:#3A423C;
  --ss-radius:12px;
  --ss-dwell:75vh;          /* scroll distance per step */
  --ss-ease:cubic-bezier(.22,.61,.36,1);

  position:relative;
/*   background:var(--ss-bg); */
  color:var(--ss-ink);
  overflow-x:clip;
  font-family: "Poppins", sans-serif;
}
.ss *,.ss *::before,.ss *::after{box-sizing:border-box}

/* ---- scroll track + sticky stage ---- */
.ss__track{
  position:relative;
  height:calc(100vh + (var(--ss-steps,5) * var(--ss-dwell)));
  height:calc(100svh + (var(--ss-steps,5) * var(--ss-dwell)));
}
.ss__stage{
  position:sticky;
  top:40px;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.ss__inner{
  position:relative;
  width: min(35vw,800px);
  /* display:grid;
  grid-template-columns:minmax(0,1fr) 60px;
  gap:clamp(24px,4vw,100px); */
  align-items:center;
}

/* ---- panels (one per step, stacked) ---- */
.ss__panels{
  position:relative;
  height:min(82vh,860px);
}
.ss__panel{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  gap:20px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .5s var(--ss-ease),visibility .5s;
}
.ss__panel.is-active{opacity:1;visibility:visible;pointer-events:auto}

/* ---- big bleeding title (sits behind the image) ---- */
.ss__title{
  --ss-bleed:calc(-1 * (50vw - 50%) - 0.06em);   /* resting position, off the left edge */
  --ss-slide:120px;                              /* how far it travels in */
  position:absolute;
  top: 36%;
  left: -36%;
  z-index:1;
  margin:0;
  transform:translateX(calc(var(--ss-bleed) - var(--ss-slide)));
  width:100vw;
   font-family: "Anton", sans-serif;
  font-weight:400;
  font-size:clamp(56px,8.5vw,180px);
  line-height:.84;
  color:var(--ss-accent);
  text-transform:uppercase;
  white-space:nowrap;
  opacity:0;
  transition:opacity .45s var(--ss-ease),transform .75s var(--ss-ease);
}
.ss__panel.is-active .ss__title{
  opacity:1;
  transform:translateX(var(--ss-bleed));
  transition-delay:.05s;
}

/* ---- image card ---- */
.ss__media{
  position:relative;
  /* z-index:2; */
  margin:0;
  height:100%;
  border-radius:var(--ss-radius);
  overflow:hidden;
  background:#101812;
}
.ss__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.04);
  transition:transform .9s var(--ss-ease);
}
.ss__panel.is-active .ss__media img{transform:scale(1)}

/* ---- caption ---- */
.ss__desc{
  position:relative;
  margin:0;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 400;
  color: #101416;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .5s var(--ss-ease),transform .5s var(--ss-ease);
}
.ss__panel.is-active .ss__desc{opacity:1;transform:none;transition-delay:.12s}

/* ---- progress rail ---- */
.ss__rail{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    height: min(38vh, 420px);
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    color: #011A15;
    font-weight: 600;
    user-select: none;
    position: absolute;
    right: -8vw;
    top: 50%;
    transform: translate(0px, -50%);
}
.ss__count{line-height:1}
.ss__count--now{color:var(--ss-ink)}
.ss__line{
  position:relative;
  flex:1;
  width:5px;
  background:var(--ss-line);
  border-radius:22px;
  overflow:hidden;
}
.ss__fill{
  position:absolute;
  inset:0;
  background:var(--ss-accent);
  transform-origin:top center;
  transform:scaleY(.2);
  transition:transform .55s var(--ss-ease);
}
.ss__index{display:none}
.ss__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}


.footer-sec{
	 position: sticky !important;
	 bottom: 0;
	 z-index: 1 !important;
	 padding-bottom: clamp(40px, 2.6vw, 60px) !important;
}

.defece-sec{
	position: relative !important;
	z-index: 2 !important;
}
.footer-logo {
	width: clamp(160px, 21vw, 450px) !important;
}

.footer-list ul {
	display: flex;
	justify-content: center;
	gap: 1.6vw;
	font-size: clamp(1rem, 1.2vw, 1.8rem);
}

.footer-list ul .elementor-icon-list-text {
	color: #101416;
}

.footer-title {
	font-size: clamp(1.2rem, 1.5vw, 2.2rem);
}

/* ---- mobile: release the sticky behaviour, stack the steps ---- */
  /* ---------- TABLET + MOBILE: pinning off ---------- */
/* ============ TABLET ============ */
@media (max-width: 1024px) {
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper,
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin-right: 40px !important;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-slide {
    width: 76% !important;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination {
    width: calc(100% - 40px) !important;
    margin: 24px 0 0 40px !important;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination::before {
    left: 120px;
  }
}

/* ============ MOBILE ============ */
@media (max-width: 767px) {
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper,
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: calc(100vw - 60px) !important;
    max-width: calc(100vw - 60px) !important;
    margin-right: 30px !important;
		
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-slide {
    width: 88% !important;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination {
    width: calc(100% - 0px) !important;
    margin: 20px 0 0 -30px !important;
		transform: scaleX(1) !important;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination::before {
    left: 150px;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .eagle-integrate-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
  }
	
}
/* ============ TABLET ============ */
@media (max-width: 1024px) {
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper,
  .eagle-leads-slide.elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    margin-left: 40px !important;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-slide {
    width: 76% !important;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination {
    width: calc(100% - 40px) !important;
    margin-top: 24px !important;
  }
}

/* ============ MOBILE ============ */
@media (max-width: 767px) {
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper,
  .eagle-leads-slide.elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: calc(100vw - 30px) !important;
    max-width: calc(100vw - 30px) !important;
    margin-left: 30px !important;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-slide {
    width: 88% !important;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination {
    justify-content: flex-start !important;
    width: calc(100% - 30px) !important;
    margin: 20px 0 0 !important;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination::before {
    left: auto;
    right: 0;
    width: 55%;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  .eagle-leads-slide.elementor-widget-testimonial-carousel .swiper-pagination-bullet-active {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 1399px) {
	.smp__h {
		font-size: 48px;
	}
	.smp__p {
		font-size: 18px;
	}
	.ss__desc {
		font-size: 18px;
	  }
}
@media (max-width: 1024px) {
	.smp__h {
		font-size: 38px;
	}
	.smp__p {
		font-size: 16px;
	}
	.smp {
		min-height: 0;
	}
	.smp__pin {
		position: static;
		height: auto;
		overflow: visible;
		/*           padding: 56px 20px 64px; */
	}
	.smp__stage {
		margin-top: 36px;
	}
	.smp__rail {
		display: none;
	}
	.smp__step {
		position: static;
		opacity: 1;
		pointer-events: auto;
		grid-template-columns: 1fr;
		gap: 18px;
		margin-bottom: 56px;
	}
	.smp__step[data-side] .smp__media,
	.smp__step[data-side] .smp__copy {
		grid-column: 1;
	}
	.smp__media {
		max-height: none;
		aspect-ratio: 16/10;
	}
	.smp__copy {
		max-width: none;
	}
	.smp__media, .smp__copy {
		grid-row: unset;
	}
	.smp__kicker {
		display: block;
	}
	.smp__step .smp__media,
	.smp__step .smp__copy {
		opacity: 0;
		transform: translateY(28px);
	}
	.smp__step.in-view .smp__media,
	.smp__step.in-view .smp__copy {
		opacity: 1;
		transform: none;
	}
}
@media (max-width: 1024px) {
  .elementor-widget-testimonial-carousel .swiper-slide { width: 78% !important; }
}
@media (max-width: 767px) {
  .elementor-widget-testimonial-carousel .swiper-slide { width: 100% !important; }
}

@media (max-width:820px){
  .ss__track{height:auto}
  .ss__stage{position:static;height:auto;padding:56px 0 8px}
  .ss__inner{width:min(560px,88vw)}
  .ss__panels{height:auto;display:grid;gap:56px}
  .ss__panel{
    position:static;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    grid-template-rows:auto auto auto;
    gap:14px;
  }
  .ss__title{
    --ss-bleed:0px;
    --ss-slide:0px;
    position:static;
    width:auto;
    transform:none;
    opacity:1;
    order:2;
    font-size: 44px;
    margin-left: -.05em;
    line-height: 1;
  }
    .ss__desc {
      font-size: 16px;
  }
  .ss__media{order:1;height:min(58vw,320px)}
  .ss__media img{transform:none}
  .ss__desc{order:3;opacity:1;transform:none}
  .ss__index{
    display:block;
    order:0;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 600;
    color:var(--ss-accent);
  }
  .ss__rail{display:none}
}

@media (prefers-reduced-motion:reduce){
  .ss *{transition-duration:.01ms !important}
}