/* =========================================================
   General page
========================================================= */

.alp-page {
	min-height: 60vh;
}


/* =========================================================
   Page header
========================================================= */

.alp-page-header {
	padding: 72px 0 56px;

	border-bottom: 1px solid #e6ebf1;
	background: #f7f9fc;
}

.alp-page-header__label {
	margin: 0 0 10px;

	color: #6c7a8c;

	font-family: "Outfit", sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.12em;
}

.alp-page-header__title {
	margin: 0;

	color: #0b315d;

	font-family: "Outfit", sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.4;
}

.alp-page-header__description {
	max-width: 760px;
	margin: 14px 0 0;

	color: #111;

	font-size: 18px;
	line-height: 1.8;
}

.alp-page-header .l-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
}

/* =========================================================
   Page content
========================================================= */

.alp-page-content {
	padding: 88px 0 120px;
}

.alp-entry-content {
	color: #000000;
	font-size: 1.05rem;
	line-height: 1.95;
}

.alp-entry-content > *:first-child {
	margin-top: 0;
}

.alp-entry-content > *:last-child {
	margin-bottom: 0;
}

.alp-entry-content h2 {
	margin: 72px 0 28px;

	color: #0b2b50;

	font-family: "Outfit", sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.5;
}

.alp-entry-content h3 {
	margin: 48px 0 20px;

	color: #0b2b50;

	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.6;
}

.alp-entry-content p {
	margin: 0 0 24px;
}

.alp-entry-content ul,
.alp-entry-content ol {
	margin: 0 0 32px;
	padding-left: 1.5em;
}

.alp-entry-content li + li {
	margin-top: 8px;
}

.alp-entry-content a {
	color: #0b2b50;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.alp-entry-content img {
	max-width: 100%;
	height: auto;
}

/* =========================================================
   Breadcrumbs
========================================================= */

.alp-breadcrumbs {
	padding: 18px 0;

	border-bottom: 1px solid #e2e8f0;
	background: #fff;
}

.alp-breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;

	margin: 0;
	padding: 0;

	list-style: none;

	color: #64748b;
	font-size: 0.8125rem;
}

.alp-breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.alp-breadcrumbs__item:not(:last-child)::after {
	content: "›";

	color: #94a3b8;
}

.alp-breadcrumbs__item a {
	color: #0b2b50;
	text-decoration: none;

	transition: color 0.2s ease;
}

.alp-breadcrumbs__item a:hover,
.alp-breadcrumbs__item a:focus-visible {
	color: #a52a2a;
}

.alp-breadcrumbs__item[aria-current="page"] {
	color: #64748b;
}

.alp-page-content h2{
	margin:48px 0 20px;
	padding-bottom:10px;

	border-bottom:2px solid #4d4d4d;

	font-size:1.5rem;
}

.alp-page-contentp,
.alp-page-content li{
	line-height:1.9;
}

.alp-page-content ul{
	margin:16px 0 24px 1.4em;
}

/* =========================================================
   404
========================================================= */

.alp-404__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;

	margin-top: 32px;
}

.alp-404__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 50px;
	padding: 12px 24px;

	border: 1px solid #0b2b50;
	border-radius: 8px;

	background: #0b2b50;
	color: #fff;

	font-weight: 600;
	text-decoration: none;

	transition:
		background-color 0.25s ease,
		border-color 0.25s ease,
		color 0.25s ease;
}

.alp-404__button:hover,
.alp-404__button:focus-visible {
	border-color: #a52a2a;
	background: #a52a2a;
	color: #fff;
}

.alp-404__button--secondary {
	background: #fff;
	color: #0b2b50;
}

.alp-404__button--secondary:hover,
.alp-404__button--secondary:focus-visible {
	background: #eef5f8;
	color: #0b2b50;
}

@media (max-width: 768px) {

	.alp-page-header {
		padding: 48px 0 40px;
	}

	.alp-page-header__title {
		font-size: 30px;
	}

	.alp-page-header__description {
		font-size: 15px;
	}	

	.alp-404__actions {
		flex-direction: column;
	}

	.alp-404__button {
		width: 100%;
	}

    .alp-page-header .l-container {
        padding: 0 16px;
    }	

}

@media (max-width: 768px) {
	.alp-page-header__title,
	.alp-page-header__description {
		text-wrap: balance;
	}
}