@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--mb-blue: #060938;
	--mb-bg: #f6f8fb;
	--mb-text: #0f172a;
	--mb-muted: #5D607F;
	--mb-border: rgba(15, 23, 42, 0.12);
	--mb-card: #ffffff;
	--mb-gray: #E9EEEE;
	--mb-lime: #D0FD7A;
}

body {
	background: #ffffff;
	color: var(--mb-text);
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

.container {
	max-width: 1440px;
}

.btn-mb {
	background-color: #060938;
	border-color: #060938;
	color: #ffffff;
}

.btn-mb:hover,
.btn-mb:focus {
	background-color: #050730;
	border-color: #050730;
	color: #ef5400;
}

.btn-mb:active {
	background-color: #040626;
	border-color: #040626;
}

.btn-mb:disabled,
.btn-mb.disabled {
	background-color: #060938;
	border-color: #060938;
	opacity: 0.6;
}

.btn-mb-lime {
	background-color: #060938;
	border-color: #060938;
	color: #ffffff;
}

.btn-mb-lime:hover,
.btn-mb-lime:focus {
	background-color: #050730;
	border-color: #050730;
	color: var(--mb-lime);
}

/* Bootstrap-style custom button */
.btn-mb-orange {
	--bs-btn-color: #ffffff;
	--bs-btn-bg: #ef5400;
	--bs-btn-border-color: #ef5400;
	--bs-btn-hover-color: #ffffff;
	--bs-btn-hover-bg: #d84c00;
	--bs-btn-hover-border-color: #d84c00;
	--bs-btn-active-color: #ffffff;
	--bs-btn-active-bg: #c74400;
	--bs-btn-active-border-color: #c74400;
	--bs-btn-disabled-color: #ffffff;
	--bs-btn-disabled-bg: #ef5400;
	--bs-btn-disabled-border-color: #ef5400;
}

.bg-blue { background: var(--mb-blue); }
.bg-lime { background: var(--mb-lime); }
.text-blue { color: var(--mb-blue); }
.text-lime { color: var(--mb-lime); }
.text-mb-muted { color: var(--mb-muted); }
.navbar { border-bottom: 1px solid var(--mb-border); background: var(--mb-gray); }
.navbar-brand img { height: 50px; width: auto; }

.disclaimer {
	font-size: .75rem;
}

.mb-accordion::after {
	display: none;
}

.mb-accordion {
	background: var(--mb-muted);
	color: #E9EEEE;
	position: relative;
	padding-right: 3rem;
}

.mb-accordion::before {
	content: "\f4fe"; /* bi-plus */
	font-family: "bootstrap-icons"; /* ✅ MUST be lowercase */
	font-size: 1.25rem;
	color: #E9EEEE;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
	font-weight: normal;
}

.mb-accordion:not(.collapsed) {
	background: var(--mb-muted);
	color: var(--mb-lime);
	box-shadow: none;
}

.mb-accordion:not(.collapsed)::before {
	content: "\f2ea"; /* bi-dash */
	color: var(--mb-lime);
}

.hero-wrap {
	background-image:
		url("../img/hero-bg.png");
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.hero-card {
	background: var(--mb-card);
	border: 1px solid var(--mb-border);
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.form-label { font-weight: 600; }
.form-control, .form-select { border-color: rgba(15, 23, 42, 0.18); }
.form-control:focus, .form-select:focus {
	border-color: rgba(11, 94, 215, 0.45);
	box-shadow: 0 0 0 0.25rem rgba(11, 94, 215, 0.14);
}

.kicker { color: var(--mb-muted); font-weight: 600; letter-spacing: 0.3px; }
.h-phone { font-weight: 800; }

.section { padding: 56px 0; }

.footer {
	background: var(--mb-blue);
	color: rgba(255, 255, 255, 0.86);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
footer a { color: #ffffff; text-decoration: none; }
footer a:hover { color: var(--mb-lime); }
#footer-bottom a { color: var(--mb-muted); text-decoration: none; }
#footer-bottom a:hover { color: #ffffff; }

.legal {
	background: var(--mb-blue);
	color: rgba(255, 255, 255, 0.72);
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}