:root {
	--primary-color: #00b2e3;
	--primary-hover: #16c4f5;
	--secondary-color: rgb(0, 33, 105);
	--secondary-hover: #0e3da1;
	--bs-primary-rgb: 0, 178, 227;
	--bs-secondary-rgb: 2, 33, 105;
}

.bg-primary {
	background-color: #00b2e3;
	color: #ffffff;
}
.primary-color {
	color: #00b2e3;
}
.bg-secondary {
	background-color: #002169;
	color: #fff;
}

.bg-success {
	background: #cfebcf !important;
	color: #000000;
}
.bg-danger {
	background: #eec7c7 !important;
	color: #000000;
}
.bg-warning {
	background: #f1e2c8 !important;
	color: #000000;
}
.bg-info {
	background: #becae6 !important;
	color: #000000;
}
.bg-light {
	background: #f8f9fa !important;
	color: #000000;
}
.bg-dark {
	background: #343a40 !important;
	color: #ffffff;
}
.btn-primary {
	background-color: #00b2e3 !important;
	border-color: #04a6d2;
	color: #ffffff;
}
.btn-primary:hover {
	background-color: #13b9e7 !important;
	border-color: #13b4e0;
	color: #ffffff;
}
.btn-secondary {
	background-color: #002169 !important;
	border-color: #021d56;
	color: #ffffff;
}
.btn-secondary:hover {
	background-color: #0e3da1 !important;
	border-color: #093594;
	color: #ffffff;
}
.btn-outline {
	border: 1px solid #00b2e3 !important;
	background-color: #b9eaf7 !important;

	color: #00b2e3;
}
.btn-outline:hover {
	background-color: #1ac7f7 !important;
	border-color: #04a7d4;
	color: #ffffff;
}
.btn-danger {
	border: 1px solid #d73737 !important;
	background-color: #d73737 !important;
	color: #fff;
}
.btn-danger:hover {
	border: 1px solid #e74c4c !important;
	background-color: #e74c4c !important;
	color: #fff;
}

.nav-link {
	color: #fff !important;
}
.logo {
	background-image: url('/assets/images/logo_qpr.png'); /* Default logo */
	width: 160px; /* Adjust the width as needed */
	height: 50px; /* Adjust the height as needed */
	background-size: cover;
	background-repeat: no-repeat;
}
.logo-small {
	background-image: url('/assets/images/logo_sm_qpr.png');
	width: 140px; /* Adjust the width as needed */
	height: 40px; /* Adjust the height as needed */
	background-size: cover;
	background-repeat: no-repeat;
}
.top-banner {
	background-image: url('/assets/images/banner_bg_qpr.png');
	background-size: cover;
	background-position: center;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff; /* Text color */
}
.bottom-banner {
	background-image: url('/assets/images/banner2_qpr.png');
	background-size: cover;
	background-position: center;
	height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff; /* Text color */
}
.color-secondary {
	color: #002169 !important;
}
.color-primary {
	color: #00b2e3 !important;
}

@media (max-width: 800px) {
	.btn {
		white-space: nowrap; /* Prevent text wrapping */
		overflow: hidden; /* Ensure no overflow */
		display: inline-block; /* Keep it inline or block depending on layout */
		padding-inline-end: 12px;
		padding-inline-start: 12px;
	}
}