/* ==========================================================
   About List for Elementor
   ========================================================== */

.ablw-wrap {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	min-height: 1px;
	box-sizing: border-box;
	background-color: #f7efe4;
	color: #2a2118;
	font-family: inherit;
	--ablw-dur: 800ms;
	--ablw-delay: 0ms;
	--ablw-stagger: 120ms;
	--ablw-offset: 100px;
	--ablw-line-w: 1px;
	--ablw-line-c: #6b6259;
}

.ablw-wrap *,
.ablw-wrap *::before,
.ablw-wrap *::after {
	box-sizing: border-box;
}

/* Elementor flex-container fix: widget ko poori width lene do */
.elementor-widget-ale_about_list {
	width: 100%;
	max-width: 100%;
}

.elementor-widget-ale_about_list > .elementor-widget-container {
	width: 100%;
}

/* ---------- Sidebar ---------- */
.ablw-wrap .ablw-sidebar {
	flex: 0 0 28%;
	width: 28%;
	max-width: 100%;
	border: 0;
}

/* ---------- Lines (borders) — !important taa-ke theme override na kare ---------- */
.ablw-wrap.ablw-divider .ablw-sidebar {
	border-right: var(--ablw-line-w, 1px) solid var(--ablw-line-c, #6b6259) !important;
}
.ablw-wrap.ablw-line-top    { border-top:    var(--ablw-line-w, 1px) solid var(--ablw-line-c, #6b6259) !important; }
.ablw-wrap.ablw-line-bottom { border-bottom: var(--ablw-line-w, 1px) solid var(--ablw-line-c, #6b6259) !important; }
.ablw-wrap.ablw-line-left   { border-left:   var(--ablw-line-w, 1px) solid var(--ablw-line-c, #6b6259) !important; }
.ablw-wrap.ablw-line-right  { border-right:  var(--ablw-line-w, 1px) solid var(--ablw-line-c, #6b6259) !important; }

.ablw-wrap .ablw-sidebar-inner {
	padding: 60px 24px 60px 70px;
}

.ablw-sticky-yes .ablw-wrap .ablw-sidebar-inner {
	position: sticky;
	top: 100px;
}

.ablw-wrap .ablw-sidebar-title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 12px;
	color: #2a2118;
	opacity: 1;
	visibility: visible;
	-webkit-text-fill-color: currentColor;
}

.ablw-wrap .ablw-nav {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.ablw-wrap .ablw-link {
	display: inline-block;
	font-size: 13px;
	line-height: 1.4;
	color: #2a2118;
	opacity: 1;
	visibility: visible;
	-webkit-text-fill-color: currentColor;
	text-decoration: underline;
	text-decoration-color: transparent;
	text-underline-offset: 4px;
	transition: transform 0.25s ease, color 0.25s ease, text-decoration-color 0.25s ease;
}

.ablw-wrap .ablw-link:hover,
.ablw-wrap .ablw-link:focus-visible {
	text-decoration-color: currentColor;
}

.ablw-wrap .ablw-link.is-active {
	transform: translateX(5px);
	text-decoration-color: currentColor;
}

/* ---------- Content ---------- */
.ablw-wrap .ablw-content {
	flex: 1 1 0;
	min-width: 0;
	padding: 60px 60px 60px 34px;
}

.ablw-wrap .ablw-item {
	margin-bottom: 36px;
	scroll-margin-top: var(--ablw-offset);
}

.ablw-wrap .ablw-item:last-child {
	margin-bottom: 0;
}

.ablw-wrap .ablw-title {
	margin: 0 0 18px;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 500;
	color: #2a2118;
	opacity: 1;
	visibility: visible;
	-webkit-text-fill-color: currentColor;
}

.ablw-wrap .ablw-item--large .ablw-title {
	font-size: 52px;
	line-height: 1.1;
	margin: 10px 0 0;
}

.ablw-wrap .ablw-desc,
.ablw-wrap .ablw-desc p {
	font-size: 15px;
	line-height: 1.7;
	color: #2a2118;
	opacity: 1;
	visibility: visible;
	-webkit-text-fill-color: currentColor;
}

.ablw-wrap .ablw-desc > :first-child { margin-top: 0; }
.ablw-wrap .ablw-desc > :last-child  { margin-bottom: 0; }
.ablw-wrap .ablw-desc p { margin: 0 0 1em; }

/* ==========================================================
   Scroll-trigger animations — NO opacity / fade / blur.
   Content hamesha visible rehta hai; sirf move / reveal hota hai.
   ========================================================== */
.ablw-wrap {
	overflow-x: clip; /* slide animation se horizontal scrollbar na aaye (sticky safe) */
}

.ablw-anim-on .ablw-a {
	will-change: transform;
	transition:
		transform var(--ablw-dur) cubic-bezier(.22, 1, .36, 1) var(--ablw-delay),
		clip-path var(--ablw-dur) cubic-bezier(.22, 1, .36, 1) var(--ablw-delay);
}

.ablw-anim-on .ablw-desc.ablw-a {
	transition-delay: calc(var(--ablw-delay) + var(--ablw-stagger));
}

/* Start states (scroll se pehle) */
.ablw-anim-slide-up    .ablw-a,
.ablw-anim-fade-up     .ablw-a,
.ablw-anim-fade-in     .ablw-a,
.ablw-anim-blur-in     .ablw-a { transform: translate3d(0, 60px, 0); }
.ablw-anim-slide-down  .ablw-a,
.ablw-anim-fade-down   .ablw-a { transform: translate3d(0, -60px, 0); }
.ablw-anim-slide-left  .ablw-a { transform: translate3d(-80px, 0, 0); }
.ablw-anim-slide-right .ablw-a { transform: translate3d(80px, 0, 0); }
.ablw-anim-zoom-in     .ablw-a { transform: scale(.85); transform-origin: left center; }
.ablw-anim-clip-up     .ablw-a { clip-path: inset(0 0 100% 0); transform: translate3d(0, 24px, 0); }

/* End state (scroll par) */
.ablw-anim-on .ablw-item.ablw-visible .ablw-a {
	transform: none;
	clip-path: inset(0 0 0 0);
}

/* Sidebar entrance (staggered, slide only) */
.ablw-side-anim .ablw-s {
	transform: translate3d(-30px, 0, 0);
	transition: transform 700ms cubic-bezier(.22, 1, .36, 1) calc(var(--ablw-delay) + var(--i, 0) * 90ms);
}

.ablw-side-anim .ablw-sidebar-inner.ablw-visible .ablw-s {
	transform: none;
}

/* ---------- Editor: always in final position ---------- */
.ablw-editing .ablw-a,
.ablw-editing .ablw-s {
	transform: none !important;
	clip-path: none !important;
	transition: none !important;
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
	.ablw-anim-on .ablw-a,
	.ablw-side-anim .ablw-s {
		transform: none !important;
		clip-path: none !important;
		transition: none !important;
	}
	.ablw-wrap .ablw-link { transition: none; }
}

/* ---------- Mobile: sidebar on top ---------- */
@media (max-width: 767px) {
	.ablw-wrap {
		flex-direction: column;
	}

	.ablw-wrap .ablw-sidebar {
		flex: 0 0 auto !important;
		width: 100% !important;
		border-right: 0 !important;
	}

	.ablw-wrap.ablw-divider .ablw-sidebar {
		border-right: 0 !important;
		border-bottom: var(--ablw-line-w, 1px) solid var(--ablw-line-c, #6b6259) !important;
	}

	.ablw-sticky-yes .ablw-wrap .ablw-sidebar-inner {
		position: static;
	}

	.ablw-wrap .ablw-sidebar-inner {
		padding: 30px 24px;
	}

	.ablw-wrap .ablw-content {
		padding: 30px 24px;
	}

	.ablw-wrap .ablw-item--large .ablw-title {
		font-size: 38px;
	}
}