body,*{
	margin: 0;
	font-family: 'Manrope-Regular';
}

html {
  scroll-behavior: smooth;
}

.ManropeLight {
	font-family: 'Manrope-Light' !important;
}

.ManropeRegular {
	font-family: 'Manrope-Regular' !important;
}

.ManropeMedium {
	font-family: 'Manrope-Medium' !important;
}

.ManropeSemiBold {
	font-family: 'Manrope-SemiBold' !important;
}

.ManropeBold {
	font-family: 'Manrope-Bold' !important;
}

.ManropeExtraBold {
	font-family: 'Manrope-ExtraBold' !important;
}

.font10 {
	font-size: 10px;
}

.font12 {
	font-size: 12px;
}

.font13 {
	font-size: 13px;
}

.font14 {
	font-size: 14px;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px !important;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font28 {
	font-size: 28px;
}

.w-8 {
	width: 8% !important;
}

.w-10 {
	width: 10% !important;
}

.w-15 {
	width: 15% !important;
}

.w-20 {
	width: 20% !important;
}

.w-30 {
	width: 30% !important;
}

.w-35 {
	width: 35% !important;
}

.w-40 {
	width: 40% !important;
}

.w-45 {
	width: 45% !important;
}

.w-55 {
	width: 55% !important;
}

.w-60 {
	width: 60% !important;
}

.w-65 {
	width: 65% !important;
}

.w-70 {
	width: 70% !important;
}

.w-80 {
	width: 80% !important;
}

.w-85 {
	width: 85% !important;
}

.w-90 {
	width: 90% !important;
}

.w-95 {
	width: 95% !important;
}

.dNone {
	display: none;
}

a {
	text-decoration: inherit;
}

.textBlack {
	color: #212529;
}

.textGreen {
	color: #099669;
}

.fit-cover {
	object-fit: cover;
}

.width-fit-content {
	width: fit-content !important;
}

.cursor-pointer {
	cursor: pointer;
}

.lightShadow {
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%) !important
}

.radius100 {
	border-radius: 100px !important;
}

.radius10 {
	border-radius: 10px !important;
}

.radius0 {
	border-radius: 0px !important;
}

.blackCheckbox .form-check-input:checked {
	background-color: #000;
	border-color: #000;
}

.overflow-x-auto {
	overflow-x: auto;
}

.align-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.vertical-align {
	vertical-align: middle;
}

.blackTransparentBtn {
	border: solid 1px #000;
	border-radius: 10px !important;
	padding: 5px 20px;
	transition: 0.5s;
	height: 38px;
	background: transparent;
}

.blackTransparentBtn:hover {
	background: #000;
	color: #fff !important;
	transition: 0.5s;
}

.blackDarkBtn, .lightBtn {
	background: #000;
	color: #fff !important;
	border: solid 1px #000;
	border-radius: 10px;
	padding: 5px 20px;
	transition: 0.5s;
	height: 38px;
}

a {
	color: inherit !important;
}

input:focus, .btn:focus, select:focus, textarea:focus {
	border-color: inherit !important;
	box-shadow: inherit !important;
	outline: none;
}

.lightBG {
	background-color: #f7f7f7 !important;
}

button:focus:not(:focus-visible) {
	box-shadow: none !important;
}

.float-right {
	float: right;
}

.bg-white {
	background-color: #fff;
}

.card {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
	border-radius: 16px !important;
}

.bottom-spacing {
	padding-bottom: 65px;
}

.bRadius16 {
	border-radius: 16px;
}

.width-3col {
	width: 30%;
}

.list-style-none li {
	list-style: none;
}

.rem-1 {
	padding: 1rem;
}