/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
	--cnvs-primary-font: 'Teachers', sans-serif;
	--cnvs-secondary-font: "DM Sans", sans-serif;
	--cnvs-body-font: 'DM Sans', sans-serif;
}
:root,.not-dark {
	--cnvs-themecolor: #1E6E9C;
	--cnvs-themecolor-rgb: 30, 110, 156;

	--cnvs-themecolor-2: #276f4e;
	--cnvs-themecolor-2-rgb: 39, 111, 78;
}

:root,
[data-bs-theme=light] {
	--bs-light-rgb: 240, 240, 240;
}

.nav-pills .nav-link.active {
	background-color: rgba(var(--cnvs-themecolor-rgb), 1);
	color: #FFF ;
}

.nav-pills .nav-link.active h3 {
	color: #FFF;
}

.nav-pills .nav-link {
	color: #000;
}

.nav-pills .nav-link {
	margin-top: 14px;
	background-color: rgba(var(--cnvs-themecolor-rgb), 0.1);
}

.underliner {
    --cnvs-underliner-size: 50%;
	--cnvs-underliner-color: 101, 155, 170;
	--cnvs-underliner-opacity: 0.5;
}

.fbox-icon i, .fbox-icon img {
    border-radius: 50%;
    background-color: var(--cnvs-themecolor-2);
}

.promo-users {
			opacity: 0.2;
			--cnvs-promo-users-img-pos-x: 0;
			--cnvs-promo-users-img-pos-y: 0;
		}

		.promo-users img {
			position: absolute;
			top: var(--cnvs-promo-users-img-pos-y);
			left: var(--cnvs-promo-users-img-pos-x);
			bottom: var(--cnvs-promo-users-img-pos-y);
			right: var(--cnvs-promo-users-img-pos-x);
		}

		.promo-users img:nth-child(1) {
			--cnvs-promo-users-img-pos-x: 5%;
			--cnvs-promo-users-img-pos-y: 12%;
		}

		.promo-users img:nth-child(2) {
			--cnvs-promo-users-img-pos-x: 4%;
			--cnvs-promo-users-img-pos-y: 49%;
		}

		.promo-users img:nth-child(3) {
			left: auto;
			--cnvs-promo-users-img-pos-x: 2%;
			--cnvs-promo-users-img-pos-y: 21%;
		}

		.promo-users img:nth-child(4) {
			left: auto;
			top: auto;
			--cnvs-promo-users-img-pos-x: 0;
			--cnvs-promo-users-img-pos-y: 15%;
		}

		.promo-users img:nth-child(5) {
			top: auto;
			--cnvs-promo-users-img-pos-x: 17%;
			--cnvs-promo-users-img-pos-y: 14%;
		}

		@media (min-width: 768px) {
			.promo-users {
				opacity: 0.2;
			}
		}