/**
 * GSAP Horizontal Scroll — layout for the generated pin wrapper + track.
 */

/* CSS smooth scrolling makes the BROWSER animate every programmatic scroll
   write, which fights ScrollTrigger's scrubbing and turns snap into a creeping
   staircase. On pages with a scroller the engine owns scroll behavior — its
   own deep links / bullet clicks animate via JS. */
html {
	scroll-behavior: auto !important;
}

/* ScrollTrigger drives the container's position/transform (pin) and the panels'
   translateX every frame. Elementor puts a CSS transition on containers, which
   would animate those changes and make the section flicker / slide in at the pin
   boundaries — so transitions are disabled on the section and its panels while
   the effect is on. */
.geeks-hscroll,
.geeks-hscroll > .e-con,
.geeks-hscroll > .elementor-element {
	transition: none !important;
}

/* Generated wrapper — pinned block that clips its inner track. The track holds
   the real sections stacked, and moves vertically (the "elevator") so a tall
   next scroller can rise to fill the frame while the previous exits. */
.geeks-hscroll-wrap {
	width: 100%;
	overflow: hidden;
	transition: none !important;
}
.geeks-hscroll-track {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	will-change: transform;
}