.bg-gray-light { background: #f3f4f6; }
    .bg-yellow { background: var(--line-color-01); }
    .bg-teal { background: var(--line-color-02); }
    .text-cyan { color: var(--line-color-02); line-height: 3rem; }

    @media (min-width: 768px) {
      .height-lever { height: 300vh; }

      .sticky-anim { opacity: 0; scale: .9; transform-origin: center; }
      .zoom-it { scale: 1.5; }
      .scale-sm { scale: .2; }

      .sticky-height { height: 70vh; }

      .outer-element {
        aspect-ratio: 1 / 1;
        height: 40vw;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .outer-element { height: 28vw; } /* comes from your CSS; same breakpoint */

      .element {
        position: absolute;
        border-radius: 999px;
        aspect-ratio: 1 / 1;
        width: calc(10px + 4vw);
        max-width: 75px;
      }

      .plus-it {
        aspect-ratio: 1 / 1;
        width: calc(30px + 5vw);
        position: relative;
        scale: 1;
      }
      .plus-it span {
        display: block;
        position: absolute;
        background: #fff;
        border-radius: 99px;
      }
      .plus-it span:nth-child(1) {
        top: 0; left: 50%;
        width: 2px; height: 100%;
      }
      .plus-it span:nth-child(2) {
        top: 50%; left: 0;
        width: 100%; height: 2px;
      }

      .stickyImageClip {
        transform-origin: center;
        overflow: hidden;
      }
      .stickyImageClip {
        -webkit-clip-path: inset(0 0 0 0);
        clip-path: inset(0 0 0 0);
      }
    }


    @media (min-width: 1200px) {
      .sticky-height { height: 65vh; }
    }

    .stickyImageClip img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .pe-none { pointer-events: none; }
	

.sm-circle .position-relative { position: relative !important; }
.sm-circle .position-absolute { position: absolute !important; }
.sm-circle .position-sticky { position: sticky !important; }

.sm-circle .inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
.sm-circle .top-0 { top: 0 !important; }
.sm-circle .bottom-0 { bottom: 0 !important; }
.sm-circle .start-0 { left: 0 !important; }
.sm-circle .end-0 { right: 0 !important; }

.sm-circle .w-100 { width: 100% !important; }
.sm-circle .vh-100 { height: 100vh !important; }

.sm-circle .d-flex { display: flex !important; }
.sm-circle .align-items-center { align-items: center !important; }
.sm-circle .justify-content-center { justify-content: center !important; }

.sm-circle .z-1 { z-index: 1 !important; }


.sm-circle .d-none { display: none !important; }
@media (min-width: 768px) {
  .sm-circle .d-md-block { display: block !important; }
  .sm-circle .d-md-none { display: none !important; }
}
@media (max-width: 767.98px) {
  .sm-circle .d-md-block { display: none !important; }
  .sm-circle .d-md-none { display: block !important; }
}


.sm-circle .ratio { position: relative; width: 100%; min-height: 100vh; }
.sm-circle .ratio > img,
.sm-circle .ratio > video { width: 100%; height: 100%; object-fit: cover; display: block; }

.stickyh2 {font-family: Gilroy, Arial, sans-serif;}
.stickyh3 {font-family: Gilroy, Arial, sans-serif;}