/* ==========================================================
   India Exim Bank Learning Resource Centre – home page (body.home-modern.exim-home)
   Loaded after home-modern.css and home-sections.css.
   "Business school x editorial magazine": a white masthead, a cover story with a
   big serif headline and a photo collage, a blue numbers band, a numbered
   "In this issue" index, then the showcase sections, research, about and footer.
   ========================================================== */

.exim-home {
	--hm-font: var(--exim-sans);
	--hm-bg: #fff;
	--hm-radius: var(--exim-radius);
	background: #fff;
	font-family: var(--exim-sans);
	color: var(--exim-ink);
}

.exim-wrap {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 28px;
}

.exim-kicker {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--exim-blue);
}

.exim-kicker:not(:has(.exim-dots))::before {
	content: "";
	width: 22px;
	height: 3px;
	border-radius: 2px;
	background: var(--exim-gold);
}

.exim-h2 {
	margin: 12px 0 0;
	font-family: var(--exim-serif);
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 400;
	line-height: 1.04;
	letter-spacing: -0.01em;
	color: var(--exim-ink);
}

.exim-h2 em,
.exim-cover-title em,
.exim-home .hm-section-title em {
	font-style: italic;
	color: var(--exim-blue);
}

.exim-section {
	padding: 96px 0;
}

.exim-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	margin-bottom: 40px;
}

.exim-section-note {
	max-width: 360px;
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: var(--exim-muted);
}

/* ---------- Header: white masthead with a blue/gold hairline ---------- */

.home-modern.exim-home .cnu-header {
	background: rgba(255, 255, 255, 0.98) !important;
	box-shadow: 0 1px 0 var(--exim-line) !important;
	transition: box-shadow 0.2s ease;
}

.home-modern.exim-home .cnu-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--exim-blue) 0 72%, var(--exim-gold) 72% 100%);
	opacity: 0;
	transition: opacity 0.2s ease;
}

body.exim-scrolled.exim-home .cnu-header {
	box-shadow: 0 10px 30px -18px rgba(11, 47, 85, 0.35) !important;
}

body.exim-scrolled.exim-home .cnu-header::after {
	opacity: 1;
}

.home-modern.exim-home .hm-brand-text {
	color: var(--exim-ink);
}

.home-modern.exim-home .navigation-bar nav ul li,
.home-modern.exim-home .navigation-bar nav ul li a {
	color: var(--exim-ink) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em;
}

.home-modern.exim-home .navigation-bar nav ul li > a:hover,
.home-modern.exim-home .navigation-bar nav ul li[data-toggle]:hover {
	background: var(--exim-blue-soft);
	color: var(--exim-blue) !important;
}

.home-modern.exim-home .login li:first-child a {
	border-color: var(--exim-blue) !important;
	background: var(--exim-blue) !important;
	color: #fff !important;
}

.home-modern.exim-home .login li:first-child a:hover {
	background: var(--exim-blue-dark) !important;
}

.home-modern.exim-home .login li:last-child:not(:first-child) a {
	border-color: var(--exim-gold) !important;
	background: var(--exim-gold) !important;
	color: var(--exim-blue-deep) !important;
	box-shadow: none;
}

/* phone header: burger + profile on white */
.home-modern.exim-home .menu-btn a span {
	background: var(--exim-blue) !important;
}

.home-modern.exim-home .login.mobile-m li a {
	color: #fff !important;
}

.home-modern.exim-home .dd-button .fa {
	color: var(--exim-ink) !important;
}

.home-modern.exim-home .responsive-menu {
	background: var(--exim-blue-deep) !important;
}

/* ---------- Cover story ---------- */

.exim-cover {
	position: relative;
	overflow: hidden;
	padding: 136px 0 88px;
	background:
		radial-gradient(900px 480px at 88% 8%, var(--exim-blue-soft), transparent 70%),
		radial-gradient(520px 320px at 0% 100%, var(--exim-gold-soft), transparent 70%),
		#fff;
}

.exim-cover-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: 64px;
}

.exim-cover-title {
	margin: 18px 0 0;
	font-family: var(--exim-serif);
	font-size: clamp(60px, 8.2vw, 120px);
	font-weight: 400;
	line-height: 0.92;
	letter-spacing: -0.025em;
	color: var(--exim-ink);
}

.exim-cover-lede {
	max-width: 560px;
	margin: 24px 0 0;
	font-size: 18px;
	line-height: 1.6;
	color: var(--exim-muted);
}

.exim-search {
	max-width: 620px;
	margin-top: 32px;
}

.exim-search-modes {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	margin-bottom: 10px;
}

.exim-mode {
	padding: 7px 14px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	font-family: var(--exim-sans);
	font-size: 13.5px;
	font-weight: 600;
	color: var(--exim-muted);
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.exim-mode:hover {
	color: var(--exim-blue);
}

.exim-mode.active {
	background: var(--exim-ink);
	color: #fff;
}

.exim-home .exim-search .hm-search-field {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 6px 6px 20px;
	border: 1.5px solid rgba(27, 37, 54, 0.14);
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 18px 40px -22px rgba(138, 58, 6, 0.45);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.exim-home .exim-search .hm-search-field:focus-within {
	border-color: var(--exim-blue);
	box-shadow: 0 0 0 4px var(--exim-blue-soft), 0 18px 40px -22px rgba(138, 58, 6, 0.45);
}

.exim-home .exim-search .hm-search-field > .fa {
	color: var(--exim-blue);
}

.exim-home .exim-search input {
	flex: 1 1 auto;
	min-width: 0;
	height: 48px;
	border: 0 !important;
	outline: 0;
	background: transparent;
	font-size: 16px;
	color: var(--exim-ink);
}

.exim-home .exim-search .hm-search-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 48px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: var(--exim-blue) !important;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
}

.exim-home .exim-search .hm-search-btn:hover {
	background: var(--exim-blue-dark) !important;
}

.exim-cover .hm-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-top: 16px;
	color: var(--exim-muted);
	font-size: 13.5px;
}

.exim-cover .hm-chip {
	padding: 6px 12px;
	border: 1px solid var(--exim-line);
	border-radius: 999px;
	background: #fff;
	font-size: 13px;
	color: var(--exim-ink);
	cursor: pointer;
}

.exim-cover .hm-chip:hover {
	border-color: var(--exim-blue);
	color: var(--exim-blue);
}

.exim-cover-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

body.exim-signed-in .exim-when-anon {
	display: none !important;
}

/* photo collage: the reading room, the brick gateway, a gold "24x7" seal */
.exim-cover-art {
	position: relative;
	margin: 0;
	min-height: 520px;
}

.exim-photo {
	overflow: hidden;
	border-radius: 24px;
	background: var(--exim-blue-soft);
	box-shadow: var(--exim-shadow);
}

.exim-photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.exim-photo-main {
	position: absolute;
	top: 0;
	right: 0;
	width: 78%;
	aspect-ratio: 4 / 5;
}

.exim-photo-side {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46%;
	aspect-ratio: 1;
	border: 8px solid #fff;
	border-radius: 28px;
}

.exim-badge {
	position: absolute;
	top: 28px;
	left: 6%;
	display: grid;
	place-items: center;
	align-content: center;
	width: 132px;
	height: 132px;
	padding: 14px;
	border-radius: 50%;
	background: var(--exim-gold);
	box-shadow: 0 16px 32px -14px rgba(92, 64, 0, 0.55);
	text-align: center;
	color: var(--exim-blue-deep);
	transform: rotate(-8deg);
}

.exim-badge b {
	font-family: var(--exim-serif);
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
}

.exim-badge span {
	margin-top: 4px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.exim-cover-note {
	position: absolute;
	right: -8px;
	bottom: 36px;
	display: flex;
	flex-direction: column;
	max-width: 260px;
	padding: 14px 18px;
	border-left: 4px solid var(--exim-gold);
	border-radius: 14px;
	background: #fff;
	box-shadow: var(--exim-shadow);
	text-decoration: none !important;
	color: var(--exim-ink) !important;
}

.exim-cover-note small {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--exim-blue);
}

.exim-cover-note b {
	margin-top: 4px;
	font-size: 14.5px;
	line-height: 1.35;
}

/* ---------- Numbers band ---------- */

.exim-stats {
	background: var(--exim-blue);
	background-image: linear-gradient(120deg, var(--exim-blue-dark), var(--exim-blue) 60%, #0a3fb3);
	color: #fff;
}

.exim-stats-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	margin: 0;
}

.exim-stat {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	gap: 6px;
	padding: 34px 24px;
	border-left: 1px solid rgba(255, 255, 255, 0.16);
}

.exim-stat:first-child {
	border-left: 0;
	padding-left: 0;
}

.exim-stat dd {
	margin: 0;
	font-family: var(--exim-serif);
	font-size: clamp(38px, 4vw, 52px);
	line-height: 1;
	color: #fff;
}

.exim-stat dt {
	position: relative;
	padding-top: 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.82);
}

.exim-stat dt::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 22px;
	height: 3px;
	border-radius: 2px;
	background: var(--exim-gold);
}

/* ---------- In this issue ---------- */

.exim-features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.exim-feature {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 28px 22px;
	border: 1px solid var(--exim-line);
	border-radius: 20px;
	background: #fff;
	text-decoration: none !important;
	color: var(--exim-ink) !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.exim-feature:hover {
	border-color: var(--exim-blue);
	box-shadow: var(--exim-shadow);
	transform: translateY(-3px);
}

.exim-feature-no {
	position: absolute;
	top: 18px;
	right: 24px;
	font-family: var(--exim-serif);
	font-size: 44px;
	line-height: 1;
	color: var(--exim-line);
	transition: color 0.2s ease;
}

.exim-feature:hover .exim-feature-no {
	color: var(--exim-gold);
}

.exim-feature-icon {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 22px;
	border-radius: 14px;
	background: var(--exim-blue-soft);
	font-size: 19px;
	color: var(--exim-blue);
}

.exim-feature b {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.exim-feature small {
	display: block;
	margin-top: 8px;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--exim-muted);
}

.exim-feature-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 22px;
	font-size: 13px;
	font-weight: 700;
	color: var(--exim-blue);
}

.exim-feature-foot em {
	font-style: normal;
	color: var(--exim-gold-dark);
}

.exim-feature-foot .fa {
	transition: transform 0.2s ease;
}

.exim-feature:hover .exim-feature-foot .fa {
	transform: translateX(4px);
}

/* ---------- Shared showcase sections (home-sections.css) in the IMT style ---------- */

.exim-home .hm-section {
	padding: 88px 0;
}

.exim-home .hm-container {
	max-width: 1240px;
	padding: 0 28px;
}

.exim-home .hm-alt {
	background: var(--exim-paper);
}

.exim-home .hm-section-title {
	font-family: var(--exim-serif);
	font-size: clamp(32px, 3.6vw, 46px);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.01em;
	color: var(--exim-ink);
}

.exim-home .hm-eyebrow {
	padding: 0;
	border: 0;
	background: none;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--exim-blue);
}

.exim-home .hm-tab {
	border-radius: 999px;
}

.exim-home .hm-tab.active {
	background: var(--exim-ink);
	border-color: var(--exim-ink);
	color: #fff;
}

.exim-home .hm-link {
	color: var(--exim-blue);
	font-weight: 700;
}

.exim-home .hm-res-card {
	border-radius: 18px;
}

.exim-home .hm-res-card:hover {
	border-color: var(--exim-blue);
}

.exim-home .hm-ext-mark {
	border-radius: 12px;
	background: var(--exim-blue);
	color: #fff;
}

.exim-home .hm-ext:hover {
	border-color: var(--exim-blue);
}

.exim-home .hm-credit a {
	color: var(--exim-blue);
}

/* ---------- Research ---------- */

.exim-research {
	background: #fff;
}

.exim-research-count {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

.exim-research-count b {
	font-family: var(--exim-serif);
	font-size: 56px;
	font-weight: 400;
	line-height: 1;
	color: var(--exim-blue);
}

.exim-research-count span {
	font-size: 13px;
	font-weight: 600;
	color: var(--exim-muted);
}

.exim-research-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	gap: 40px;
	align-items: start;
}

.exim-paper-lead {
	position: relative;
	overflow: hidden;
	padding: 40px;
	border-radius: 24px;
	background: var(--exim-blue-deep);
	color: #fff;
}

.exim-paper-lead::after {
	content: "";
	position: absolute;
	right: 28px;
	bottom: 28px;
	width: 58px;
	height: 12px;
	background:
		radial-gradient(circle 6px at 6px 6px, #fff 98%, transparent) 0 0 / 15.5px 12px repeat-x;
	opacity: 0.25;
}

.exim-paper-tag {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--exim-gold);
}

.exim-paper-tag span {
	color: #fff;
}

.exim-paper-lead h3 {
	margin: 18px 0 0;
	font-family: var(--exim-serif);
	font-size: clamp(28px, 2.8vw, 38px);
	font-weight: 400;
	line-height: 1.12;
}

.exim-paper-lead h3 a {
	color: #fff !important;
	text-decoration: none !important;
}

.exim-paper-lead h3 a:hover {
	text-decoration: underline !important;
	text-decoration-color: var(--exim-gold) !important;
	text-underline-offset: 6px;
}

.exim-paper-lead .exim-paper-meta {
	margin: 18px 0 0;
	font-size: 14.5px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.78);
}

.exim-paper-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin: 28px 0 0;
	font-size: 13.5px;
	color: rgba(255, 255, 255, 0.7);
}

.exim-paper-foot a {
	font-weight: 700;
	color: var(--exim-gold) !important;
}

.exim-papers {
	margin: 0;
	padding: 0;
	list-style: none;
}

.exim-paper {
	padding: 18px 0;
	border-bottom: 1px solid var(--exim-line);
}

.exim-paper:first-child {
	padding-top: 0;
}

.exim-paper time {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--exim-gold-dark);
}

.exim-paper h3 {
	margin: 6px 0 0;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.005em;
}

.exim-paper h3 a {
	color: var(--exim-ink) !important;
	text-decoration: none !important;
}

.exim-paper h3 a:hover {
	color: var(--exim-blue) !important;
}

.exim-paper .exim-paper-meta {
	margin: 6px 0 0;
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--exim-muted);
}

.exim-research-foot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 36px;
}

.exim-research-foot .hm-credit {
	margin: 0;
}

/* ---------- About + visit ---------- */

.exim-about {
	background: var(--exim-paper);
}

.exim-about-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 64px;
	align-items: start;
}

.exim-about-art {
	position: relative;
	margin: 0;
	padding-bottom: 90px;
}

.exim-about-art .exim-photo {
	aspect-ratio: 394 / 369;
}

.exim-about-art .exim-photo-small {
	position: absolute;
	right: -18px;
	bottom: 28px;
	width: 52%;
	border: 8px solid var(--exim-paper);
	border-radius: 24px;
}

.exim-about-art figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 44%;
	font-size: 13px;
	line-height: 1.5;
	color: var(--exim-muted);
}

.exim-about-text {
	position: relative;
	max-height: 11.5em;
	overflow: hidden;
	margin-top: 22px;
	font-size: 16px;
	line-height: 1.7;
	color: var(--exim-muted);
}

.exim-about-text:not(.exim-open)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 64px;
	background: linear-gradient(rgba(246, 248, 252, 0), var(--exim-paper));
}

.exim-about-text.exim-open {
	max-height: none;
}

/* the admin's About text comes from a Word paste: keep its fonts and sizes from leaking in */
.exim-about-text * {
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
}

.exim-about-text p {
	margin: 0 0 12px;
}

.exim-more {
	margin-top: 10px;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--exim-sans);
	font-size: 14px;
	font-weight: 700;
	color: var(--exim-blue);
	cursor: pointer;
}

.exim-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
	counter-reset: exim-step;
}

.exim-steps li {
	counter-increment: exim-step;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 1px 0 var(--exim-line);
}

.exim-steps li::before {
	content: counter(exim-step, decimal-leading-zero);
	font-family: var(--exim-serif);
	font-size: 30px;
	line-height: 1;
	color: var(--exim-gold-dark);
}

.exim-steps b {
	margin-top: 8px;
	font-size: 15px;
}

.exim-steps span {
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--exim-muted);
}

.exim-visit {
	margin-top: 28px;
	padding: 24px 26px;
	border: 1px solid var(--exim-line);
	border-top: 4px solid var(--exim-blue);
	border-radius: 18px;
	background: #fff;
}

.exim-visit dl {
	display: grid;
	gap: 10px;
	margin: 0;
}

.exim-visit dl > div {
	display: grid;
	grid-template-columns: 84px minmax(0, 1fr);
	gap: 12px;
}

.exim-visit dt {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--exim-blue);
}

.exim-visit dd {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.5;
	white-space: pre-line;
}

.exim-visit dd a {
	color: var(--exim-ink) !important;
	text-decoration: underline !important;
	text-decoration-color: var(--exim-gold) !important;
	text-underline-offset: 3px;
}

.exim-visit-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

/* ---------- Rich footer (home only; inner pages keep the slim bar) ---------- */

.exim-home .exim-footer {
	display: block;
}

.exim-footer {
	position: relative;
	padding: 72px 0 48px;
	background: var(--exim-blue-deep);
	color: rgba(255, 255, 255, 0.78);
	font-size: 14.5px;
}

.exim-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, var(--exim-blue) 0 72%, var(--exim-gold) 72% 100%);
}

.exim-footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: 40px;
}

.exim-footer-logo {
	width: 210px;
	height: auto;
}

.exim-footer-brand p {
	max-width: 340px;
	margin: 20px 0 18px;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.78) !important;
}

.exim-footer .exim-dots-light i:last-child {
	background: var(--exim-gold);
}

.exim-footer h4 {
	margin: 0 0 16px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--exim-gold);
}

.exim-footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.exim-footer li {
	margin: 0 0 10px;
}

.exim-footer a {
	color: rgba(255, 255, 255, 0.86) !important;
	text-decoration: none !important;
}

.exim-footer a:hover {
	color: #fff !important;
	text-decoration: underline !important;
	text-decoration-color: var(--exim-gold) !important;
}

.exim-footer address {
	margin: 0;
	font-style: normal;
	line-height: 1.6;
	white-space: pre-line;
}

.exim-footer-hours {
	margin: 14px 0 0;
	font-size: 13.5px;
	color: rgba(255, 255, 255, 0.7) !important;
}

.exim-footer-hours b {
	color: #fff;
}

/* main.css pins the bar with position: absolute; here it must follow the rich footer */
.home-modern.exim-home .footerSection {
	position: relative !important;
	margin-top: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
	background: #000d29 !important;
	color: rgba(255, 255, 255, 0.7) !important;
}

.home-modern.exim-home .footerSection p,
.home-modern.exim-home .footerSection div {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.7) !important;
}

.home-modern.exim-home .footerSection img {
	padding: 3px 6px;
	border-radius: 6px;
	background: #fff;
}

.home-modern.exim-home .footerSection .arraowupBtn {
	background: var(--exim-gold) !important;
}

.home-modern.exim-home .footerSection .arraowupBtn a {
	color: var(--exim-blue-deep) !important;
}

/* ---------- Responsive ---------- */

@media (max-width: 1099.98px) {
	.exim-cover-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 48px;
	}

	.exim-cover-art {
		max-width: 620px;
		min-height: 0;
		aspect-ratio: 6 / 5;
	}

	.exim-features {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.exim-research-grid,
	.exim-about-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.exim-about-art {
		max-width: 620px;
	}

	.exim-footer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {
	.exim-wrap,
	.exim-home .hm-container {
		padding: 0 16px;
	}

	.exim-cover {
		padding: 108px 0 56px;
	}

	.exim-cover-lede {
		font-size: 16px;
	}

	.exim-home .exim-search .hm-search-btn span {
		display: none;
	}

	.exim-home .exim-search .hm-search-btn {
		padding: 0 18px;
	}

	.exim-badge {
		width: 104px;
		height: 104px;
		left: 0;
	}

	.exim-badge b {
		font-size: 30px;
	}

	.exim-badge span {
		font-size: 9.5px;
	}

	.exim-cover-note {
		right: 0;
		bottom: 8px;
		max-width: 200px;
	}

	.exim-stat {
		padding: 22px 16px 22px 0;
		border-left: 0;
	}

	.exim-stats-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.exim-section,
	.exim-home .hm-section {
		padding: 64px 0;
	}

	.exim-section-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 14px;
	}

	.exim-research-count {
		align-items: flex-start;
		text-align: left;
	}

	.exim-features,
	.exim-steps {
		grid-template-columns: minmax(0, 1fr);
	}

	.exim-paper-lead {
		padding: 28px 24px;
	}

	.exim-about-art .exim-photo-small {
		right: 0;
	}

	.exim-visit dl > div {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}

	.exim-footer-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}
}

/* ---------- Fine-tuning ---------- */

.exim-cover .hm-chips {
	justify-content: flex-start;
}

@media (min-width: 1100px) {
	.exim-paper-lead {
		position: sticky;
		top: 104px;
	}
}