@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body,
.card-body,
.card {
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

:root {
	--bs-primary: #002060; 
	--bs-primary-contrast: white;
	--bs-btn-bg: var(--bs-primary);
	--bs-link-color: var(--bs-primary);
	--bs-link-color-rgb: var(--bs-primary-rgb);
	--bs-link-hover-color: var(--bs-primary-monochrome-600);
	--bs-link-hover-color-rgb: var(--bs-primary-monochrome-600-rgb);
}

.btn-primary {
	--bs-btn-bg: var(--bs-primary);
	--bs-btn-color: var(--bs-primary-contrast);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary-contrast);
	--bs-btn-hover-bg: var(--bs-primary-monochrome-600);
	--bs-btn-hover-border-color: var(--bs-primary-monochrome-600);
	--bs-btn-active-bg: var(--bs-primary-monochrome-600);
	--bs-btn-active-border-color: var(--bs-primary-monochrome-700);
	--bs-btn-disabled-bg: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-secondary {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: var(--bs-secondary-color);
}

.btn-learn-more {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: var(--bs-primary);
}

.btn-learn-more:hover {
	--bs-btn-color: var(--bs-nav-link-color);
	--bs-btn-bg: var(--bs-nav-link-hover-color);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-primary);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-primary-contrast);
	--bs-btn-hover-bg: var(--bs-primary);
	--bs-btn-hover-border-color: var(--bs-primary);
	--bs-btn-active-color: var(--bs-primary-contrast);
	--bs-btn-active-bg: var(--bs-primary);
	--bs-btn-active-border-color: var(--bs-primary);
	--bs-btn-disabled-color: var(--bs-primary);
	--bs-btn-disabled-border-color: var(--bs-primary);
}

.pagination {
	--bs-pagination-active-bg: var(--bs-primary);
	--bs-pagination-active-border-color: var(--bs-primary);
}

.nav-pills {
	--bs-nav-pills-link-active-bg: var(--bs-primary);
	--bs-nav-pills-link-active-color: var(--bs-primary-contrast);
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}


.z-home {
	padding: 0 0 1em 0;
}

.home-welcome {
	background-color: #f8f8f8;
	color: var(--bs-body-color);
	background-image: url('/ui/formats/subaru/images/Background.png');
	background-position-y: -2em;
	background-size: 97% auto;
	background-repeat: no-repeat;
	box-sizing: border-box;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	border-radius: var(--bs-border-radius-lg);
}

.home-welcome h1 {
	font-weight: bold;
}

.home-welcome p {
	color: var(--bs-body-color);
	font-size: medium;
}

.home-welcome .zg-bg {
	padding: 1.75em;
	height: 100%;
	width: 100%;
}