/* this for smoke animtion */
/* .smoke-container {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  z-index: 5;
}

#smokeCanvas {
  width: 100%;
  height: 100%;
  display: block;
} */
/* ---------------------------------------
   LENIS SMOOTH SCROLL
---------------------------------------- */

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* ---------------------------------------
   GENERAL
---------------------------------------- */

html,
body {
    overflow-x: hidden;
}

/* Better rendering for GSAP animations */

.gsap-animate {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Optional */
img {
    max-width: 100%;
    height: auto;
}


/*  element animation */
/* title */
body:not(.elementor-editor-active) .title-reveal h1 {
    transform: translateY(100%);
}

body:not(.elementor-editor-active) .reveal {
    clip-path: inset(100% 0 0 0);
}

body:not(.elementor-editor-active) .title-reveal h1 {
transform: translateY(100%);
}
.hero-section {
    position: relative;
    z-index: 1;
}

.next-section {
    position: relative;
    z-index: 2;
}
.title-reveal {
    overflow: hidden;
}

body:not(.elementor-editor-active) .title-reveal h1,
body:not(.elementor-editor-active) .title-reveal h2,
body:not(.elementor-editor-active) .title-reveal h3 {
    transform: translateY(100%);
}