/* ==========================================================================
   Typography Styles
   ========================================================================== */

.urdu {
	font-family: var(--font-urdu);
}

.en-font, .logo-text, .eng-word, .payment-eng, .digital-eng, .feature-eng {
	font-family: var(--font-display);
}

/* Heading Defaults */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-urdu);
	line-height: 1.6;
}

h1 {
	font-size: clamp(34px, 4.5vw, 54px);
	font-weight: 700;
}

h2 {
	font-size: clamp(28px, 4vw, 48px);
	font-weight: 700;
}

h3 {
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 700;
}

p {
	font-family: var(--font-urdu);
	line-height: 2.2;
}

.highlight-amber, .highlight {
	color: var(--amber);
}

.highlight-red {
	color: var(--red);
	position: relative;
}

.highlight-red::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--red);
	border-radius: 2px;
	opacity: 0.6;
}