:root{
	--primary:#0879C9;
	--primary-hover: #066bb0;
	--primary-dark: #0B3157;
	--rgba-primary-05: rgba(8, 121, 201, 0.05);
	--rgba-primary-1: rgba(8, 121, 201, 0.1);
	--rgba-primary-2: rgba(8, 121, 201, 0.2);
	--rgba-primary-3: rgba(8, 121, 201, 0.3);
	--rgba-primary-4: rgba(8, 121, 201, 0.4);
	--rgba-primary-5: rgba(8, 121, 201, 0.5);
	--rgba-primary-6: rgba(8, 121, 201, 0.6);
	--rgba-primary-7: rgba(8, 121, 201, 0.7);
	--rgba-primary-8: rgba(8, 121, 201, 0.8);
	--rgba-primary-9: rgba(8, 121, 201, 0.9);
	--secondary: #0B3157;
	--bs-primary: #0879C9;
	--bs-secondary: #0B3157;
	--bs-info: #26A9FF;
	--bs-warning: #FFB000;
	--title: #0B3157;
	--font-family-base: 'Poppins', sans-serif;
	--font-family-title: 'Poppins', sans-serif;
}

@keyframes logoPulse {
	0%, 100% { transform: scale(1); opacity: 1; }
	50% { transform: scale(0.88); opacity: 0.75; }
}
#loading-area .loading-inner.style-1 .wrapper .img1 {
	animation: logoPulse 1.6s ease-in-out infinite;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active {
	background-color: #0879C9 !important;
	border-color: #0879C9 !important;
	color: #fff !important;
}

.badge-category {
	background-color: #0879C9 !important;
	color: #fff !important;
	border: 1px solid #0879C9 !important;
	transition: background-color .2s ease, color .2s ease;
}
.badge-category:hover,
.badge-category:focus {
	background-color: #fff !important;
	color: #0879C9 !important;
}