.home-school-search {
	background: #f4f7fb;
	color: #172033;
	margin-top: -24px;
}

.home-hero {
	background: linear-gradient(135deg, #10243f 0%, #24665f 62%, #d6a12b 100%);
	color: #fff;
	padding: 86px 0 72px;
}

.home-hero .eyebrow {
	color: #f4d27b;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.home-hero h1 {
	font-size: 44px;
	font-weight: 900;
	line-height: 1.12;
	margin: 12px 0 18px;
}

.hero-copy {
	color: rgba(255,255,255,.86);
	font-size: 17px;
	line-height: 1.7;
	max-width: 620px;
}

.hero-stat-card {
	background: rgba(255,255,255,.14);
	border: 1px solid rgba(255,255,255,.22);
	border-radius: 8px;
	box-shadow: 0 24px 60px rgba(0,0,0,.2);
	margin-top: 26px;
	padding: 28px;
}

.hero-stat-card i {
	color: #f4d27b;
	font-size: 38px;
	margin-bottom: 18px;
}

.hero-stat-card strong,
.hero-stat-card span {
	display: block;
}

.hero-stat-card strong {
	font-size: 24px;
	font-weight: 900;
}

.hero-stat-card span {
	color: rgba(255,255,255,.82);
	margin-top: 8px;
}

.search-workspace {
	padding: 44px 0 74px;
}

.search-panel {
	background: #fff;
	border: 1px solid #e3eaf3;
	border-radius: 8px;
	box-shadow: 0 18px 45px rgba(20,31,51,.08);
	margin-bottom: 24px;
	padding: 28px;
}

.panel-heading-premium {
	border-bottom: 1px solid #edf1f6;
	margin-bottom: 22px;
	padding-bottom: 18px;
}

.panel-heading-premium span {
	color: #24665f;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .8px;
	text-transform: uppercase;
}

.panel-heading-premium h2 {
	font-size: 24px;
	font-weight: 900;
	margin: 8px 0 0;
}

.search-panel label {
	color: #344054;
	font-size: 13px;
	font-weight: 800;
}

.search-panel .bootstrap-select > .dropdown-toggle {
	background: #fff;
	border: 1px solid #d7e0ea;
	border-radius: 6px;
	box-shadow: none;
	height: 46px;
}

.search-panel .bootstrap-select.open > .dropdown-toggle,
.search-panel .bootstrap-select > .dropdown-toggle:focus {
	border-color: #24665f;
	box-shadow: 0 0 0 3px rgba(36,102,95,.12);
	outline: 0 !important;
}

.select-school-btn {
	background: #24665f;
	border: 0;
	border-radius: 6px;
	font-weight: 900;
	padding: 13px 20px;
}

.select-school-btn:hover,
.select-school-btn:focus {
	background: #1d554f;
}

.school-detail-modal .modal-content {
	border: 0;
	border-radius: 8px;
	box-shadow: 0 30px 80px rgba(20,31,51,.28);
}

.school-detail-modal .modal-header {
	background: #10243f;
	border-radius: 8px 8px 0 0;
	color: #fff;
	padding: 24px;
}

.modal-kicker {
	color: #f4d27b;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .9px;
	text-transform: uppercase;
}

.school-detail-modal .modal-title {
	font-size: 26px;
	font-weight: 900;
	margin-top: 6px;
}

.index-card {
	background: #e8f4f1;
	border: 1px solid #c9e7df;
	border-radius: 8px;
	margin-bottom: 22px;
	padding: 18px;
}

.index-card label {
	color: #24665f;
	display: block;
	font-size: 12px;
	font-weight: 900;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.index-card .form-control {
	border: 1px solid #c9e7df;
	border-radius: 6px 0 0 6px;
	box-shadow: none;
	height: 44px;
}

.index-card .btn {
	background: #24665f;
	border-color: #24665f;
	font-weight: 800;
	height: 44px;
}

.index-help {
	color: #667085;
	font-size: 12px;
	margin: 10px 0 0;
}

.cssps-result {
	border-radius: 6px;
	margin-top: 14px;
	padding: 0;
}

.cssps-result.success,
.cssps-result.error {
	padding: 14px;
}

.cssps-result.success {
	background: #fff;
	border: 1px solid #c9e7df;
}

.cssps-result.error {
	background: #fff5f5;
	border: 1px solid #f3c6c6;
	color: #b42318;
}

.cssps-result strong,
.cssps-result span {
	display: block;
}

.cssps-result strong {
	color: #10243f;
	font-size: 16px;
	margin-bottom: 8px;
}

.voucher-purchase-btn {
	background: #d6a12b;
	border: 0;
	color: #10243f;
	font-weight: 900;
	margin-top: 12px;
}

.voucher-email-label { color: #344054; display: block; font-size: 11px; font-weight: 800; margin: 15px 0 6px; text-transform: uppercase; }
.voucher-email-input { margin-bottom: 12px; }

.voucher-purchase-btn:hover,
.voucher-purchase-btn:focus {
	background: #bf8d1f;
	color: #10243f;
}

.voucher-result {
	border-radius: 6px;
	margin-top: 10px;
	padding: 0;
}

.voucher-result.success,
.voucher-result.error {
	padding: 12px;
}

.payment-note {
	background: #fff8e6;
	border: 1px solid #f2c94c;
	color: #7a4d00;
	font-size: 13px;
	margin: 0 0 12px;
	padding: 10px 12px;
}

.payment-note strong,
.payment-note em {
	display: inline;
}

.voucher-result.success {
	background: #10243f;
	color: #fff;
}

.voucher-result.error {
	background: #fff5f5;
	border: 1px solid #f3c6c6;
	color: #b42318;
}

.voucher-result span,
.voucher-result strong {
	display: block;
}

.voucher-result span {
	color: rgba(255,255,255,.75);
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.voucher-result strong {
	color: #fff;
	font-size: 24px;
	letter-spacing: 2px;
	margin-top: 4px;
}

.detail-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admission-closed-notice {
	background: #fff1f1;
	border: 2px solid #d92d20;
	border-radius: 8px;
	color: #b42318;
	font-size: 30px;
	font-weight: 900;
	letter-spacing: .04em;
	margin-bottom: 24px;
	padding: 22px;
	text-align: center;
	text-transform: uppercase;
}

.detail-grid div {
	background: #f8fafc;
	border: 1px solid #edf1f6;
	border-radius: 6px;
	padding: 14px;
}

.detail-grid span {
	color: #667085;
	display: block;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
}

.detail-grid strong {
	color: #172033;
	display: block;
	font-size: 15px;
	margin-top: 5px;
}

@media (max-width: 767px) {
	.home-hero {
		padding: 58px 0 44px;
	}

	.home-hero h1 {
		font-size: 32px;
	}

	.detail-grid {
		grid-template-columns: 1fr;
	}
}