body {
	--bs-nhri-blue: #036;
	--bs-nhri-blue-rgb: 0, 51, 102;
	--bs-nhri-blue-dark: #002952;
	--bs-nhri-blue-dark-rgb: 0, 41, 82;
	--bs-nhri-blue-light: #3a507e;
	--bs-nhri-blue-light-rgb: 50, 80, 126;
	--bs-nhri-blue-lighter: #627097;
	--bs-nhri-blue-lighter-rgb: 98, 112, 151;
	--bs-nhri-blue-lightest: #8892b0;
	--bs-nhri-blue-lightest-rgb: 136, 146, 176;
	--bs-nhri-orange: #F35B04;
	--bs-nhri-orange-rgb: 243, 91, 4;
	--bs-nhri-orange-dark: #DB5204;
	--bs-nhri-orange-dark-rgb: 219, 82, 4;
	--bs-nhri-orange-light: #ff9561;
	--bs-nhri-orange-light-rgb: 255, 149, 97;
	--bs-primary: var(--bs-nhri-blue);
	--bs-primary-rgb: var(--bs-nhri-blue-rgb);
	--bs-border-radius: 0.125rem;
	--bs-border-radius-sm: 0.0625rem;
	--bs-border-radius-lg: 0.25rem;
	--bs-border-radius-xl: 0.5rem;
	--bs-border-radius-xxl: 1rem;
	--bs-link-color: var(--bs-nhri-blue);
	--bs-link-color-rgb: var(--bs-nhri-blue-rgb);
	--bs-link-hover-color: var(--bs-nhri-orange);
	--bs-link-hover-color-rgb: var(--bs-nhri-orange-rgb);
	--animation-timing: cubic-bezier(0.17, 0.04, 0.03, 0.94);
	--bs-nhri-pacific-blue: #1ca9cc;
	--bs-nhri-pacific-blue-rgb: 28, 169, 204;
	--bs-nhri-mustard: #ffdb58;
	--bs-nhri-mustard-rgb: 255, 219, 88;
	--bs-nhri-chinese-red: #cd071e;
	--bs-nhri-chinese-red-rgb: 205, 7, 30;
}

.btn-primary {
	--bs-btn-bg: var(--bs-nhri-blue);
	--bs-btn-border-color: var(--bs-nhri-blue);
	--bs-btn-hover-bg: var(--bs-nhri-blue-dark);
	--bs-btn-hover-border-color: var(--bs-nhri-blue-dark);
	--bs-btn-focus-shadow-rgb: var(--bs-nhri-blue-dark-rgb);
	--bs-btn-active-bg: var(--bs-nhri-blue-dark);
	--bs-btn-active-border-color: var(--bs-nhri-blue-dark);
	--bs-btn-disabled-bg: var(--bs-nhri-blue);
	--bs-btn-disabled-border-color: var(--bs-nhri-blue);
}

.btn-outline-primary {
	--bs-btn-color: var(--bs-nhri-blue);
	--bs-btn-border-color: var(--bs-nhri-blue);
	--bs-btn-hover-bg: var(--bs-nhri-blue);
	--bs-btn-hover-border-color: var(--bs-nhri-blue);
	--bs-btn-focus-shadow-rgb: var(--bs-nhri-blue-dark-rgb);
	--bs-btn-active-bg: var(--bs-nhri-blue);
	--bs-btn-active-border-color: var(--bs-nhri-blue);
	--bs-btn-disabled-color: var(--bs-nhri-blue);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--bs-nhri-blue);
}

.btn-secondary {
	--bs-btn-bg: var(--bs-nhri-orange);
	--bs-btn-border-color: var(--bs-nhri-orange);
	--bs-btn-hover-bg: var(--bs-nhri-orange-dark);
	--bs-btn-hover-border-color: var(--bs-nhri-orange-dark);
	--bs-btn-focus-shadow-rgb: var(--bs-nhri-orange-dark-rgb);
	--bs-btn-active-bg: var(--bs-nhri-orange-dark);
	--bs-btn-active-border-color: var(--bs-nhri-orange-dark);
	--bs-btn-disabled-bg: var(--bs-nhri-orange);
	--bs-btn-disabled-border-color: var(--bs-nhri-orange);
}

.btn-group-lg > .btn, .btn-lg {
	--bs-btn-border-radius: var(--bs-border-radius);
}

.btn-pill {
	padding: var(--bs-btn-font-size);
	border-radius: calc(var(--bs-btn-font-size)*2);
	line-height: var(--bs-btn-font-size);
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
	border-radius: var(--bs-border-radius);
}

.text-orange{
	--bs-text-opacity: 1;
	color: rgba(var(--bs-nhri-orange-rgb),var(--bs-text-opacity)) !important;
}

.bg-orange {
	background-color: var(--bs-nhri-orange);
}

.text-bg-orange {
	color: #fff !important;
	background-color: RGBA(var(--bs-nhri-orange-rgb),var(--bs-bg-opacity,1)) !important
}

.text-bg-grey-out {
	color: var(--bs-gray-500) !important;
	background-color: RGBA(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity,1)) !important;
}
.card {
	--bs-card-border-width: 0;
	--bs-card-border-radius: var(--bs-border-radius);
	--bs-card-cap-bg: transparent;
}

.offcanvas.offcanvas-bottom {
	--bs-offcanvas-height: 16rem;
}

.nav-pills {
	--bs-nav-pills-link-active-bg: var(--bs-nhri-blue);
}