.fs-7 {
	font-size : 12px
}

.navbar {
	height: 45px;
	font-size : 16px
	
}

.bi {
	vertical-align: -.125em;
	fill: currentColor
}

.btn-bd-primary {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8
}

.bd-mode-toggle {
	z-index: 1500
}

.bd-mode-toggle .bi {
	width: 1em;
	height: 1em
}

.bd-mode-toggle .dropdown-menu .active .bi {
	display: block!important
}



 @keyframes scroll-left {
  0% {
	left: 30%;
  }
  100% {
	left: -80%;
  }
}

.animate-scroll {
  white-space: nowrap;
  position: absolute;
  animation: scroll-left 20s linear infinite;
  top: 50%;
  transform: translateY(-50%);
}



.nav-underline .nav-link.active {
border-bottom: 3px solid var(--bs-warning);

}

.nav-underline .nav-link {
color: var(--bs-tertiary-color);
}