/* ===================================
   Global Sections
=================================== */

.section {
	padding: 4rem 0;
}

.section-header {
	max-width: 42rem;
	margin: 0 auto 2.25rem;
	text-align: center;
}

.section-subtitle {
	display: inline-block;
	margin-bottom: 1.25rem;
	padding: 0.5rem 1.125rem;

	background: #e0f2fe;
	color: #2563eb;

	border-radius: 999px;

	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.section-title {
	margin: 0 0 1.25rem;

	font-size: 3rem;
	font-weight: 800;
	line-height: 1.2;

	color: #0b1f3a;
}

.section-description {
	margin: 0;

	font-size: 1.125rem;
	line-height: 1.8;

	color: #64748b;
}

/* ===================================
   Tablet
=================================== */

@media (max-width: 991px) {

	.section {
		padding: 3.25rem 0;
	}

	.section-header {
		margin-bottom: 2rem;
	}

	.section-title {
		font-size: 2.25rem;
	}

	.section-description {
		font-size: 1rem;
	}

}