@font-face { 
	font-family: "Cabin"; 
	font-style: normal; 
	font-weight: normal; 
	src: url("/_fontsNext/cabin/Cabin-Regular-Resolve.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ 
	url("/_fontsNext/cabin/Cabin-Regular-Resolve.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 
}
@font-face { 
	font-family: "Cabin Bold"; 
	font-style: normal; 
	font-weight: bold; 
	src: url("/_fontsNext/cabin/Cabin-Bold-Resolve.woff2") format("woff2"), /* Chrome 26+, Opera 23+, Firefox 39+ */ 
	url("/_fontsNext/cabin/Cabin-Bold-Resolve.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ 
}

body, a, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, blockquote, th, td, button {
	font-family: "Cabin", sans-serif !important;
	color: #54617a !important;
	font-size: 1rem !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Cabin Bold", sans-serif !important;
	color: #54617a !important;
}

.swiper-button-next, .swiper-button-prev {
	color: white !important;
	transform: translate(0, -5px) !important;
}

.swiper-pagination-bullet {
	background-color: white;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background: #229fc7;
}
.swiper-button-prev {
	color: white;
}
.swiper-button-next {
	color: white;
}

#loginBtn {
	color: white !important;
	text-decoration: none;
}

.MuiToolbar-root {
	background-color: #f9fafe !important;
}

.swiper-pagination {
	margin-bottom: 10px;
}
.nav-item {
	align-self: center;
}
/* navigation underline */
a > span.navSpan {
	position: relative;
	cursor: pointer;
}
a.active {
	color: #229fc7 !important;
}

a > span:after {
	content: '';
	position: absolute;
	height: 6px;
	background-color: #229fc7;
	left: 0;
	bottom: 0px;
	border-radius: 12px;
	width: 0%;
	transition: width 0s linear;
}
a.active > span:after {
	width: 100%;
	transition: width 0.3s linear;
}