:root {
	--bs-primary: #013289 !important;
	--bs-secondary-rgb: 255, 255, 255 !important;
	--bs-font-sans-serif: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
		"Noto Color Emoji" !important;
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-color: #013289 !important;
	--bs-card-body-color: #002970 !important;
	--bs-link-color: #001435 !important;
	--bs-link-hover-color: #4402f8 !important;
	--bs-color-light: #fff;
	--bs-color-secondary: #4402f8;
	--bs-color-gray: #c4c4c4;
	--nav-light-rgb: 255, 255, 255 !important;
}

.nav-pills {
	--bs-nav-pills-border-radius: 0.375rem;
	--bs-nav-pills-link-active-color: #fff;
	--bs-nav-pills-link-active-bg: #4402f8 !important;
	--bs-nav-pills-link-hover-bg: #4402f8 !important;
}

.nav-pills li a:hover {
	background-color: var(--bs-nav-pills-link-hover-bg);
	color: var(--bs-nav-pills-link-active-color);
}

.bg-light {
	--bs-bg-opacity: 1 !important;
	background-color: rgba(
		var(--bs-light-rgb),
		var(--bs-bg-opacity)
	) !important;
}

.bg-nav {
	--nav-bg-opacity: 0 !important;
	--bs-btn-hover-bg: #2c00a5 !important;
	background-color: rgba(
		var(--nav-light-rgb),
		var(--nav-bg-opacity)
	) !important;
}

.btn-secondary {
	--bs-btn-bg: #4402f8 !important;
	--bs-btn-hover-bg: #2c00a5 !important;
}

.navbar {
	justify-content: flex-start !important;
}