/* =============================================
DR AGARWAL'S INVESTOR RELATIONS – STYLE.CSS
============================================= */

/* --- Reset & Base --- */
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: transparent !important;
	--webkit-outline: transparent !important;
}

:root {
	/* Color Palette */
	--clr-navy: hsl(215, 55%, 24%);
	/* #1B365D */
	--clr-blue: hsl(209, 48%, 53%);
	/* #4D88C1 */
	--clr-light: hsl(212, 70%, 92%);
	/* #DDEAF9 */
	--clr-lighter: hsl(212, 100%, 95%);
	/* #E3F0FF */
	--clr-white: hsl(0, 0%, 100%);
	/* #FFFFFF */
	--clr-dark: hsl(0, 0%, 36%);
	/* #5D5D5D */
	--clr-off-white: hsla(210, 12%, 93%, 1);
	/* Off-white */
	--clr-black: hsla(120, 7%, 8%, 1);
	/* #131613 */

	/* Typography */
	--font-primary: 'Plus Jakarta Sans', sans-serif;

	/* Shadows */
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
	--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
	--shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.15);

	/* Border Radius */
	--radius-sm: 8px;
	--radius-md: 12px;
	--radius-lg: 16px;
	--radius-xl: 20px;
	--radius-2xl: 24px;
	--radius-3xl: 28px;
	--radius-4xl: 36px;
	--radius-pill: 999px;

	/* Transitions */
	--transition-fast: 0.2s ease;
	--transition-normal: 0.3s ease;
	--transition-slow: 0.5s ease;
}

html,
body {
	height: 100%;
	width: 100%;
	font-family: var(--font-primary);
	color: var(--clr-dark);
	background: var(--clr-white);
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

button {
	border-color: transparent !important;
	outline-color: transparent !important;
}
.d-contents {
	display: contents;
}

/* =============================================
MOBILE NAVBAR (shown < 992px)
============================================= */
.global-mobile-navbar {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	transition: background-color 0.3s ease;
}

.global-mobile-navbar__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.global-mobile-navbar__container .global-mobile-navbar__cover {
	padding: 12px 20px;
	width: 100% !important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	z-index: 10002;
}

.global-mobile-navbar .logo-img {
	height: 28px;
	width: auto;
}

/* Custom CSS Hamburger */
.hamburger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 39px;
	height: 36px;
	background: #F0F5FA;
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: var(--radius-sm);
	cursor: pointer;
	position: relative;
	z-index: 10001 !important;
	transition: all 0.3s ease;
	padding: 0;
	margin-right: 15px;
}

/* .hamburger:hover {
background: rgba(0, 0, 0, 0.05);
} */

/* Full Screen Mobile Menu overlay */
.global-navlinks {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: calc(100vh - 100%);
	background: #ffffff;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	padding: 16px 0;
	overflow-y: auto;
	/* Closed state: clip-path sliding reveal from left-to-right */
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.global-navlinks.open {
	/* Open state: clip-path fully revealed */
	clip-path: inset(0 0 0 0);
}

.global-mobile-navbar .global-navlink {
	color: #333333 !important;
	padding: 14px 24px;
	font-size: 1.05rem !important;
	font-weight: 500;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color 0.2s ease, color 0.2s ease;
	text-decoration: none;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.global-mobile-navbar .global-navlink:last-child {
	border-bottom: none;
}

.global-mobile-navbar .global-navlink:hover,
.global-mobile-navbar .global-navlink.active {
	background-color: #f8f9fa !important;
	color: var(--clr-black) !important;
	font-weight: 600;
}

.global-mobile-navbar .global-navlink i {
	color: #999999;
	font-size: 0.85rem;
	transition: color 0.2s ease;
}

.global-mobile-navbar .global-navlink:hover i,
.global-mobile-navbar .global-navlink.active i {
	color: var(--clr-black);
}

/* Body scroll locking */
body.no-scroll {
	overflow: hidden !important;
}

/* =============================================
HERO SECTION
============================================= */
.investor-hero {
	position: relative;
	min-height: 600px;
	background: url('../img/hero-section-bg-img.jpg') no-repeat top;
	background-size: cover;
	overflow: visible;
	border-radius: var(--radius-xl);
	margin: 25px;
}

/* Subtle overlay to ensure text readability */
.investor-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to right,
		rgba(27, 54, 93, 0.55) 0%,
		rgba(27, 54, 93, 0.25) 50%,
		transparent 100%);
	z-index: 1;
	pointer-events: none;
	border-radius: inherit;
}

/* --- Hero Container --- */
.investor-hero__container {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 32px;
}

/* --- Hero Navbar --- */
.investor-hero__navbar {
	display: grid !important;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	position: relative;
	z-index: 10;
	margin: 24px 0 0;
	padding: 10px;
	/* Using background-clip trick for gradient border with border-radius */
	background:
		linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)) padding-box,
		linear-gradient(90.03deg, rgba(255, 255, 255, 0.3025) -12.56%, rgba(255, 255, 255, 0.055) 32.11%, rgba(255, 255, 255, 0.3025) 85.44%, rgba(255, 255, 255, 0.055) 124.53%) border-box;
	border: 1px solid transparent;

	border-radius: var(--radius-pill);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	font-family: 'Manrope', sans-serif;
}

.investor-hero__navbar .logo {
	justify-self: start;
	padding-left: 26px;
	height: 50px;
}

.investor-hero__navbar .logo-img {
	height: 100%;
	width: auto;
}

.investor-hero__navbar .menu-link {
	justify-self: center;
}

.investor-hero__navbar .global-navlink {
	color: var(--clr-white);
	font-size: 1rem;
	line-height: 155%;
	font-weight: 400;
	padding: 8px 12px;
	border-radius: var(--radius-pill);
	transition: all var(--transition-fast);
	white-space: nowrap;
}

.investor-hero__navbar .global-navlink:hover {
	color: var(--clr-white);
}

/* Search Bar */
div.investor-search-bar {
	justify-self: end;
	background: var(--clr-white);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: var(--radius-pill);
	padding: 5px 5px 5px 20px !important;
	transition: all var(--transition-normal);
	flex-shrink: 0;
	box-sizing: border-box !important;
	margin: 0 !important;
	height: auto !important;
}

div.investor-search-bar:focus-within {
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

input.investor-search-input[type="text"] {
	background: transparent !important;
	border: none !important;
	outline: none !important;
	color: var(--clr-dark) !important;
	font-family: 'Manrope', sans-serif !important;
	font-size: 0.9rem !important;
	width: 140px;
	height: 36px !important;
	/* Force match the button height */
	line-height: normal !important;
	transition: width var(--transition-normal);
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	appearance: none !important;
	border-radius: 0 !important;
}

input.investor-search-input[type="text"]:focus {
	width: 200px;
}

input.investor-search-input[type="text"]::placeholder {
	color: var(--clr-dark);
	font-weight: 400;
}

button.investor-search-btn {
	background: var(--clr-navy) !important;
	border: none !important;
	color: var(--clr-white) !important;
	width: 46px !important;
	height: 36px !important;
	border-radius: 50% !important;
	cursor: pointer;
	transition: background var(--transition-fast);
	font-size: 0.9rem;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	appearance: none !important;
}

button.investor-search-btn:hover {
	background: var(--clr-blue) !important;
}

/* --- Hero Content --- */
.investor-hero__content {
	position: relative;
	z-index: 5;
	padding: 120px 40px 80px;
}

.investor-hero__title {
	color: var(--clr-white);
	font-size: 2.28rem;
	font-weight: 600;
	line-height: 42.32px;
	margin-bottom: 26px;
	letter-spacing: -0.02em;
}

.investor-hero__subtitle {
	color: hsl(212, 70%, 92%);
	font-size: 1.1rem;
	line-height: 130%;
	font-weight: 500;
	max-width: 38%;
}

/* =============================================
ABOUT SECTION
============================================= */
.investor-about {
	padding: 64px 0;
}

.investor-about__inner {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 70px;
	gap: 100px !important;
}

.investor-about__pill {
	height: 45px;
	width: 150px;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--clr-navy);
	border: 2px solid var(--clr-navy);
	padding: 10px 28px;
	border-radius: var(--radius-pill);
	white-space: nowrap;
	flex-shrink: 0;
	transition: all var(--transition-normal);
	cursor: default;
}

.investor-about__pill:hover {
	border-color: var(--clr-blue);
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.pill-dot {
	width: 12px;
	height: 12px;
	background: var(--clr-navy);
	border-radius: 50%;
	flex-shrink: 0;
	animation: pillDotPulse 2s infinite;
}

.mobile-about-icon {
	display: none;
}

@keyframes pillDotPulse {
	0% {
		box-shadow: 0 0 0 0 rgba(27, 54, 93, 0.4);
	}

	70% {
		box-shadow: 0 0 0 10px rgba(27, 54, 93, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(27, 54, 93, 0);
	}
}

.investor-about__content {
	font-size: 1.2rem;
	line-height: 140%;
	color: var(--clr-dark);
	font-weight: 500;
	width: 90ch;
	margin-bottom: 0;
}

/* =============================================
TABS SECTION
============================================= */
.investor-tabs {
	max-width: 1100px;
	margin: 0 auto 64px;
	padding: 73px 0 0;
	/* Changed to have top padding for the divider */
	border-top: 1px solid var(--clr-light);
}

#investor-tabs {
	max-width: 1260px !important;
	position: relative;
	z-index: 9;

}

/* Tab Buttons */
.investor-tab__lists {
	list-style: none;
	padding: 11px;
	margin-bottom: 32px;
	background: var(--clr-lighter);
	border-radius: var(--radius-pill);
	max-width: 100%;
}
.investor-tab-row{
	gap: 10px;
}
.investor-tab-row>div {
	min-width: 0;
	flex: 1;
}

.investor-tab__list {
	font-family: var(--font-primary);
	font-size: clamp(10px, calc(2 .93vw - 3.8px), 1.375rem);
	line-height: normal;
	font-weight: 500;
	padding: clamp(4px, calc(1.48vw - 5.3px), 16px);
	letter-spacing: -0.32px;
	border-radius: var(--radius-pill);
	border: none;
	background: var(--clr-white);
	color: var(--clr-navy);
	cursor: pointer;
	transition: all var(--transition-normal);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
	box-shadow: var(--shadow-sm);
}

.investor-tab__list:hover {
	color: var(--clr-blue);
	transform: translateY(-1px);
	box-shadow: var(--shadow-sm);
}

.investor-tab__list--active,
.investor-tab__list--active:hover {
	background: var(--clr-navy);
	color: var(--clr-white);
	box-shadow: 0 0 12px 2px rgba(27, 54, 93, 0.25);
	transform: none;
}

/* Tab Panels */
.investor-tab__panel {
	display: none;
	overflow: hidden;
}

.investor-tab__panel.active {
	display: block;
	animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Grid Items */
.investor-tab__grid {
	background: var(--clr-light);
	padding: 44px;
	border-radius: var(--radius-4xl);
	overflow: hidden;
}

#financials-details-view {
	padding-right: 0;
}

.investor-tab__grid__item {
	padding: 16px 24px 16px 16px;
	background: var(--clr-white);
	border: none;
	border-radius: var(--radius-xl);
	text-decoration: none;
	color: var(--clr-dark);
	transition: all var(--transition-normal);
	position: relative;
}

.investor-grid__num {
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 32px;
	color: var(--clr-black);
	letter-spacing: -2.5%;
	width: 54px;
	height: 54px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 50%;
	flex-shrink: 0;
}

.investor-grid__title {
	font-size: 1.3rem;
	font-weight: 600;
	flex: 1;
	margin: 0;
	letter-spacing: -0.01em;
	color: var(--clr-black);
}

.investor-grid__down-arrow {
	flex-shrink: 0;
	font-size: 14px;
	color: var(--clr-white);
	background: var(--clr-blue);
	width: 26px;
	height: 26px;
	border-radius: 50%;
	transition: transform var(--transition-fast);
}

/* Accordion Specific Styles */
.investor-tab__grid__item.has-accordion {
	padding: 0;
	cursor: pointer;
}

.investor-grid__header {
	padding: 16px 24px 16px 16px;
	width: 100%;
}

/* #sub-quarterly {
padding-bottom: 6px !important;
} */

.investor-tab__panel[data-panel="financials"] #financials-details-view {
	background: #e9f1fa;
	padding: 24px;
	border-radius: var(--radius-lg);
}

.investor-tab__panel[data-panel="financials"] #financials-details-view.quarterly-active {
	padding-bottom: 0 !important;
}
.other-meeting-reports-wrap:before {
	content: '';
	background: linear-gradient(180deg, #E9F1FA 0%, #B2D1F3 100%);
	position: absolute;
	inset: 0 -40px -71px;
	pointer-events: none;
	border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
/* Allow grid items to shrink */
.sub-tab-bar {
	min-width: 0;
}
.sub-tab-bar-scroll .sub-tab-bar {
	/* padding-right will be set dynamically via JS */
	box-sizing: content-box;
}
.sub-tab-bar-container {
	background: var(--clr-navy);
	border-radius: var(--radius-pill) 0 0 var(--radius-pill);
/* 	padding: 6px 48px 6px 0; */
	padding: 6px 0 6px 0;
	/* margin-bottom: 24px; */
	position: relative;
	border: 7px solid #ffffff;
	border-right: 0;
}
.sub-tab-bar-container{
	background: transparent;
	border: 0;
	border-radius: 0;
}
.sub-tab-bar-scroll {
	overflow-x: auto;
	scrollbar-width: none;
	scroll-behavior: smooth;
	width: 100%;
	min-width: 0;
}

.sub-tab-bar-scroll::-webkit-scrollbar {
	display: none;
}

.sub-tab-bar-scroll .sub-tab-bar {
	display: flex;
	align-items: center;
	gap: 30px;
	width: 100%;
	padding: 10px 5px;
}

/* .sub-tab-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: transparent;
	border: none;
	color: #58a6ff;
	font-size: 1.6rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	line-height: 1;
	transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.sub-tab-nav-btn.prev {
	left: 12px;
}

.sub-tab-nav-btn.next {
	right: 12px;
}

.sub-tab-nav-btn:hover {
	opacity: 0.8;
	transform: translateY(-50%) scale(1.1);
} */

/* .sub-tab-btn {
	background: hsla(0, 0%, 100%, 0.1);
	border: 0.87px solid hsla(0, 0%, 100%, 0.19);
	border-radius: var(--radius-pill);
	color: rgba(255, 255, 255, 0.85);
	padding: 10px 24px;
	font-size: 1.375rem;
	font-weight: 500 !important;
	cursor: pointer;
	transition: all var(--transition-fast);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 0 0 calc((100% - 24px) / 3);
}

.sub-tab-btn:hover {
	color: var(--clr-white);
	border-color: rgba(255, 255, 255, 0.5);
} */
/* 
.sub-tab-btn.active {
	background: transparent;
	border-color: transparent;
	color: var(--clr-white);
	font-weight: 600;
}
.sub-tab-btn.active .sub-tab-btn-txt{
	border-bottom: 1.6px solid #fff;
} */

.sub-tab-btn .dot-indicator {
	width: 6px;
	height: 6px;
	background: rgba(255, 255, 255, 0.85) !important;
	border-radius: 50%;
	display: inline-block;
	transition: background-color var(--transition-fast);
	box-shadow: 0px 1px 1px 0px #00000075 inset !important;
}

.sub-tab-btn.active .dot-indicator {
	background: #58a6ff !important;
	box-shadow: none !important;
	display: none !important;
}



/* ==========================================
Year Columns & Circles (Base / Desktop)
========================================== */
.year-column {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.year-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--clr-navy);
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 4px 0;
}

.year-title .dot-indicator {
	width: 6px;
	height: 6px;
	background-color: var(--clr-navy);
	border-radius: 50%;
}

.quarter-circles {
	display: flex;
	gap: 10px;
}

.panel-sub-earnings .quarter-circles {
	position: static !important;
}

.quarter-circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1px solid rgba(27, 54, 93, 0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	line-height: 22px;
	font-weight: 500;
	color: var(--clr-navy);
	text-decoration: underline !important;
	transition: all var(--transition-fast);
	user-select: none;
	text-underline-offset: 3px;
}

.year-column.disabled .quarter-circles {
	opacity: 0.35;
	cursor: not-allowed;
}

.year-column.disabled .quarter-circle {
	cursor: default;
	border-color: rgba(27, 54, 93, 0.85);
	color: var(--clr-navy);
	font-weight: 500;
	font-size: 1.1875rem !important;
	line-height: 21px;
}

/* Active Styling */
.year-column .quarter-circle.active {
	border-color: var(--clr-navy);
	color: var(--clr-navy);
	text-decoration: underline !important;
}

.year-column:not(.disabled) .quarter-circle.active:hover {
	background: var(--clr-navy);
	color: var(--clr-white);
	border-color: var(--clr-navy);
	box-shadow: var(--shadow-sm);
}

.quarter-row-container,
.panel-sub-quarterly .quarter-circles {
	position: relative;
	anchor-scope: --active-quarter;
}

.quarter-circle.current-quarter {
	anchor-name: --active-quarter;
}

.quarterly-slider-row {
	scroll-snap-type: x mandatory !important;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	margin-left: 0 !important;
	margin-right: 0 !important;
	scrollbar-width: none;
}

.quarterly-slider-row::-webkit-scrollbar {
	display: none !important;
}

.quarterly-slider-row .year-column {
	scroll-snap-align: start;
}

.quarter-circles span.quarter-circle {
	opacity: 0.3;
}


/* ==========================================
DESKTOP ONLY CSS
========================================== */
@media (min-width: 992px) {

	/* Desktop Anchor Line */
	a.quarter-circle.current-quarter::after {
		content: "";
		position: absolute;
		position-anchor: --active-quarter;
		left: anchor(center);
		transform: translateX(-50%);
		bottom: 0;
		width: 36px;
		height: 3px;
		background-color: var(--clr-navy) !important;
		border-radius: 2px;
		z-index: 1;
	}

	.panel-sub-quarterly .year-column {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: flex-start !important;
		padding: 0 15px !important;
	}

	.panel-sub-quarterly .year-title {
		font-size: 1.35rem !important;
		font-weight: 600 !important;
		color: var(--clr-navy) !important;
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		margin-bottom: 20px !important;
		text-align: left !important;
		text-decoration: none !important;
	}

	.panel-sub-quarterly .year-title .dot-indicator {
		display: inline-block !important;
		width: 8px;
		height: 8px;
		background-color: var(--clr-navy);
		border-radius: 50%;
	}

	.panel-sub-quarterly .quarter-circles {
		justify-content: center !important;
		width: 100% !important;
		padding-bottom: 10px !important;
		gap: 12px !important;
	}
}


/* ==========================================
MOBILE ONLY CSS (Matches New Design)
========================================== */
@media (max-width: 991px) {
	.panel-sub-quarterly .row.justify-content-between {
		display: flex !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scroll-snap-type: x mandatory !important;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		margin: 0 !important;
		padding: 0 !important;
	}

	.panel-sub-quarterly .row.justify-content-between::-webkit-scrollbar {
		display: none !important;
	}

	.panel-sub-quarterly .year-column {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		scroll-snap-align: start;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		width: 100% !important;
		/* padding: 0 15px !important; */
	}

	/* Left-align the Year Title and remove the default underline */
	.panel-sub-quarterly .year-title {
		font-size: 1.25rem !important;
		font-weight: 700 !important;
		color: var(--clr-navy) !important;
		text-align: left !important;
		margin-bottom: 24px !important;
		text-decoration: none !important;
		display: block !important;
		width: 100% !important;
	}

	/* Hide the dot indicator */
	.panel-sub-quarterly .year-title .dot-indicator {
		display: none !important;
	}

	/* Allow wrapping to push the injected text to the top, and spread circles */
	.panel-sub-quarterly .quarter-circles {
		flex-wrap: wrap !important;
		/*         justify-content: space-evenly !important; */
		border-bottom: 1px solid rgba(27, 54, 93, 0.2) !important;
		padding-bottom: 16px !important;
		margin-bottom: 2px;
		width: 100% !important;
		gap: 0 !important;
	}

	/* Adjust the blue active indicator line to sit flat on the bottom border */
	.panel-sub-quarterly a.quarter-circle.current-quarter::after {
		content: "";
		position: absolute;
		position-anchor: --active-quarter;
		left: anchor(center);
		transform: translateX(-50%);
		bottom: -1px !important;
		/* Pull it down to overlap the border exactly */
		width: 25% !important;
		/* Spans exactly one quarter segment */
		height: 2px !important;
		border-radius: 0 !important;
		background-color: var(--clr-navy) !important;
		z-index: 1;
	}

	/* Style the circles to match the clean design */
	.panel-sub-quarterly .quarter-circle {
		font-size: 1rem !important;
		width: 50px !important;
		height: 50px !important;
		border: 1px solid rgba(27, 54, 93, 0.3) !important;
		background: transparent !important;
	}
}

.investor-tab__grid__item.expanded .investor-accordion__content {
	display: block;
	animation: fadeInUp 0.3s ease;
	padding-top: 6px;
}

.investor-tab__grid__item.expanded .investor-grid__down-arrow {
	transform: rotate(-180deg);
}

.investor-accordion__disclaimer {
	font-size: 0.8rem;
	color: var(--clr-dark);
	margin-bottom: 24px;
	line-height: 1.5;
	background: var(--clr-lighter);
	padding: 16px;
	border-radius: var(--radius-md);
	/* margin-top: 16px; */
}

.investor-accordion__subtitle {
	font-size: 1.25rem;
	color: var(--clr-navy);
	font-weight: 700;
	margin-bottom: 12px;
}

.investor-accordion__links {
	list-style: none;
	padding-left: 0;
	margin-bottom: 24px;
}

.investor-accordion__links li {
	position: relative;
	padding-left: 16px;
	margin-bottom: 8px;
}

.investor-accordion__links li::before {
	content: '•';
	color: var(--clr-navy);
	position: absolute;
	left: 0;
	font-weight: bold;
}

.investor-accordion__links a {
	color: var(--clr-navy);
	text-decoration: underline;
	font-size: 1rem;
	font-weight: 500;
	transition: color var(--transition-fast);
}

.investor-accordion__links a:hover {
	color: var(--clr-blue);
}

/* =============================================
FAQ / CONTACT SECTION
============================================= */
.investor-faq__section {
	position: relative;
	background: url('../img/contact-section-bg-img.png') no-repeat center center;
	background-size: cover;
	padding: 44px !important;
	border-radius: var(--radius-xl);
	overflow: hidden;
	margin: 25px;
}

/* Overlay to darken the background for readability */
.investor-faq__section::before {
	content: '';
	position: absolute;
	inset: 0;
	/* background: rgba(10, 22, 40, 0.82); */
	z-index: 1;
	pointer-events: none;
}

.investor-faq__title {
	color: var(--clr-white);
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 33px;
	margin-bottom: 28px;
	position: relative;
	z-index: 5;
}

.investor-faq__cards {
	display: grid;
	/* 	grid-template-columns: repeat(2, 1fr); */
	gap: 24px;
	/* max-width: 1100px; */
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.investor-faq__cards .owl-stage {
	display: flex;
}
.investor-faq__cards .owl-item {
	display: flex;
}
.investor-faq__cards .investor-faq__card {
	width: 100%;
}
.investor-faq__cards .owl-nav .owl-next,
.investor-faq__cards .owl-nav .owl-prev{
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}
.investor-faq__cards .owl-nav .owl-prev{
	left:-15px;
}
.investor-faq__cards .owl-nav .owl-next{
	right:-30px;
}
.investor-faq__cards .owl-nav button span{
	font-size: 50px;
	font-weight: 100;
	color: rgba(255, 255, 255, 0.6);
}
.investor-faq__card {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--radius-lg);
	padding: 28px 28px 24px;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	transition: all var(--transition-normal);
	position: relative;
}

.investor-faq__card:hover {
	background: rgba(255, 255, 255, 0.11);
	border-color: rgba(255, 255, 255, 0.18);
	transform: translateY(-3px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.faq-card__icon {
	text-align: right;
	font-size: 2.2rem;
	color: var(--clr-white);
	line-height: 1;
	margin-bottom: 16px;
}

.faq-card__eyebrow {
	font-size: 1.375rem;
	font-weight: 500;
	color: rgba(255, 255, 255);
	margin-bottom: 8px;
	letter-spacing: 0.04em;
}

.faq-card__eyebrow-bold {
	font-weight: 600;
}

.faq-card__name {
	font-size: 1.57rem;
	font-weight: 500;
	line-height: 36px;
	color: var(--clr-white);
	margin-bottom: 4px;
}

.faq-card__desc {
	font-size: 1.07rem;
	line-height: 32px;
	color: rgba(255, 255, 255, 0.45);
	margin-bottom: 20px;
	font-weight: 600;
}

.faq-card__rta-text {
	font-size: 1.07rem;
	color: rgba(255, 255, 255, 0.6);
	line-height: 28px;
	margin-bottom: 20px;
	font-weight: 500;
}

.faq-card__contact {
	font-style: normal;
}

.faq-card__contact-item {
	font-size: 1.125rem;
	line-height: 27px;
	font-weight: 700;
	color: var(--clr-white);
	transition: color var(--transition-fast);
	text-decoration: none;
}

.faq-card__contact-item:hover {
	color: var(--clr-white);
}

.faq-card__contact-item i {
	font-size: 0.9rem;
	color: var(--clr-lighter);
}

.faq-card__contact-item img {
	width: 22px !important;
	height: 22px !important;
	object-fit: contain;
	vertical-align: middle;
}

footer {
	background: var(--clr-navy) !important;
	width: 100%;
}
footer p{
	color: #fff !important;
}
/* =============================================
CORPORATE GOVERNANCE TAB PANEL
============================================= */

/* Hide scrollbar for carousel but allow horizontal scroll */
.hide-scrollbar::-webkit-scrollbar {
	display: none;
}

.hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.gov-tab-grid {
	background: var(--clr-light);
	/* Matching container background */
	padding: 44px 28px;
	border-radius: var(--radius-4xl);
}

.gov-header {
	margin-bottom: 24px;
}

.gov-tabs-scroll {
	overflow-x: auto;
	scrollbar-width: none;
	scroll-behavior: smooth;
	width: 100%;
	/* padding: 20px;
	margin: -20px; */
}

.gov-tabs-scroll::-webkit-scrollbar {
	display: none;
}

.gov-tabs {
	display: flex;
	align-items: center;
	gap: 30px !important;
	width: 100%;
}

.sub-tab-btn,
.gov-tab-btn {
	background: var(--clr-white);
	border: none;
	border-radius: var(--radius-xl);
	padding: 14px 28px;
	font-family: var(--font-primary);
	font-size: 1.3rem;
	line-height: 26px;
	font-weight: 800;
	color: var(--clr-dark);
	display: flex;
	align-items: center;
	/* gap: 14px; */
	box-shadow: 0px 4px 12px 0px rgba(120, 138, 160, 0.25) !important;
	cursor: pointer;
	transition: all var(--transition-fast);
	flex: 0 0 auto;
	white-space: nowrap;
	position: relative;
	z-index: 0;
}
.sub-tab-btn::after,
.gov-tab-btn::after {
	content: '';
	position: absolute;
	left: 28px;
	bottom: 12px;
	/* Gap between text/icon and underline */
	width: calc(100% - 64px);
	height: 1.5px;
	background-color: transparent;
	transition: background-color var(--transition-fast);
}
.sub-tab-btn:hover,
.gov-tab-btn:hover {
	box-shadow: var(--shadow-md);
	transform: translateY(-1px);
	z-index: 1;
}

/* Sliding active tab using margin-left transitions on the first child */


.gov-tab-btn__text {
	position: relative;
	padding-bottom: 4px;
	border-bottom: none;
	transition: color var(--transition-fast);
}
.sub-tab-btn.active,
.gov-tab-btn.active {
	color: var(--clr-navy);
	z-index: 1;
}
.sub-tab-btn.active::after,
.gov-tab-btn.active::after {
	background-color: var(--clr-navy);
}

.gov-tab-btn .gov-tab-icon {
	width: 28px;
	height: 28px;
	transition: transform var(--transition-fast);
	transform: rotate(-90deg);
}

.gov-tab-btn.active .gov-tab-icon {
	transform: rotate(0deg);
}

/* Pagination controls */
.gov-pagination-controls {
	gap: 16px;
}

.gov-page-arrow {
	display: none !important;
}

.gov-page-arrow:hover {
	box-shadow: var(--shadow-md);
	color: var(--clr-navy);
}

.gov-page-indicator {
	/*     background: var(--clr-white); */
	/*     border-radius: var(--radius-pill); */
	/*     box-shadow: var(--shadow-sm); */
	padding: 0 20px;
	height: 34px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.gov-page-indicator .dot {
	width: 6px;
	height: 6px;
	background: #ffffff;
	border-radius: 3px;
	cursor: pointer;
}

.gov-page-indicator .dot.active,
.gov-page-indicator span.dot.active {
	background: #1b365d !important;
	width: 24px !important;
	height: 6px !important;
	border-radius: 3px !important;
}

/* Divider */
.gov-divider {
	border: none;
	border-top: 1px solid rgb(27, 55, 93);
	/* light navy line */
	margin: 50px 0;
}

/* Governance Cards */
.gov-card {
	background: var(--clr-white);
	border-radius: var(--radius-xl);
	padding: 16px;
	min-height: 360px;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-shadow: var(--shadow-sm);
	transition: transform var(--transition-fast);
}

.gov-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
}

.gov-card__img-container {
	background: #F4F7F9;
	border-radius: var(--radius-lg);
	overflow: hidden;
	margin-bottom: 20px;
	aspect-ratio: 4 / 3.5;
	min-height: 200px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.gov-card__img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}

.gov-card__content {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 0 5px;
}

.gov-card__name {
	font-size: 1.0625rem;
	line-height: 1.1;
	font-weight: 600;
	color: var(--clr-navy);
	margin-bottom: 8px;
}

span.view-more-text {
	font-size: 12px;
	font-weight: 600;
}

.gov-card__role {
	font-size: 0.95rem;
	color: var(--clr-dark);
	font-weight: 500;
	margin-bottom: 24px;
	line-height: 1.2;
	flex: 1;
}

.gov-card__footer {
	display: flex;
	justify-content: flex-end;
}

.gov-card__link {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: var(--clr-navy);
	color: var(--clr-white);
	padding: 6px 6px 6px 12px;
	border-radius: var(--radius-pill);
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
	transition: background var(--transition-fast);
}

.gov-card__link:hover {
	background: var(--clr-blue);
	color: var(--clr-white);
}

.gov-card__link .icon-circle {
	width: 28px;
	height: 28px;
	background: var(--clr-white);
	color: var(--clr-navy);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}

.gov-card__link .icon-circle img {
	width: 24px;
	height: 24px;
	transform: rotate(-90deg);
}

/* Bottom Pagination Dots */
.gov-bottom-dots {
	margin-top: 32px;
	display: flex;
	justify-content: center;
	gap: 8px;
	align-items: center;
	overflow: initial !important;
}

.gov-bottom-dots .dot {
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: all var(--transition-fast);
}

.gov-bottom-dots .dot.active{
	width: 22px;
	background: var(--clr-navy);
	border-radius: var(--radius-pill);
	outline: 0 !important;
}

/* .gov-bottom-dots .dot.active {
background: var(--clr-navy);
box-shadow: none;
outline: 1px solid var(--clr-navy) !important;
outline-offset: 3px;
} */

.gov-bottom-arrow {
	background: transparent;
	border: none;
	color: var(--clr-blue);
	font-size: 1.3rem;
	padding: 0;
	cursor: pointer;
	transition: color var(--transition-fast);
	display: flex;
	align-items: center;
	justify-content: center;
}

.gov-bottom-arrow:hover {
	color: var(--clr-navy);
}


/* =============================================
UTILITY ANIMATIONS
============================================= */
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes slideUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Scroll-triggered animation classes (applied by JS) */
.animate-on-scroll {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-on-scroll.visible {
	opacity: 1;
	transform: translateY(0);
}

/* added on 9-6-2026 by daksh more */
.gov-carousel>div {
	overflow: hidden;
}

.EA-call-title {
	width: auto;
	font-size: 1.5626rem;
	font-weight: 500;
	color: var(--clr-navy);
}

/* .sub-tab-contents {
	padding-right: 24px;
} */

.earnings-call-container {
	padding-right: 0;
}

.earnings-row-title {
	font-size: 1.25rem !important;
	font-weight: 500 !important;
	color: var(--clr-black);
	user-select: auto;
}

.earnings-row-title,
.earnings-call-grid .quarter-circles {
	border-bottom: 1px solid rgba(27, 54, 93, 0.08);
	padding-bottom: 16px;
}

.disabled-quarters {
	opacity: 0.35;
}

/* Slider Layout Styles */
.slider-track {
	width: 100%;
	padding-bottom: 2px;
}

.earnings-call-container .year-slide {
	flex: 0 0 50%;
	max-width: 50%;
	transition: transform 0.3s ease;
}

.annual-financials-container .year-slide {
	flex: 0 0 25% !important;
	max-width: 25% !important;
	transition: transform 0.3s ease;
}

@media (max-width: 1199px) {

	.earnings-call-container .year-slide,
	.annual-financials-container .year-slide {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

/* annual-year-pills mobile layout moved to media.css with #sub-annual-financials specificity */

.earnings-row-title-container {
	border-bottom: 1px solid rgba(27, 54, 93, 0.4);
	word-break: break-word;
	overflow-wrap: break-word;
}

.quarter-row-container {
	border-bottom: 1px solid rgba(27, 54, 93, 0.4);
}

.earnings-nav-btn {
	background: var(--clr-navy);
	color: var(--clr-white);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	border: none;
	cursor: pointer;
	transition: all var(--transition-fast);
}

.earnings-nav-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.earnings-nav-btn-mobile {
	background: transparent;
	color: var(--clr-navy);
	border: none;
	font-size: 1.2rem;
}

.earnings-nav-btn-mobile:disabled {
	opacity: 0.3;
}

/* Other Meetings Section styles */
.other-meetings-section {
	max-width: 1260px;
}

.other-meetings-title {
	font-size: 1.45rem;
	font-weight: 500;
	/*Changed from 700 to 500*/
	color: #0C2340;
}

.other-fy-btn {
	background-color: var(--clr-navy);
	color: var(--clr-white);
	border: none;
	border-radius: var(--radius-pill);
	padding: 10px 20px;
	font-size: 1rem;
	font-weight: 700;
	cursor: pointer;
	transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.other-fy-btn:hover {
	background-color: var(--clr-blue);
}

.other-fy-arrow {
	width: 22px;
	height: 22px;
	background: var(--clr-white);
	border-radius: 999px;
}

.other-meetings-dropdown-menu .dropdown-item.active {
	background-color: var(--clr-light) !important;
	color: var(--clr-navy) !important;
}

.other-meetings-dropdown-menu .dropdown-item:active {
	background-color: var(--clr-navy) !important;
	color: var(--clr-white) !important;
}

.other-meetings-dropdown-menu .dropdown-item:hover {
	background-color: var(--clr-lighter);
	color: var(--clr-navy);
}

.other-meetings-dropdown-menu .dropdown-item.active:hover {
	background-color: var(--clr-navy) !important;
	color: var(--clr-white) !important;
}


.other-meeting-btn {
	background-color: var(--clr-white);
	color: var(--clr-dark);
	font-size: 0.95rem;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: var(--radius-pill);
	border: 1px solid rgba(0, 0, 0, 0.08);
	transition: all var(--transition-fast);
	display: inline-block;
	text-decoration: none !important;
}

.other-meeting-btn:hover {
	background-color: var(--clr-navy);
	color: var(--clr-white);
	transform: translateY(-2px);
	box-shadow: var(--shadow-sm);
}

/* =============================================
ANNUAL FINANCIALS SECTION
============================================= */
.annual-row-title {
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--clr-black);
	line-height: 1.2;
}

.annual-year-btn {
	background: transparent;
	border: 1px solid rgba(27, 54, 93, 0.5);
	border-radius: var(--radius-pill);
	color: var(--clr-navy);
	padding: 8px 0 !important;
	font-size: 1.15rem;
	font-weight: 500;
	text-align: center;
	transition: all var(--transition-fast);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	position: relative;
	white-space: nowrap;
	flex-shrink: 0;
	user-select: none;
	width: calc((100% - (3 * 24px)) / 4) !important;
}

.annual-year-btn:hover {
	background: var(--clr-navy);
	color: var(--clr-white);
	border-color: var(--clr-navy);
	box-shadow: var(--shadow-sm);
}

.annual-row-container {
	position: relative;
	anchor-scope: --active-annual-year;
}

.annual-year-btn.active-row {
	anchor-name: --active-annual-year;
}

/* Blue Active Indicator Line */
.annual-row-container::after {
	content: '';
	position: absolute;
	position-anchor: --active-annual-year;
	left: anchor(left);
	right: anchor(right);
	bottom: -1px;
	/* Align exactly on border-bottom */
	height: 3px;
	background-color: var(--clr-navy);
	border-radius: 10px;
	z-index: 10;
}

/* Hide button when the year option is disabled */
.annual-row-container:has(.annual-year-btn.disabled) .annual-year-btn {
	visibility: hidden;
	pointer-events: none;
}

/* =============================================
MOBILE OVERRIDES (Matches Stacked Design)
============================================= */
@media (max-width: 991px) {
	.annual-financials-container {
		padding-right: 0 !important;
	}

	/* Style the Company Titles */
	.annual-row-title {
		font-size: 1rem !important;
		line-height: 1.4 !important;
		text-align: left !important;
		color: var(--clr-dark) !important;
	}

	.annual-row-height {
		/*         margin: 5px 0 !important; */
		/*         padding: 16px 0 !important; */
	}

	/* Native Horizontal Scrolling for Years */
	.annual-year-pills {
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		scrollbar-width: none !important;
		/* Firefox */
		-webkit-overflow-scrolling: touch;
		/*         padding-bottom: 18px !important; */
		/*         justify-content: space-between !important; */
	}

	.annual-year-pills::-webkit-scrollbar {
		display: none !important;
		/* Chrome/Safari */
	}

	/* Shrink buttons for mobile */
	.annual-year-btn {
		padding: 6px 0 !important;
		font-size: 0.9rem !important;
		width: calc((100% - (3 * 8px)) / 4) !important;
	}
}

/* Earnings Call Navigation Buttons */
.earnings-nav-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--clr-blue);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--clr-white);
	font-size: 1.2rem;
	transition: all 0.3s ease;
	cursor: pointer;
	box-shadow: var(--shadow-sm);
	z-index: 10;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.earnings-nav-btn:hover {
	background: var(--clr-navy);
}

/* Slider CSS Anchors */
.slider-track-container {
	anchor-name: --blue-track;
}

.earnings-nav-btn.prev {
	position-anchor: --blue-track;
	top: calc(anchor(top) + 18px);
	right: anchor(left);
	margin-right: 15px;
	margin-top: 1px;
}

.earnings-nav-btn.next {
	position-anchor: --blue-track;
	top: calc(anchor(top) + 18px);
	right: anchor(right);
	margin-top: 1px;
}

/* new css added for Financials section by daksh more - 11/6/2026 */
.more-tabs-indicator {
	display: none;
}

/* annual-year-pills layout is handled by media queries above */
.annual-row-height {
	margin: 0;
}

/* Quarterly Financials custom slider & desktop layout styles moved to top of file / consolidated base block */

/* 
.faq-card__contact a[href^="mailto:"] {
font-size: 1rem !important;
} */

.border-bottom {
	border-bottom: 1px solid rgba(27, 54, 93, 0.4) !important;
}

/* ===== SCHEME OF ARRANGEMENT NEW SECTION ===== */
.scheme-grid {
	background: #e9f1fa !important;
	/* Soft blue background matching layout */
	border-radius: var(--radius-4xl);
	padding: 0;
}

.scheme-header {
	padding-bottom: 0px;
}

.scheme-tabs {
	background: transparent;
	display: inline-flex;
	align-items: stretch;
	position: relative;
	margin-bottom: -1.5px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE and Edge */
}

.scheme-tabs::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera */
}

.scheme-tab-btn {
	border: none;
	background: transparent;
	z-index: 2;
	position: relative;
	background-color: #F0F7FF;
	overflow: hidden;
}
.scheme-tab-btn > div {
	z-index: 2;
	position: relative;
	padding: 14px 40px !important;
	/* Constant padding prevents width from changing, clears the 38px swoosh */
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--clr-navy);
	cursor: pointer;
	/* 	transition: all 0.3s ease; */
	z-index: 2;
	flex-shrink: 0;
	white-space: nowrap;
	border-radius: 0;
	font-family: var(--font-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	white-space: nowrap;
	border: none !important;
	background-color: #F5FAFF;
}

/* Container forms the background track */
.scheme-tabs {
	background: #042F62;
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}
.scheme-tabs .scheme-tab-btn:not(.active):nth-child(1){
	border-radius: 0 0 32px 0px;
	-moz-border-radius: 0 0 32px 0px;
	-webkit-border-radius: 0 0 32px 0px;
}
.scheme-tabs .scheme-tab-btn:not(.active):nth-child(2){
	border-radius: 0 0 0 32px;
	-moz-border-radius: 0 0 0 32px;
	-webkit-border-radius: 0 0 0 32px;
}
.scheme-tabs .scheme-tab-btn.active > div{
	background-color: #042F62;
	color: #fff;
	font-weight: 600;
	border-radius: 24px 24px 0px 0px;
}
/* Active tab text color */
.scheme-tab-btn.active {
	color: var(--clr-white);
}
.scheme-tab-btn:not(.active) {
	color: var(--clr-navy);
}

/* The sliding dark blue pill */
.scheme-tab-slider {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: var(--clr-navy);
	border-radius: var(--radius-lg) 0 var(--radius-lg) 0;
	z-index: 1;
	pointer-events: none;
	/* transition will be applied via JS or here */
	transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* Curved tail attached to the right of the slider */
.scheme-tab-slider::after {
	content: "";
	position: absolute;
	top: 0;
	right: -38px;
	width: 58px;
	height: 100%;
	background-color: var(--clr-navy);
	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 50' preserveAspectRatio='none'%3E%3Cpath d='M0,50 L10,50 C28,50 36,0 48,0 L0,0 Z' fill='black'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 50' preserveAspectRatio='none'%3E%3Cpath d='M0,50 L10,50 C28,50 36,0 48,0 L0,0 Z' fill='black'/%3E%3C/svg%3E");
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	pointer-events: none;
	z-index: 2;
}



.scheme-dot {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #00BDD6;
	border-radius: 50%;
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	transform-origin: center;
}

.scheme-tab-btn:not(.active) .scheme-dot {
	opacity: 0;
	transform: scale(0);
}

.scheme-tab-text {
	vertical-align: middle;
}

/* Sort button */
.scheme-sort-btn {
	border: 1px solid rgba(27, 54, 93, 0.15);
	background: var(--clr-white);
	color: var(--clr-navy);
	padding: 8px 18px;
	border-radius: var(--radius-pill);
	font-size: 0.85rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.scheme-sort-btn:hover {
	background: var(--clr-navy);
	color: var(--clr-white);
}

/* Row and items list */
.scheme-col {
	display: flex;
	flex-direction: column;
}

a.scheme-item {
	text-decoration: none;
	color: inherit;
	min-height: 75px;
}

.scheme-item {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 18px 0;
	border-bottom: 1px solid rgba(27, 54, 93, 0.4);
	transition: all 0.2s ease;
}

/* .scheme-col .scheme-item:last-child {
border-bottom: none;
} */

.scheme-item__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	color: #131613;
	font-size: 1rem;
	font-weight: 600;
	flex-shrink: 0;
	transition: all 0.3s ease;
}
.scheme-list-container{
	padding: 25px 40px 40px 40px;
}
.scheme-slider-track-container {
	overflow: hidden;
}
.sub-tab-panel .scheme-list-container,
.gov-tab-grid .scheme-list-container {
	padding: 0;
}
.scheme-slider-track-archives {
	gap: 24px;
}

.scheme-item__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
	gap: 16px;
}

.scheme-item__title {
	font-size: 1.1rem;
	line-height: 23px;
	font-weight: 500;
	color: var(--clr-black);
	transition: color 0.2s ease;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.scheme-item__arrow {
	height: 24px !important;
	width: 24px !important;
	color: var(--clr-navy);
	transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease;
}

/* Hover effects */
.scheme-item:hover {
	cursor: pointer;
}

.scheme-item:hover .scheme-item__title {
	color: var(--clr-blue);
}

.scheme-item:hover .scheme-item__num {
	border-color: var(--clr-blue);
}

/* Pagination dots */
.scheme-pagination-controls .scheme-page-arrow {
	background: var(--clr-white);
	border: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--clr-navy);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	cursor: pointer;
	transition: all 0.2s ease;
}

.scheme-pagination-controls .scheme-page-arrow:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

.scheme-page-indicator .dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: rgba(27, 54, 93, 0.25);
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.scheme-page-indicator .dot.active {
	background: var(--clr-navy);
	width: 22px;
	border-radius: var(--radius-pill);
}

.scheme-slide {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}

.other-meetings-section {
	position: relative;
	padding-top: 50px !important;
}

.other-meetings-section>* {
	position: relative;
	/*     z-index: 1; */
}

.quarterly-slider-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

#investor-tabs {
	overflow: hidden;
}

.custom-scroll-slider,
.sub-tab-panel {
	overflow-x: hidden;
}

/* Update these lines at the bottom of your style.css */
#investor-tabs {
	overflow: visible !important;
}

.custom-scroll-slider,
.sub-tab-panel {
	overflow: visible !important;
}

/* 30-6-2026 updated by daksh more */
.annual-row-container:has(.annual-year-btn.disabled) .annual-year-btn {
	visibility: hidden;
	pointer-events: none;
}

.other-meetings-pills-container {
	gap: 10px;
	display: flex;
	flex-wrap: wrap;
}

/* 01-07-2026 updated by daksh more */
.gov-pagination-controls .sub-tab-nav-btn,
.panel-tab-governance .partners-section .gov-page-arrow {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--clr-white);
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--shadow-sm);
	cursor: pointer;
	color: var(--clr-dark);
	transition: all var(--transition-fast);
	font-size: 1rem;
}

.panel-tab-governance .partners-section .gov-page-indicator {
	background: var(--clr-white);
	border-radius: var(--radius-pill);
	box-shadow: var(--shadow-sm);
}

.panel-tab-governance .partners-section .gov-page-indicator .dot {
	width: 6px;
	height: 6px;
	background: #ccc;
	border-radius: 3px;
}

.panel-tab-governance .partners-section .gov-page-indicator .dot.active,
.gov-page-indicator span.dot.active {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

.no-snap {
	scroll-snap-type: none !important;
}

/* Mobile-only Year Headers styling and overrides */
@media (max-width: 991px) {
	.panel-sub-quarterly .year-column .year-title {
		display: none !important;
	}

	.panel-sub-earnings .year-slide .year-title {
		display: none !important;
	}

	.mobile-year-header .next-year,
	.mobile-year-header .active-year {
		font-size: 1.15rem;
		user-select: none;
	}

	.mobile-year-header .active-style {
		color: var(--clr-navy) !important;
		font-weight: 700 !important;
		cursor: default;
	}

	.mobile-year-header .inactive-style {
		color: #8a9bb2 !important;
		font-weight: 500 !important;
		cursor: pointer;
		transition: opacity var(--transition-fast), color var(--transition-fast);
	}

	.mobile-year-header .inactive-style:hover {
		color: var(--clr-navy) !important;
		opacity: 0.8;
		font-weight: 700 !important;
	}
	.scheme-list-container{
		padding: 0;
	}
}

/* Corporate Governance specific page controls overrides */
.panel-tab-governance .gov-header .gov-page-arrow {
	display: flex !important;
}

.panel-tab-governance .gov-page-indicator .dot.active,
.panel-tab-governance .gov-page-indicator span.dot.active {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
}

/* Partners Section Specific Pagination Styling */
.partners-section .gov-page-arrow {
	background: var(--clr-white) !important;
	display: flex !important;
}

.partners-section .gov-page-indicator {
	background: var(--clr-white) !important;
	border-radius: var(--radius-pill) !important;
	box-shadow: var(--shadow-sm) !important;
	padding: 0 20px !important;
	height: 34px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

/* 03-07-2026 updated by daksh more */
.mobile-year-text {
	font-size: 0.875rem !important;
	line-height: 100%;
}

.annual-data-wrapper {
	overflow: hidden;
}

.other-meetings-pills {
	gap: 6px !important;
}

/* Fix for Board Of Directors Slider */
/* Ensure the carousel wrapper doesn't clip anything */
.gov-carousel {
	overflow: visible !important;
}

/* Native CSS Scrolling container for Board of Directors */
.gov-board-scroll {
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	/* Hide scrollbar in Firefox */

	/* VERY IMPORTANT: Add padding so hover states and extra card data aren't clipped */
	padding-bottom: 2rem !important;
	margin-bottom: -2rem !important;
	/* Offset the padding visually */
}

/* Hide scrollbar in Chrome/Safari/Edge */
.gov-board-scroll::-webkit-scrollbar {
	display: none;
}

/* Snap alignment for each card inside the row */
.card-snap {
	scroll-snap-align: start;
}
/* 1. Ensure the navbar contains the absolute bar */
.investor-hero__navbar {
	position: relative;
}

/* 2. Permanently decouple the container from the grid to stop layout jumps */
div.investor-search-bar {
	position: absolute !important;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	/* Perfectly vertically centered */
	z-index: 50;
	width: 185px !important;
	/* Fixed initial width */

	/* Original design properties */
	background: var(--clr-white);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: var(--radius-pill);
	padding: 5px 5px 5px 20px !important;

	/* Restrict transition to just width to stop the bouncing */
	transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;
	box-sizing: border-box !important;
	margin: 0 !important;
}

/* 3. Expand the container to the left smoothly */
div.investor-search-bar:focus-within {
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
	width: calc(100% - 240px) !important;
}

div.investor-search-bar:focus-within button.investor-search-btn {
	width: 36px !important;
}

/* 4. Let the input fill the container WITHOUT fighting it */
input.investor-search-input[type="text"] {
	width: 100% !important;
	transition: none !important;
	/* THIS stops the jittering and bouncing */
}

/* 5. Smoothly hide the center menu */
.investor-hero__navbar:focus-within .menu-link {
	opacity: 0;
	visibility: hidden;
}

.investor-hero__navbar .menu-link {
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* =============================================
MEDIA QUERIES (Responsive Design)
============================================= */

/* Tablet & Mobile (under 992px) */
@media (max-width: 1400px) {
	.investor-about__inner {
		padding: 0px;
	}
}

@media (max-width: 1300px) {
	
	#investor-tabs {
		padding: 10px;
	}

	.gov-tab-btn {
		padding: 14px 17px;
	}
	.sub-tab-bar-scroll .sub-tab-bar,
	.gov-tabs {
		gap: 10px !important;
	}

	.investor-about__inner {
		padding: 0px 70px;
	}
}

@media (max-width: 1199px) {

	/* 1. Make the search bar permanently absolute on mobile to prevent jumping */
	div.investor-search-bar {
		position: absolute !important;
		right: 8px !important;
		/* Matches the 8px padding of the mobile navbar */
		top: 50% !important;
		transform: translateY(-50%) !important;
		width: 160px !important;
		/* Default collapsed mobile width */
		max-width: none !important;
		flex: none !important;
		/* Removes it from the flex grid */
	}

	/* 2. Expand to full width minus the navbar padding */
	div.investor-search-bar:focus-within {
		width: calc(100% - 16px) !important;
		/* 100% minus 8px on the left and 8px on the right */
	}

	button.investor-search-btn {
		width: 36px !important;
	}
}
@media (max-width: 575px) {
	.scheme-tabs{
		/* 		background: #ddebfb; */
		/* 		width: 100%; */
	}
	.panel-sub-earnings .year-slide {
		padding: 0 !important;
	}

	.other-meetings-title {
		font-size: 15px;
	}

	/* 	.scheme-tab-btn:not(.active) {
	background: transparent;
}

	.scheme-tab-btn:not(.active):nth-child(1) {
	padding-left: 20px !important;
} */

	.scheme-grid {
		overflow: hidden;
	}

	.scheme-tab-text {
		font-size: 12px;
	}

	/* 	.scheme-tab-btn {
	padding: 12px 22px;
} */

	.investor-tab-row>.col-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.panel-sub-quarterly .quarter-circles {
		/*         justify-content: space-around !important; */
		width: 100% !important;
		/* gap: 20px 26px !important; */
	}

	.sub-tab-contents {
		padding: 0;
	}

	.other-fy-arrow {
		width: 16px;
		height: 16px;
		background: var(--clr-white);
		border-radius: 999px;
	}

	.year-column {
		display: flex;
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 12px;
		padding: 20px 0;
		margin: 0 !important;
	}
	.other-meetings-pills-container {
		gap: 7px;
	}
	.other-fy-btn{
		padding: 10px 12px;
	}
	.other-meeting-btn {
		white-space: normal;
		font-size: 10px;
		padding: 9px 10px;
		line-height: 130%;
		font-weight: 500;
	}

	.annual-year-btn {
		padding: 6px !important;
		font-size: 0.73rem !important;
	}

	/* #financials-details-view .sub-tab-bar .sub-tab-bar-container {
	background
} */

	.other-fy-arrow>i,
	.selected-year-text {
		font-size: 0.6rem !important;
		white-space: nowrap;
	}

	.annual-year-pills {
		/*         justify-content: space-evenly !important; */
		/*changed from flex-end to  normal*/
	}

	.dropdown-item {
		font-size: 10px;
	}

	.investor-grid__num {
		width: 30px;
		height: 30px;
	}

	.investor-faq__title {
		font-size: 1.2rem !important;
		letter-spacing: -0.02em;
		padding: 0 0 0 12px;
	}

	.faq-card__name {
		font-size: 1.375rem;
		font-weight: 500;
		line-height: 36px;
		color: var(--clr-white);
		margin-bottom: 4px;
	}

	.faq-card__eyebrow {
		font-size: 1.15rem !important;
		line-height: normal;
	}

	.faq-card__desc {
		font-size: 1rem;
		line-height: 26px;
	}

	.faq-card__contact {
		flex-direction: column;
	}

	.investor-faq__cards .owl-nav .owl-prev{
		left:-10px;
	}
	.investor-faq__cards .owl-nav .owl-next{
		right:-20px;
	}

	.investor-tab__list {
		font-size: 1rem;
		padding: 12px 18px;
		font-weight: 500;
		line-height: 14px;
	}

	.investor-tab__grid {
		padding: 20px;
	}

	.investor-grid__header {
		gap: 0.3rem !important;
	}

	.investor-grid__num {
		font-size: 0.75rem;
	}

	.investor-grid__title {
		font-size: 1rem;
		/*changed from 1.2rem to  0.85rem */
	}

	.gov-page-indicator {
		height: 25px !important;
	}

	.gov-page-arrow {
		width: 25px !important;
		height: 25px !important;
		font-size: 12px !important;
	}

	.global-mobile-navbar .logo-img {
		height: 52px;
	}

	.investor-about__content {
		width: 100%;
	}

	.investor-faq__section {
		background: url('../img/testimonial-section-bg-img-mobile.png') no-repeat center center;
		background-size: cover;
	}

	.investor-tabs {
		padding: 0px !important;
	}

	#sub-quarterly .quarter-circle {
		width: 34px !important;
		height: 34px !important;
		font-size: 0.8rem !important;
	}

	.quarter-circle {
		width: 28px !important;
		height: 28px !important;
		font-size: 0.65rem;
		font-weight: 500;
	}

	.investor-tab__panel.active[data-panel="governance"] {
		padding: 8px 8px 0px 8px !important;
	}

	.investor-tab-wrapper {
		background: hsla(212, 100%, 94%, 1) !important;
		padding: 14px !important;
		gap: 12px !important;
		border-radius: 999px;
	}

	.investor-tab__grid {
		background: transparent !important;
	}

	/* Hero Section */
	.investor-hero {
		margin: 12px;
		min-height: 500px;
		background-position: center bottom;
	}

	.investor-hero__container {
		padding: 0 16px;
	}



	/* Hero Content Typography */
	.investor-hero__content {
		padding: 70px 12px 40px !important;
	}

	.global-mobile-navbar__container .global-mobile-navbar__cover {
		padding: 6.5px 15px;
	}

	.investor-hero__title {
		line-height: 130%;
		margin-bottom: 23px;
		font-size: 1.2rem;
		font-weight: 600;
	}

	.investor-hero__subtitle {
		font-size: 1rem !important;
		max-width: 100% !important;
		margin-top: 12px;
		line-height: 1.4;
	}

	.investor-hero__title {
		font-size: 1.25rem;
	}

	.investor-hero__subtitle {
		font-size: 0.78rem;
	}



	.investor-about__content {
		font-size: 1rem !important;
		line-height: 26px;
		font-weight: 500;
	}

	.investor-faq__section {
		padding: 30px 20px !important;
		margin: 40px 12px !important;
	}

	.faq-card__contact-item {
		font-size: 15px !important;
	}

	.faq-card__rta-text {
		font-size: 1rem;
		line-height: 26px;
	}

	.gov-tab-grid {
		border-radius: 0;
	}

/* 	.sub-tab-btn {
		font-size: 1.1rem !important;
		padding: 8px 16px !important;
	} */

	/* .investor-tab__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	padding: 16px !important;
} */

	.investor-tab__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		/* <--- The fix is here */
		gap: 12px;
		/* ... keep your other padding properties ... */
	}

	.year-title {
		font-size: 0.85rem;
	}

	.annual-row-height {
		/*         margin: 10px 0 !important; */
		/*         padding: 0 !important; */
	}

	.annual-row-title {
		line-height: 24px !important;
	}

/* 	#financials-details-view .sub-tab-bar .sub-tab-bar-container {
		background: #ffffff !important;
	} */

	#financials-details-view .more-tabs-indicator {
		width: 26px !important;
		height: 26px !important;
		font-size: 0.65rem !important;
	}

	/* new css added on 16-6-2026 by daksh more */
	.annual-year-btn.active-row::after {
		bottom: -30px;
		left: 50%;
		width: calc(100% - 10px);
	}

	.gov-tab-btn {
		line-height: 46px !important;
	}
}

/* =============================================
RESPONSIVE DESIGN
============================================= */

/* Large desktops */
@media (min-width: 1400px) {

	.investor-about__inner,
	.investor-tabs,
	.investor-faq__section {
		max-width: 1390px;
	}

	.investor-faq__section {
		margin: 0 auto 64px;
		padding: 40px 48px 0;
	}

	/* 	.investor-faq__cards {
	grid-template-columns: repeat(2, 1fr);
} */
}

@media (max-width: 1199px) {
	.global-mobile-navbar {
		display: block;
		background: var(--clr-white);
		backdrop-filter: none;
		position: relative;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
		z-index: 100;
	}

	.global-mobile-navbar.menu-open {
		z-index: 9999 !important;
	}
	.global-mobile-navbar{
		display: none!important;
	}

	.investor-about__content {
		width: auto;
	}

	.pill-dot {
		display: none !important;
	}

	.mobile-about-icon {
		display: block;
		width: 24px;
		height: auto;
	}

	.investor-about__pill {
		font-size: 1.375rem;
		height: auto;
		width: auto;
		padding: 0;
		border: none;
		align-self: flex-start !important;
		justify-content: flex-start !important;
	}

	.investor-faq__title {
		font-size: 1.15rem !important;
		padding: 0 0 0 6px;
	}

	.year-slide {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.investor-hero__navbar .menu-link {
		flex: 0 1 auto;
		position: static;
		transform: none;
	}

	/* Search Bar Mobile Layout */
	.investor-hero__navbar .investor-search-bar {
		flex: 1;
		max-width: 160px;
		width: 100%;
		transition: max-width var(--transition-normal);
	}

	.investor-hero__navbar .investor-search-bar:focus-within {
		max-width: 240px;
	}

	input.investor-search-input[type="text"] {
		flex: 1;
		width: 0 !important;
		min-width: 0;
	}
}

/* Tablets & smaller desktops */
@media (max-width: 991px) {
	.global-mobile-navbar {
		display: block;
	}

	.scheme-slider-track {
		gap: 24px;
	}

	.gov-card__link {
		gap: 6px;
	}

	#investor-tabs {
		margin: 30px !important;
	}

	.gov-card__link .icon-circle img {
		height: 18px;
		width: 18px;
	}

	.gov-card__link .icon-circle {
		height: 24px;
		width: 24px;
	}

	.investor-tab__grid {
		/*         padding: 16px 0 0 !important; */
		background: transparent;
	}

	.investor-hero {
		max-height: 480px;
		height: 480px;
		background: url(../img/hero-section-bg-img-mobile.png) no-repeat right !important;
		background-size: cover !important;
	}

	.investor-hero__content {
		padding: 30px 24px 50px;
	}

	.investor-hero__title {
		font-size: 1.8rem;
	}

	.investor-about__inner {
		flex-direction: column;
		padding: 0 24px;
		gap: 16px !important;
	}

	.investor-about {
		padding: 48px 0;
	}

	.investor-tabs {
		padding: 0 24px;
		margin-bottom: 48px;
		/*         background: var(--clr-lighter); */
		background: #F1F8FF;
		border-radius: 36px;
	}

	.other-meeting-reports-wrap:before{
		background: linear-gradient(180deg, #f1f8ff 0%, #B2D1F3 100%);
	}

	.investor-tab__lists {}

	/* Sub-tab Bar Redesign for Tablet & Mobile */
/* 	.sub-tab-bar-container {
		background: #ffffff !important;
		border: none !important;
		padding: 5px !important;
		border-radius: 0;
	} */

	.sub-tab-nav-btn {
		display: none !important;
	}

/* 	.sub-tab-btn {
		background: var(--clr-off-white) !important;
		border: 1.5px solid transparent !important;
		color: var(--clr-navy) !important;
		font-size: 1.1rem;
		font-weight: 500 !important;
		padding: 8px !important;
		min-height: 42px;
		border-radius: var(--radius-pill) !important;
		position: relative;
		white-space: nowrap;
	} */

/* 	.sub-tab-btn.active {
		background: var(--clr-off-white) !important;
		border-color: transparent !important;
		font-weight: 700 !important;
		color: var(--clr-navy) !important;
	} */

	/* .sub-tab-btn .dot-indicator,
	.sub-tab-btn.active .dot-indicator {
	background-color: var(--clr-blue) !important;
} commented by daksh more on 16-6-2026 */

	.investor-faq__section {
		padding: 48px 24px 60px;
	}

	/* 	.investor-faq__cards {
	grid-template-columns: 1fr;
} */



	.investor-tab__panel[data-panel="financials"] #financials-details-view {
		border-radius: var(--radius-xl) !important;
		/* padding: 16px !important; commented on 16-6-2026 by daksh */
		/* background: #e9f1fa !important; */
	}

	.sub-tab-contents {
		padding: 16px;
	}

	.quarter-circle {
		width: 34px;
		height: 34px;
		font-size: 0.65rem;
		font-weight: 500;
	}

	.annual-year-pills {
		flex-wrap: wrap !important;
	}

	.investor-hero {
		min-height: 660px;
		background-position: right center;
	}

	.investor-hero__content {
		padding: 20px 20px 40px;
	}

	.investor-hero__title {
		font-size: 1.45rem;
	}

	.investor-hero__subtitle {
		font-size: 1.3rem;
		max-width: 620px;
	}

	.investor-about__content {
		font-size: 1.3rem;
	}

	.investor-about {
		padding: 36px 0;
	}

	.investor-about__inner {
		padding: 0 20px;
	}

	.investor-tabs {
		margin: 0 16px 36px;
	}

	#financials-grid-view {
		background: transparent !important;
		border-radius: 36px !important;
		padding: 24px 16px !important;
	}

	.gov-tab-grid {
		background: transparent !important;
	}
	
	.sub-tab-btn,
	.gov-tab-btn {
		flex: 1 !important;
		font-size: 1.1rem !important;
		padding: 8px 32px !important;
		justify-content: center !important;
	}

	.investor-tab__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		/* padding: 0 8px !important; */
	}

	.faq-card__contact {
		flex-direction: row;
		/* gap: 0px !important; */
		justify-content: space-between;
	}

	.investor-tab__grid__item {
		padding: 18px;
		background: var(--clr-white);
		border-radius: 20px;
		margin: 0;
		gap: 1rem !important;
	}

	.investor-tab-wrapper {
		background: transparent;
		padding: 0;
		gap: 12px;
	}

	.investor-tab__lists {
		overflow-x: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		border-radius: 50px;
		margin: 0;
		padding: 0 !important;
		background: transparent !important;
		scroll-snap-type: x mandatory !important;
		scroll-behavior: smooth;
	}

	.investor-tab__lists::-webkit-scrollbar {
		display: none;
	}

	.investor-tab-row {
		transition: transform 0.3s ease;
		margin: 0 !important;
		--bs-gutter-x: 0;
		gap: 10px;
		flex-wrap: nowrap !important;
	}

	.investor-tab-row>.col-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
		flex: 0 0 calc(50% - 5px) !important;
		max-width: calc(50% - 5px) !important;
		scroll-snap-align: start !important;
	}

	.other-meetings-section {
		margin: auto;
		padding-top: 20px !important;
	}

	@media (max-width: 767px) {
		.investor-tab-row {
			gap: 0 !important;
		}

		.investor-tab-row>.col-12 {
			flex: 0 0 100% !important;
			max-width: 100% !important;
			scroll-snap-align: start !important;
		}

	}

	.investor-tab-arrow {
		width: 38px;
		height: 38px;
		background: var(--clr-white);
		border: none;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #555;
		flex-shrink: 0;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
		cursor: pointer;
	}

	.investor-faq__section {
		padding: 36px 20px 48px;
		border-radius: var(--radius-lg) var(--radius-lg);
	}

	.investor-faq__title {
		font-size: 1.25rem;
	}

	.investor-faq__card {
		padding: 20px;
	}

	.faq-card__contact {
		flex-direction: column;
		gap: 10px;
	}

	/* Corporate Governance Mobile Unification */
	.gov-tab-grid {
		padding: 15px 10px 28px 10px !important;
		border-radius: 36px !important;
		display: flex;
		flex-direction: column;
	}

	.gov-header {
		display: contents;
		margin: 0;
	}

	.gov-tabs {
		order: 1;
		flex-wrap: nowrap !important;
		overflow-x: auto;
		padding-bottom: 20px;
		margin-bottom: 0;
		scrollbar-width: none;
	}

	.gov-tabs::-webkit-scrollbar {
		display: none;
	}

	.gov-custom-scrollbar {
		height: 3px;
		background: var(--clr-white);
		border-radius: 3px;
		order: 2;
		margin: 16px 0;
		position: relative;
		display: none;
	}

	.gov-custom-scrollbar-thumb {
		position: absolute;
		top: - -0;
		left: 0;
		height: 100%;
		background: var(--clr-navy);
		border-radius: 3px;
		display: none;
	}

	.gov-tab-btn {
		flex: 0 0 auto;
		font-size: 0.95rem;
		padding: 10px 16px;
		border-radius: 14px;
		gap: 8px;
	}
	.sub-tab-btn{
		padding: 8px 20px !important;
	}
	.sub-tab-btn-txt,
	.gov-tab-btn__text {
		padding-bottom: 2px;
	}
	.sub-tab-btn::after,
	.gov-tab-btn::after {
		left: 16px;
		width: calc(100% - 42px);
		bottom: 8px;
	}

	.gov-tab-icon {
		width: 10px;
	}

	.gov-divider {
		display: none !important;
	}

	.gov-tab-content {
		order: 3;
	}

	.gov-pagination-controls {
		gap: 16px;
		/* padding: 30px 0; */
	}

	.scheme-list-container .gov-pagination-controls {
		gap: 16px;
		padding: 0 0 30px 0;
	}

	.annual-year-btn.active-row::after {
		width: 100%;
	}
	.sub-tab-btn,
	.gov-tab-btn {
		line-height: 40px !important;
	}

	.gov-tab-grid .gov-pagination-controls {
		/* order: 4;
		margin-top: 28px;
		justify-content: center;
		width: 100%; */
		display: none !important;
	}

	.investor-tab__panel[data-panel="financials"] #financials-details-view {
		/* inherited from max-width: 991px rule */
		padding:0;
	}

	.sub-tab-contents {
		padding: 16px 16px 25px;
	}

	/* ===== ANNUAL FINANCIALS MOBILE FIX (nuclear override) ===== */

	.panel-sub-annual-financials .annual-financials-container .slider-fixed-column,
	.panel-sub-annual-financials .annual-financials-container [class*="slider-fixed"] {
		flex: 0 0 40% !important;
		max-width: 40% !important;
		width: 40% !important;
		min-width: 0 !important;
		overflow: hidden !important;
	}

	.panel-sub-annual-financials .annual-financials-container .col-7,
	.panel-sub-annual-financials .annual-financials-container .col-8,
	.panel-sub-annual-financials .annual-financials-container [class*="col-7"],
	.panel-sub-annual-financials .annual-financials-container [class*="col-8"] {
		flex: 0 0 60% !important;
		max-width: 60% !important;
		width: 60% !important;
		min-width: 0 !important;
	}

	/* Pills container: single row, horizontal scroll, 4 pills visible */
	.panel-sub-annual-financials .annual-year-pills {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		scroll-snap-type: x mandatory !important;
		scrollbar-width: none !important;
		-webkit-overflow-scrolling: touch !important;
		-ms-overflow-style: none !important;
		gap: 6px !important;
		width: 100% !important;
		grid-template-columns: none !important;
	}

	.panel-sub-annual-financials .annual-year-pills::-webkit-scrollbar {
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	/* Each pill: 4 at a time */
	.panel-sub-annual-financials .annual-year-pills .annual-year-btn {
		display: flex !important;
		flex: 0 0 calc((100% - 18px) / 4) !important;
		width: calc((100% - 18px) / 4) !important;
		max-width: calc((100% - 18px) / 4) !important;
		min-width: calc((100% - 18px) / 4) !important;
		padding: 6px 2px !important;
		font-size: 10px !important;
		white-space: nowrap !important;
		text-align: center !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		scroll-snap-align: start !important;
	}

	.panel-sub-annual-financials .annual-row-height {
		min-height: 80px;
		/*         margin: 4px 0 8px !important; */
		/*         padding: 9px 0 18px !important; */
	}

	/* Company name text */
	.panel-sub-annual-financials .annual-row-title {
		font-size: 15px !important;
		line-height: 1.25 !important;
	}

	/* Bottom pagination centering */
	.panel-sub-annual-financials .annual-financials-container>.row.justify-content-center {
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 8px 0 !important;
	}

	.panel-sub-annual-financials .annual-financials-container>.row.justify-content-center>.col-12 {
		display: flex !important;
		justify-content: center !important;
	}

}

/* added on 9-6-2026 by daksh - for more bigger than 1440px screen */
@media (min-width: 1440px) {
	.gov-card__name {
		font-size: 1.38rem;
	}

	.gov-card__img-container {
		min-height: 170px;
	}
}

/* Responsive 1-item scrolling layout for sub-tabs and gov-tabs on mobile/tablet */
@media (max-width: 992px) {
/* 	.sub-tab-btn {
		font-size: 12px !important;
		flex: 0 0 calc((100% - 5px) / 2) !important;
		/* max-width: calc((100% - 5px) / 2) !important; */
	} */

	.sub-tab-bar-scroll .sub-tab-bar {
		gap: 5px;
	}
	
	.year-column {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 12px;
		margin: 0 !important;
		padding: 20px 0;
	}

	/* 	.scheme-tab-btn {
	padding: 14px 20px !important;
} */

	.scheme-tab-slider::after {
		right: -28px !important;
	}
}

#financials-details-view #sub-earnings .year-slide .align-items-center.justify-content-start {
	justify-content: center !important;
}

/* ==========================================
EARNINGS CALL MOBILE-ONLY DESIGN FIXES
========================================== */
@media (max-width: 991px) {

	/* Adjust Mobile Year Header Alignment */
	.panel-sub-earnings .mobile-year-header .year-title {
		font-size: 1.25rem !important;
		font-weight: 700 !important;
		color: var(--clr-navy) !important;
		justify-content: flex-start !important;
		margin-bottom: 16px !important;
	}

	.panel-sub-earnings .mobile-year-header .dot-indicator {
		display: none !important;
	}

	/* Force slider track container to 100% width on mobile */
	.panel-sub-earnings .col-12.col-lg-7 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	/* Apply Continuous Border & Spread circles evenly */
	.panel-sub-earnings .quarter-circles {
		border-bottom: 1px solid rgba(27, 54, 93, 0.2) !important;
		padding-bottom: 16px !important;
		/*         justify-content: space-evenly !important; */
		gap: 0 !important;
	}

	/* Attach Blue Active Indicator Line to the continuous border */
	.panel-sub-earnings a.quarter-circle.current-quarter::after {
		content: "";
		position: absolute;
		position-anchor: --active-quarter;
		left: anchor(center);
		transform: translateX(-50%);
		bottom: 16px !important;
		width: 25% !important;
		height: 2px !important;
		border-radius: 0 !important;
		background-color: var(--clr-navy) !important;
		z-index: 1;
	}

	/* Match the Clean Circle Design */
	.panel-sub-earnings .quarter-circle {
		font-size: 1rem !important;
		width: 50px !important;
		height: 50px !important;
		border: 1px solid rgba(27, 54, 93, 0.3) !important;
		background: transparent !important;
	}

	/* Remove old borders to prevent double-line overlapping */
	.panel-sub-earnings .quarter-row-container {
		border-bottom: none !important;
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	/* Pad the slide column on mobile so it doesn't touch the screen edge */
	.panel-sub-earnings .year-slide {
		padding: 0 15px;
	}
}

@media (max-width: 361px) {
	.investor-faq__title {
		font-size: 1rem !important;
	}

	#investor-tabs {
		margin: 13px !important;
	}

	.faq-card__contact-item {
		font-size: 14px !important;
		font-weight: 500;
	}
}

/* ===== SCHEME OF ARRANGEMENT RESPONSIVE STYLE ===== */
@media (max-width: 991px) {
	.scheme-grid {
		/* padding: 24px 12px 16px !important; */
		border-radius: var(--radius-xl) !important;
		background: transparent !important;
	}

	.scheme-header {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 16px;
		border-bottom: none;
		/* 		overflow: visible;  */
		background: #E3F1FF;
		border-radius: 24px 24px 0 0;
		overflow: hidden;
	}
	.scheme-tab-btn.active{
		background: #E3F1FF;
	}
	.scheme-tabs .scheme-tab-btn.active > div {
		background-color: #fff;
		color: #042F62;
	}

	.scheme-item {
		padding: 16px 0;
		gap: 12px;
	}

	.scheme-item__num {
		width: 38px;
		height: 38px;
		font-size: 0.85rem;
	}

	.scheme-slider-track-container {
		padding: 0;
	}

	.scheme-slide {
		padding: 0;
	}

	.scheme-item__title {
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 1.4;
	}

	.scheme-item__arrow {
		font-size: 1.15rem;
	}
}

@media (max-width: 321px) {
	.annual-year-pills {
		justify-content: normal !important;
		gap: 0 1px !important;
	}
}

/* Dropdown ko sabse upar dikhane aur clipping se bachane ke liye */
.investor-tab__panel {
	overflow: visible !important;
}

.other-meetings-dropdown-menu {
	z-index: 9999 !important;
}

/* Parent section ka z-index badhane ke liye taaki wo FAQ section ke upar aaye */
.other-meetings-section {
	z-index: 99 !important;
}
@media(max-width:767px){
	#investor-tabs {
		margin: 30px 15px !important;
	}
	.investor-tab-row>div{
		width: 100%;
		flex: auto;
	}
}
@media(max-width: 575px){
	/* 	.scheme-tab-btn {
	padding: 12px 7px 12px 15px !important;
} */
}
@media(min-width: 992px){
	.panel-sub-quarterly .quarterly-slider-row{
		border-bottom: 1px solid rgba(27, 54, 93, 0.2) !important;
	}
}
/* =============================================
INSTAGRAM-STYLE PAGINATION DOTS (MOBILE)
Works with section 13 in investors.js
============================================= */
@media (max-width: 991px) {
	.investor-hero__navbar {
		display: flex !important;
		margin: 16px 0 0;
		padding: 8px;
		gap: 12px !important;
	}
	.investor-hero__navbar .logo,
	.investor-hero__navbar .desktop-link {
		display: none !important;
	}
	.investor-hero__navbar .mobile-home {
		display: block !important;
		font-size: 0.95rem;
		padding: 6px 12px;
		color: rgba(255, 255, 255, 0.9);
	}

	/* Scheme dots were inline-block with side margins, which let them wrap.
	   Make them a single flex row (same 10px spacing as the old 0 5px margins). */
	.scheme-page-indicator {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.scheme-page-indicator .dot {
		margin: 0;
	}

	/* Never wrap dots onto a second line */
	.scheme-page-indicator,
	.gov-page-indicator,
	.gov-bottom-dots {
		flex-wrap: nowrap !important;
	}

	.scheme-page-indicator > .dot,
	.gov-page-indicator > .dot,
	.gov-bottom-dots > .dot {
		flex-shrink: 0;
	}

	/* ----- Active only when JS adds [data-ig-start] (rows with > 5 dots) ----- */
	.scheme-page-indicator[data-ig-start],
	.gov-page-indicator[data-ig-start],
	.gov-bottom-dots[data-ig-start] {
		flex: 0 0 auto !important;
		max-width: none !important;
		box-sizing: content-box !important; /* keeps existing padding (e.g. 0 20px) intact */
		justify-content: flex-start !important;
		margin-left: auto !important;
		margin-right: auto !important;
		overflow: hidden !important;        /* fallback */
		transition: width 0.3s ease !important;
	}

	@supports (overflow-x: clip) {
		.scheme-page-indicator[data-ig-start],
		.gov-page-indicator[data-ig-start],
		.gov-bottom-dots[data-ig-start] {
			overflow: visible !important;
			overflow-x: clip !important;    /* clip sideways only, never crop dots vertically */
		}
	}

	/* No width transition here: the active pill must resize instantly so the
	   window position can be measured exactly. The slide itself is animated. */
	.scheme-page-indicator[data-ig-start] > .dot,
	.gov-page-indicator[data-ig-start] > .dot,
	.gov-bottom-dots[data-ig-start] > .dot {
		transition: translate 0.3s ease, scale 0.3s ease, opacity 0.3s ease, background-color 0.3s ease !important;
	}
}
@media(min-width: 992px){
	.ct-header{
		display: none !important;
	}
}