@import url('./base.css');
@import url('./sections/hero-section.css');
@import url('./sections/steps-section.css');
@import url('./sections/perks-section.css');
@import url('./sections/journey-cta-section.css');
@import url('./sections/qna-section.css');
@import url('./sections/footer-section.css');

@font-face {
	font-family: 'AktivGrotesk-XBold';
	src: url('../fonts/TTF/AktivGrotesk-XBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

.hero-title {
	font-family: 'AktivGrotesk-XBold', 'AktivGrotesk', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 800;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* XBold Italic for the hero highlight (₹5000) */
@font-face {
	font-family: 'AktivGrotesk-XBoldItalic';
	src: url('../fonts/TTF/AktivGrotesk-XBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}

.hero-highlight {
	font-family: 'AktivGrotesk-XBoldItalic', 'AktivGrotesk', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-weight: 800;
	font-style: italic;
	display: inline-block;
	vertical-align: baseline;
	color: #28c3be; /* keep original highlight color */
}