/* ==========================================================================
   SSI SCHOLARSHIP PAGE
   ========================================================================== */

.ssi-scholarship-page {
	overflow: hidden;

	background: #ffffff;

	color: #0b1f3a;
}


/* ==========================================================================
   HERO
   ========================================================================== */

.ssi-scholarship-hero {
	position: relative;

	overflow: hidden;

	padding:
		90px
		0
		95px;

	background:
		radial-gradient(
			circle at 80% 35%,
			rgba(
				62,
				113,
				219,
				0.15
			),
			transparent 35%
		),
		radial-gradient(
			circle at 12% 78%,
			rgba(
				220,
				162,
				56,
				0.10
			),
			transparent 28%
		),
		linear-gradient(
			135deg,
			#f2f5fa,
			#e8eef7 55%,
			#edf3fc
		);
}


.ssi-scholarship-hero__background {
	position: absolute;

	inset: 0;

	pointer-events: none;
}


.ssi-scholarship-hero__grid {
	position: absolute;

	inset: 0;

	opacity:
		0.15;

	background-image:
		linear-gradient(
			rgba(
				15,
				23,
				42,
				0.04
			)
			1px,
			transparent 1px
		),
		linear-gradient(
			90deg,
			rgba(
				15,
				23,
				42,
				0.04
			)
			1px,
			transparent 1px
		);

	background-size:
		48px
		48px;
}


.ssi-scholarship-hero__glow {
	position: absolute;

	border-radius: 50%;

	filter:
		blur(18px);
}


.ssi-scholarship-hero__glow--one {
	width:
		470px;

	height:
		470px;

	right:
		-170px;

	top:
		-180px;

	background:
		radial-gradient(
			circle,
			rgba(
				59,
				130,
				246,
				0.14
			),
			transparent 70%
		);

	animation:
		ssiScholarshipGlow
		12s
		ease-in-out
		infinite
		alternate;
}


.ssi-scholarship-hero__glow--two {
	width:
		380px;

	height:
		380px;

	left:
		-150px;

	bottom:
		-220px;

	background:
		radial-gradient(
			circle,
			rgba(
				245,
				190,
				74,
				0.10
			),
			transparent 70%
		);

	animation:
		ssiScholarshipGlow
		15s
		ease-in-out
		infinite
		alternate-reverse;
}


.ssi-scholarship-hero__layout {
	position: relative;

	z-index: 2;

	display:
		grid;

	grid-template-columns:
		minmax(
			0,
			1fr
		)
		minmax(
			420px,
			0.72fr
		);

	gap:
		70px;

	align-items:
		center;
}


.ssi-scholarship-hero__content {
	max-width:
		800px;
}


.ssi-scholarship-hero__eyebrow {
	display:
		inline-flex;

	align-items:
		center;

	gap:
		10px;

	margin-bottom:
		19px;

	color:
		#2457d6;

	font-size:
		0.66rem;

	font-weight:
		800;

	letter-spacing:
		0.10em;

	text-transform:
		uppercase;
}


.ssi-scholarship-hero__eyebrow > span {
	width:
		29px;

	height:
		2px;

	background:
		#dca238;
}


.ssi-scholarship-hero h1 {
	margin:
		0;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		clamp(
			3.3rem,
			5.7vw,
			5.8rem
		);

	line-height:
		0.97;

	letter-spacing:
		-0.065em;

	font-weight:
		800;

	color:
		#0b1f3a;
}


.ssi-scholarship-hero h1 span {
	display:
		block;

	background:
		linear-gradient(
			135deg,
			#2457d6,
			#a38d7d,
			#dca238
		);

	-webkit-background-clip:
		text;

	background-clip:
		text;

	color:
		transparent;
}


.ssi-scholarship-hero p {
	max-width:
		720px;

	margin:
		27px
		0
		28px;

	color:
		#6c7d94;

	font-size:
		0.84rem;

	line-height:
		1.85;
}


.ssi-scholarship-hero__actions {
	display:
		flex;

	align-items:
		center;

	flex-wrap:
		wrap;

	gap:
		12px;
}


.ssi-scholarship-hero__primary,
.ssi-scholarship-hero__secondary {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	gap:
		8px;

	min-height:
		50px;

	padding:
		0
		22px;

	border-radius:
		999px;

	font-size:
		0.64rem;

	font-weight:
		800;

	transition:
		transform 240ms ease,
		box-shadow 240ms ease,
		background 240ms ease;
}


.ssi-scholarship-hero__primary {
	background:
		#efb63b;

	color:
		#0b1f3a;

	box-shadow:
		0
		12px
		28px
		rgba(
			220,
			162,
			56,
			0.15
		);
}


.ssi-scholarship-hero__secondary {
	border:
		1px solid
		#cdd8e6;

	background:
		rgba(
			255,
			255,
			255,
			0.50
		);

	color:
		#0b1f3a;
}


.ssi-scholarship-hero__primary:hover,
.ssi-scholarship-hero__secondary:hover {
	transform:
		translateY(-4px);
}


/* ==========================================================================
   HERO VISUAL
   ========================================================================== */

.ssi-scholarship-hero__visual {
	position:
		relative;

	width:
		470px;

	height:
		470px;

	margin:
		0 auto;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;
}


.ssi-scholarship-hero__visual-ring {
	position:
		absolute;

	left:
		50%;

	top:
		50%;

	transform:
		translate(
			-50%,
			-50%
		);

	border:
		1px solid
		rgba(
			36,
			87,
			214,
			0.14
		);

	border-radius:
		50%;
}


.ssi-scholarship-hero__visual-ring--one {
	width:
		390px;

	height:
		390px;

	animation:
		ssiScholarshipRotate
		28s
		linear
		infinite;
}


.ssi-scholarship-hero__visual-ring--two {
	width:
		285px;

	height:
		285px;

	border-color:
		rgba(
			220,
			162,
			56,
			0.16
		);

	animation:
		ssiScholarshipRotateReverse
		22s
		linear
		infinite;
}


.ssi-scholarship-hero__visual-core {
	position:
		relative;

	z-index:
		5;

	width:
		225px;

	height:
		225px;

	border-radius:
		50%;

	display:
		flex;

	flex-direction:
		column;

	align-items:
		center;

	justify-content:
		center;

	text-align:
		center;

	background:
		radial-gradient(
			circle,
			#ffffff,
			#edf3fc
		);

	box-shadow:
		0
		25px
		65px
		rgba(
			15,
			23,
			42,
			0.13
		);
}


.ssi-scholarship-hero__visual-core span {
	color:
		#2457d6;

	font-size:
		0.56rem;

	font-weight:
		800;

	letter-spacing:
		0.18em;
}


.ssi-scholarship-hero__visual-core strong {
	margin-top:
		7px;

	color:
		#718298;

	font-size:
		0.54rem;

	font-weight:
		800;

	letter-spacing:
		0.12em;
}


.ssi-scholarship-hero__visual-core b {
	margin:
		2px
		0;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		3rem;

	line-height:
		1;

	color:
		#0b1f3a;
}


.ssi-scholarship-hero__visual-core small {
	color:
		#d29a29;

	font-size:
		0.51rem;

	font-weight:
		800;

	letter-spacing:
		0.10em;
}


/* --------------------------------------------------------------------------
   Floating cards
   -------------------------------------------------------------------------- */

.ssi-scholarship-hero__floating-card {
	position:
		absolute;

	z-index:
		7;

	display:
		flex;

	align-items:
		center;

	gap:
		10px;

	padding:
		11px
		13px;

	border:
		1px solid
		rgba(
			255,
			255,
			255,
			0.85
		);

	border-radius:
		15px;

	background:
		rgba(
			255,
			255,
			255,
			0.87
		);

	box-shadow:
		0
		16px
		32px
		rgba(
			15,
			23,
			42,
			0.09
		);

	backdrop-filter:
		blur(12px);

	animation:
		ssiScholarshipFloat
		5s
		ease-in-out
		infinite
		alternate;
}


.ssi-scholarship-hero__floating-card > span {
	width:
		34px;

	height:
		34px;

	display:
		grid;

	place-items:
		center;

	border-radius:
		10px;

	background:
		#edf3ff;

	color:
		#2457d6;

	font-size:
		0.68rem;

	font-weight:
		800;
}


.ssi-scholarship-hero__floating-card > div {
	display:
		flex;

	flex-direction:
		column;
}


.ssi-scholarship-hero__floating-card strong {
	color:
		#0b1f3a;

	font-size:
		0.58rem;

	font-weight:
		800;
}


.ssi-scholarship-hero__floating-card small {
	margin-top:
		2px;

	color:
		#8390a0;

	font-size:
		0.46rem;
}


.ssi-scholarship-hero__floating-card--one {
	right:
		-5px;

	top:
		85px;
}


.ssi-scholarship-hero__floating-card--two {
	left:
		-5px;

	bottom:
		75px;

	animation-delay:
		-.9s;
}


/* ==========================================================================
   SECTION HEADINGS
   ========================================================================== */

.ssi-scholarship-section-heading {
	display:
		grid;

	grid-template-columns:
		minmax(
			0,
			1fr
		)
		minmax(
			300px,
			0.55fr
		);

	gap:
		60px;

	align-items:
		end;

	margin-bottom:
		42px;
}


.ssi-scholarship-section-heading > div > span,
.ssi-scholarship-section-heading > span {
	color:
		#2457d6;

	font-size:
		0.61rem;

	font-weight:
		800;

	letter-spacing:
		0.09em;

	text-transform:
		uppercase;
}


.ssi-scholarship-section-heading h2 {
	margin:
		10px
		0
		0;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		clamp(
			2.3rem,
			3.8vw,
			3.8rem
		);

	line-height:
		1;

	letter-spacing:
		-0.055em;
}


.ssi-scholarship-section-heading h2 strong {
	background:
		linear-gradient(
			135deg,
			#2457d6,
			#a38d7d,
			#dca238
		);

	-webkit-background-clip:
		text;

	background-clip:
		text;

	color:
		transparent;
}


.ssi-scholarship-section-heading > p {
	margin:
		0;

	color:
		#75849a;

	font-size:
		0.74rem;

	line-height:
		1.8;
}


.ssi-scholarship-section-heading--center {
	display:
		block;

	max-width:
		760px;

	margin:
		0 auto
		45px;

	text-align:
		center;
}


.ssi-scholarship-section-heading--center p {
	margin-top:
		15px;
}


/* ==========================================================================
   HIGHLIGHTS
   ========================================================================== */

.ssi-scholarship-highlights {
	padding:
		100px
		0;

	background:
		#ffffff;
}


.ssi-scholarship-highlight-grid {
	display:
		grid;

	grid-template-columns:
		repeat(
			4,
			minmax(
				0,
				1fr
			)
		);

	gap:
		13px;
}


.ssi-scholarship-highlight {
	position:
		relative;

	overflow:
		hidden;

	min-height:
		305px;

	padding:
		24px;

	border:
		1px solid
		transparent;

	border-radius:
		23px;

	box-shadow:
		0
		12px
		30px
		rgba(
			15,
			23,
			42,
			0.05
		);

	transition:
		transform 360ms ease,
		box-shadow 360ms ease;
}


.ssi-scholarship-highlight--blue {
	background:
		linear-gradient(
			145deg,
			#eef4ff,
			#dce9ff
		);

	border-color:
		#d4e2f8;
}


.ssi-scholarship-highlight--purple {
	background:
		linear-gradient(
			145deg,
			#f2efff,
			#e6e0ff
		);

	border-color:
		#ddd7f8;
}


.ssi-scholarship-highlight--gold {
	background:
		linear-gradient(
			145deg,
			#fff8e8,
			#ffedc7
		);

	border-color:
		#f0dfb7;
}


.ssi-scholarship-highlight--teal {
	background:
		linear-gradient(
			145deg,
			#edf9f7,
			#d9efec
		);

	border-color:
		#cce5e1;
}


.ssi-scholarship-highlight:hover {
	transform:
		translateY(-8px)
		scale(1.015);

	box-shadow:
		0
		25px
		52px
		rgba(
			15,
			23,
			42,
			0.11
		);
}


.ssi-scholarship-highlight__number {
	position:
		absolute;

	right:
		20px;

	top:
		19px;

	color:
		rgba(
			36,
			87,
			214,
			0.34
		);

	font-size:
		0.58rem;

	font-weight:
		800;
}


.ssi-scholarship-highlight__icon {
	width:
		52px;

	height:
		52px;

	display:
		grid;

	place-items:
		center;

	margin-top:
		50px;

	margin-bottom:
		25px;

	border-radius:
		15px;

	background:
		rgba(
			255,
			255,
			255,
			0.72
		);

	color:
		#2457d6;

	font-size:
		0.76rem;

	font-weight:
		800;

	box-shadow:
		0
		9px
		20px
		rgba(
			15,
			23,
			42,
			0.05
		);

	transition:
		transform 320ms ease;
}


.ssi-scholarship-highlight:hover
.ssi-scholarship-highlight__icon {
	transform:
		scale(
			1.08
		)
		rotate(
			3deg
		);
}


.ssi-scholarship-highlight h3 {
	margin:
		0
		0
		11px;

	color:
		#0b1f3a;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		0.89rem;

	font-weight:
		800;
}


.ssi-scholarship-highlight p {
	margin:
		0;

	color:
		#687b91;

	font-size:
		0.64rem;

	line-height:
		1.75;
}


/* ==========================================================================
   PROCESS
   ========================================================================== */

.ssi-scholarship-process {
	padding:
		105px
		0;

	background:
		#f7f9fc;
}


.ssi-scholarship-process-grid {
	position:
		relative;

	display:
		grid;

	grid-template-columns:
		repeat(
			4,
			minmax(
				0,
				1fr
			)
		);

	gap:
		13px;
}


.ssi-scholarship-process-card {
	position:
		relative;

	padding:
		25px;

	min-height:
		240px;

	border:
		1px solid
		#dfe7f0;

	border-radius:
		21px;

	background:
		#ffffff;

	transition:
		transform 350ms ease,
		box-shadow 350ms ease;
}


.ssi-scholarship-process-card:hover {
	transform:
		translateY(-7px);

	box-shadow:
		0
		22px
		45px
		rgba(
			15,
			23,
			42,
			0.08
		);
}


.ssi-scholarship-process-card__number {
	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	width:
		36px;

	height:
		36px;

	border-radius:
		10px;

	background:
		#eff4ff;

	color:
		#2457d6;

	font-size:
		0.54rem;

	font-weight:
		800;
}


.ssi-scholarship-process-card h3 {
	margin:
		30px
		0
		10px;

	color:
		#0b1f3a;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		0.90rem;

	font-weight:
		800;
}


.ssi-scholarship-process-card p {
	margin:
		0;

	color:
		#75849a;

	font-size:
		0.62rem;

	line-height:
		1.75;
}


/* ==========================================================================
   SCHOLARSHIP LEVELS
   ========================================================================== */

.ssi-scholarship-levels {
	padding:
		105px
		0;

	background:
		#ffffff;
}


.ssi-scholarship-level-grid {
	display:
		grid;

	grid-template-columns:
		repeat(
			4,
			minmax(
				0,
				1fr
			)
		);

	gap:
		13px;
}


.ssi-scholarship-level {
	position:
		relative;

	overflow:
		hidden;

	min-height:
		305px;

	padding:
		25px;

	border:
		1px solid
		transparent;

	border-radius:
		23px;

	transition:
		transform 360ms ease,
		box-shadow 360ms ease;
}


.ssi-scholarship-level:hover {
	transform:
		translateY(-8px)
		scale(1.015);

	box-shadow:
		0
		24px
		50px
		rgba(
			15,
			23,
			42,
			0.11
		);
}


.ssi-scholarship-level--blue {
	background:
		linear-gradient(
			145deg,
			#edf4ff,
			#dce8ff
		);

	border-color:
		#d5e2f8;
}


.ssi-scholarship-level--purple {
	background:
		linear-gradient(
			145deg,
			#f2efff,
			#e6e0ff
		);

	border-color:
		#ded8f8;
}


.ssi-scholarship-level--gold {
	background:
		linear-gradient(
			145deg,
			#fff7e5,
			#ffebbf
		);

	border-color:
		#f0dfb8;
}


.ssi-scholarship-level--teal {
	background:
		linear-gradient(
			145deg,
			#edf9f7,
			#d9efec
		);

	border-color:
		#cbe5e1;
}


.ssi-scholarship-level__top {
	display:
		flex;

	align-items:
		center;

	justify-content:
		space-between;
}


.ssi-scholarship-level__top span {
	color:
		#2457d6;

	font-size:
		0.51rem;

	font-weight:
		800;

	text-transform:
		uppercase;
}


.ssi-scholarship-level__top small {
	color:
		#8b98a8;

	font-size:
		0.48rem;

	font-weight:
		700;
}


.ssi-scholarship-level__value {
	display:
		block;

	margin:
		48px
		0
		12px;

	color:
		#0b1f3a;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		2.45rem;

	line-height:
		1;

	letter-spacing:
		-0.05em;
}


.ssi-scholarship-level h3 {
	margin:
		0
		0
		9px;

	color:
		#0b1f3a;

	font-size:
		0.88rem;

	font-weight:
		800;
}


.ssi-scholarship-level p {
	max-width:
		240px;

	margin:
		0;

	color:
		#6e8095;

	font-size:
		0.61rem;

	line-height:
		1.75;
}


.ssi-scholarship-level__arrow {
	position:
		absolute;

	right:
		20px;

	bottom:
		20px;

	width:
		36px;

	height:
		36px;

	display:
		grid;

	place-items:
		center;

	border:
		1px solid
		rgba(
			36,
			87,
			214,
			0.15
		);

	border-radius:
		50%;

	color:
		#2457d6;

	font-size:
		0.62rem;

	transition:
		transform 280ms ease,
		background 280ms ease,
		color 280ms ease;
}


.ssi-scholarship-level:hover
.ssi-scholarship-level__arrow {
	transform:
		translate(
			2px,
			-2px
		);

	background:
		#0b1f3a;

	color:
		#f4c766;
}


/* ==========================================================================
   INFORMATION
   ========================================================================== */

.ssi-scholarship-information {
	padding:
		105px
		0;

	background:
		#f7f9fc;
}


.ssi-scholarship-information__layout {
	display:
		grid;

	grid-template-columns:
		minmax(
			0,
			0.70fr
		)
		minmax(
			0,
			1fr
		);

	gap:
		80px;

	align-items:
		start;
}


.ssi-scholarship-information__intro > span {
	color:
		#2457d6;

	font-size:
		0.59rem;

	font-weight:
		800;

	letter-spacing:
		0.09em;

	text-transform:
		uppercase;
}


.ssi-scholarship-information__intro h2 {
	margin:
		12px
		0
		18px;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		clamp(
			2.3rem,
			3.7vw,
			3.7rem
		);

	line-height:
		1;

	letter-spacing:
		-0.055em;
}


.ssi-scholarship-information__intro h2 strong {
	display:
		block;

	background:
		linear-gradient(
			135deg,
			#2457d6,
			#a38d7d,
			#dca238
		);

	-webkit-background-clip:
		text;

	background-clip:
		text;

	color:
		transparent;
}


.ssi-scholarship-information__intro p {
	max-width:
		470px;

	margin:
		0;

	color:
		#75849a;

	font-size:
		0.72rem;

	line-height:
		1.8;
}


.ssi-scholarship-information__list {
	display:
		flex;

	flex-direction:
		column;

	gap:
		11px;
}


.ssi-scholarship-information__item {
	display:
		grid;

	grid-template-columns:
		45px
		1fr;

	gap:
		16px;

	align-items:
		start;

	padding:
		20px;

	border:
		1px solid
		#dfe7f0;

	border-radius:
		18px;

	background:
		#ffffff;

	transition:
		transform 320ms ease,
		box-shadow 320ms ease;
}


.ssi-scholarship-information__item:hover {
	transform:
		translateX(
			5px
		);

	box-shadow:
		0
		15px
		30px
		rgba(
			15,
			23,
			42,
			0.06
		);
}


.ssi-scholarship-information__icon {
	width:
		40px;

	height:
		40px;

	display:
		grid;

	place-items:
		center;

	border-radius:
		11px;

	background:
		#edf3ff;

	color:
		#2457d6;

	font-size:
		0.68rem;

	font-weight:
		800;
}


.ssi-scholarship-information__item h3 {
	margin:
		0
		0
		7px;

	color:
		#0b1f3a;

	font-size:
		0.77rem;

	font-weight:
		800;
}


.ssi-scholarship-information__item p {
	margin:
		0;

	color:
		#718197;

	font-size:
		0.61rem;

	line-height:
		1.75;
}


/* ==========================================================================
   CTA
   ========================================================================== */

.ssi-scholarship-cta {
	position:
		relative;

	overflow:
		hidden;

	padding:
		100px
		0;

	background:
		radial-gradient(
			circle at 78% 20%,
			rgba(
				59,
				130,
				246,
				0.15
			),
			transparent 35%
		),
		linear-gradient(
			145deg,
			#06182e,
			#12385f
		);

	color:
		#ffffff;

	text-align:
		center;
}


.ssi-scholarship-cta__glow {
	position:
		absolute;

	width:
		580px;

	height:
		580px;

	left:
		-250px;

	bottom:
		-320px;

	border-radius:
		50%;

	background:
		radial-gradient(
			circle,
			rgba(
				220,
				162,
				56,
				0.09
			),
			transparent 70%
		);

	filter:
		blur(18px);
}


.ssi-scholarship-cta__content {
	position:
		relative;

	z-index:
		3;

	max-width:
		830px;

	margin:
		0 auto;
}


.ssi-scholarship-cta__content > span {
	color:
		#f4c766;

	font-size:
		0.60rem;

	font-weight:
		800;

	letter-spacing:
		0.09em;
}


.ssi-scholarship-cta__content h2 {
	margin:
		14px
		0
		17px;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		clamp(
			2.6rem,
			4.7vw,
			4.5rem
		);

	line-height:
		1;

	letter-spacing:
		-0.055em;
}


.ssi-scholarship-cta__content h2 strong {
	color:
		#f4c766;
}


.ssi-scholarship-cta__content p {
	max-width:
		620px;

	margin:
		0
		auto
		30px;

	color:
		rgba(
			255,
			255,
			255,
			0.60
		);

	font-size:
		0.75rem;

	line-height:
		1.8;
}


.ssi-scholarship-cta__actions {
	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	flex-wrap:
		wrap;

	gap:
		12px;
}


.ssi-scholarship-cta__primary,
.ssi-scholarship-cta__secondary {
	min-height:
		50px;

	display:
		inline-flex;

	align-items:
		center;

	justify-content:
		center;

	gap:
		8px;

	padding:
		0
		22px;

	border-radius:
		999px;

	font-size:
		0.64rem;

	font-weight:
		800;

	transition:
		transform 230ms ease,
		box-shadow 230ms ease;
}


.ssi-scholarship-cta__primary {
	background:
		#efb63b;

	color:
		#0b1f3a;

	box-shadow:
		0
		12px
		30px
		rgba(
			220,
			162,
			56,
			0.18
		);
}


.ssi-scholarship-cta__secondary {
	border:
		1px solid
		rgba(
			255,
			255,
			255,
			0.18
		);

	background:
		rgba(
			255,
			255,
			255,
			0.06
		);

	color:
		#ffffff;
}


.ssi-scholarship-cta__primary:hover,
.ssi-scholarship-cta__secondary:hover {
	transform:
		translateY(-4px);
}


/* ==========================================================================
   ERROR
   ========================================================================== */

.ssi-scholarship-error {
	min-height:
		60vh;

	display:
		flex;

	align-items:
		center;

	justify-content:
		center;

	text-align:
		center;
}


/* ==========================================================================
   ANIMATIONS
   ========================================================================== */

@keyframes ssiScholarshipGlow {

	from {
		transform:
			translate(
				-1%,
				-1%
			)
			scale(1);
	}

	to {
		transform:
			translate(
				2%,
				2%
			)
			scale(1.06);
	}
}


@keyframes ssiScholarshipRotate {

	from {
		transform:
			translate(
				-50%,
				-50%
			)
			rotate(
				0deg
			);
	}

	to {
		transform:
			translate(
				-50%,
				-50%
			)
			rotate(
				360deg
			);
	}
}


@keyframes ssiScholarshipRotateReverse {

	from {
		transform:
			translate(
				-50%,
				-50%
			)
			rotate(
				360deg
			);
	}

	to {
		transform:
			translate(
				-50%,
				-50%
			)
			rotate(
				0deg
			);
	}
}


@keyframes ssiScholarshipFloat {

	from {
		transform:
			translateY(
				-3px
			);
	}

	to {
		transform:
			translateY(
				5px
			);
	}
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 1000px) {

	.ssi-scholarship-hero__layout {
		grid-template-columns:
			1fr;
	}

	.ssi-scholarship-hero__visual {
		margin:
			0
			auto;
	}

	.ssi-scholarship-highlight-grid,
	.ssi-scholarship-process-grid,
	.ssi-scholarship-level-grid {
		grid-template-columns:
			repeat(
				2,
				minmax(
					0,
					1fr
				)
			);
	}

	.ssi-scholarship-information__layout {
		grid-template-columns:
			1fr;
	}

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 600px) {

	.ssi-scholarship-hero {
		padding:
			68px
			0
			72px;
	}

	.ssi-scholarship-hero h1 {
		font-size:
			3rem;
	}

	.ssi-scholarship-hero__visual {
		width:
			340px;

		height:
			340px;
	}

	.ssi-scholarship-hero__visual-ring--one {
		width:
			300px;

		height:
			300px;
	}

	.ssi-scholarship-hero__visual-ring--two {
		width:
			220px;

		height:
			220px;
	}

	.ssi-scholarship-hero__visual-core {
		width:
			175px;

		height:
			175px;
	}

	.ssi-scholarship-hero__visual-core b {
		font-size:
			2.3rem;
	}

	.ssi-scholarship-hero__floating-card {
		transform:
			scale(
				0.82
			);
	}

	.ssi-scholarship-hero__floating-card--one {
		right:
			-35px;
	}

	.ssi-scholarship-hero__floating-card--two {
		left:
			-35px;
	}

	.ssi-scholarship-highlight-grid,
	.ssi-scholarship-process-grid,
	.ssi-scholarship-level-grid {
		grid-template-columns:
			1fr;
	}

	.ssi-scholarship-highlights,
	.ssi-scholarship-process,
	.ssi-scholarship-levels,
	.ssi-scholarship-information {
		padding:
			75px
			0;
	}

	.ssi-scholarship-section-heading {
		grid-template-columns:
			1fr;

		gap:
			18px;
	}

	.ssi-scholarship-information__layout {
		gap:
			35px;
	}

	.ssi-scholarship-cta {
		padding:
			78px
			0
			82px;
	}

	.ssi-scholarship-cta__content h2 {
		font-size:
			2.7rem;
	}

	.ssi-scholarship-cta__primary,
	.ssi-scholarship-cta__secondary {
		width:
			100%;

		max-width:
			270px;
	}

}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {

	.ssi-scholarship-hero__glow,
	.ssi-scholarship-hero__visual-ring,
	.ssi-scholarship-hero__floating-card {
		animation:
			none !important;
	}
}
/* ==========================================================================
   SCHOLARSHIP FINAL CTA FIX
   ========================================================================== */

.ssi-scholarship-cta__content h2 {
	color: #ffffff !important;
}

.ssi-scholarship-cta__heading-white {
	color: #ffffff !important;

	-webkit-text-fill-color: #ffffff !important;
	background: none !important;

	opacity: 1 !important;
}


/* ==========================================================================
   SCHOLARSHIP LEVEL ARROW — CLICKABLE
   ========================================================================== */

.ssi-scholarship-level__arrow {
	text-decoration: none;

	cursor: pointer;

	z-index: 5;
}

.ssi-scholarship-level__arrow:hover {
	text-decoration: none;
}

/* ==========================================================================
   SCHOLARSHIP PROCESS CARDS — COLORFUL SYSTEM
   ========================================================================== */

.ssi-scholarship-process-card {
	position: relative;
	overflow: hidden;

	padding: 25px;

	min-height: 240px;

	border: 1px solid transparent;
	border-radius: 21px;

	transition:
		transform 350ms cubic-bezier(.22,.61,.36,1),
		box-shadow 350ms ease,
		border-color 350ms ease;
}


/* --------------------------------------------------------------------------
   Individual Colors
   -------------------------------------------------------------------------- */

.ssi-scholarship-process-card:nth-child(1) {
	background:
		linear-gradient(
			145deg,
			#edf4ff,
			#dce9ff
		);

	border-color:
		#d4e2f8;
}


.ssi-scholarship-process-card:nth-child(2) {
	background:
		linear-gradient(
			145deg,
			#f2efff,
			#e6e0ff
		);

	border-color:
		#ded8f8;
}


.ssi-scholarship-process-card:nth-child(3) {
	background:
		linear-gradient(
			145deg,
			#fff7e5,
			#ffebbf
		);

	border-color:
		#f0dfb8;
}


.ssi-scholarship-process-card:nth-child(4) {
	background:
		linear-gradient(
			145deg,
			#edf9f7,
			#d9efec
		);

	border-color:
		#cbe5e1;
}


/* --------------------------------------------------------------------------
   Decorative glow
   -------------------------------------------------------------------------- */

.ssi-scholarship-process-card::after {
	content: "";

	position: absolute;

	width: 150px;
	height: 150px;

	right: -65px;
	bottom: -70px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(255,255,255,.55),
			transparent 70%
		);

	opacity: .55;

	pointer-events: none;

	transition:
		transform 450ms ease,
		opacity 450ms ease;
}


/* --------------------------------------------------------------------------
   Hover
   -------------------------------------------------------------------------- */

.ssi-scholarship-process-card:hover {
	transform:
		translateY(-8px)
		scale(1.015);

	box-shadow:
		0 24px 50px
		rgba(
			15,
			23,
			42,
			0.11
		);
}


.ssi-scholarship-process-card:hover::after {
	transform:
		scale(1.35);

	opacity: .85;
}


/* --------------------------------------------------------------------------
   Number Badge
   -------------------------------------------------------------------------- */

.ssi-scholarship-process-card__number {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	border-radius: 11px;

	background:
		rgba(
			255,
			255,
			255,
			0.72
		);

	color:
		#2457d6;

	font-size:
		0.54rem;

	font-weight:
		800;

	box-shadow:
		0 8px 18px
		rgba(
			15,
			23,
			42,
			0.05
		);

	transition:
		transform 300ms ease,
		background 300ms ease;
}


.ssi-scholarship-process-card:hover
.ssi-scholarship-process-card__number {
	transform:
		scale(1.08)
		rotate(3deg);

	background:
		rgba(
			255,
			255,
			255,
			0.92
		);
}


/* --------------------------------------------------------------------------
   Content
   -------------------------------------------------------------------------- */

.ssi-scholarship-process-card h3 {
	position: relative;

	z-index: 2;

	margin:
		30px
		0
		10px;

	color:
		#0b1f3a;

	font-family:
		"Manrope",
		sans-serif;

	font-size:
		0.90rem;

	font-weight:
		800;
}


.ssi-scholarship-process-card p {
	position: relative;

	z-index: 2;

	margin:
		0;

	color:
		#687b91;

	font-size:
		0.62rem;

	line-height:
		1.75;
}