:root {
	--color-primary: #14243d;
}

.mb-0 *,
.mb-0 {
	margin-bottom: 0px !important;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	z-index: 99;
}

#header.nav-active {
	background-color: var(--color-primary);
}

#header > .e-con-inner {
	transition: all 5s;
}

#header.nav-active > .e-con-inner {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.hero-banner-slider .slick-list {
	max-width: 100% !important;
}

.hero-banner-slider .slick-slide {
	display: flex !important;
}

.hero-banner-slider .slick-dots li::marker,
.hero-banner-slider .slick-dots li:before,
.hero-banner-slider .slick-dots li button {
	display: none !important;
}

.hero-banner-slider .slick-dots {
	bottom: 24vh;
	position: absolute;
	width: 100%;
	display: flex;
	gap: 24px;
	justify-content: center;
	list-style: none !important;
}

.hero-banner-slider .slick-dots li {
	height: 10px;
	width: 10px;
	background-color: #eef1fa;
	opacity: 5;
	transition: all 10s;
	border-radius: 50px;
}

.hero-banner-slider .slick-dots li.slick-active {
	opacity: 5;
}

@media (max-width: 1199px) {
}

@media (max-width: 1024px) {
	#header {
		background-color: var(--color-primary);
	}
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
}

@media (max-width: 475px) {
}