:root {
	--accent-color: #03b4ff;
}

body {
	margin-top: 159.4px;
}

.line-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

header.main-header {
	margin: 0;
	border: 0;
}

header.main-header .header-sticky {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	box-shadow: var(--bs-box-shadow-sm) !important;
	transition: all 0.3s ease;
}

header.main-header .header-sticky.header-active {
	top: -56px;
}

.main-footer {
	padding: 100px 0 0 0;
}

.main-menu ul li a {
	color: var(--primary-color);
}

.header-top-left {
	display: flex;
	gap: 20px;
}

.header-top-left-box {
	display: flex;
    align-items: center;
}

.header-top-left-box p {
	margin-bottom: 0;
    margin-left: 15px;
    color: var(--white-color);
}

.header-top-left-box .icon-box img {
	height: 28px;
}

.header-top-right {
	display: flex;
	justify-content: end;
}

.main-menu .nav-menu-wrapper {
	margin-left: auto;
}

.hero.bg-section {
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
	margin-top: 0;
	padding: 0;
}

.header-top {
	background: var(--primary-color);
	padding: 10px;
}

.header-btn .btn-default:hover {
	color: var(--white-color);
}

.header-btn .btn-default::after {
    background: var(--primary-color);
}

.blog-item {
	background: var(--white-color);
}

.page-header {
	padding: 0;
	margin: 0;
	border-radius: 0;
	height: 350px;
	display: flex;
	align-items: center;
}

.page-header:before {
	border-radius: 0;
}

.service-sidebar {
	top: 125px;
}

.navbar-brand img {
	height: 65px;
}

.footer-logo img {
	height: 65px;
}

.service-entry strong {
	color: var(--primary-color);
}

.project-image img {
	aspect-ratio: auto;
	height: 350px;
}

.about-img img {
	min-height: 600px;
	border-radius: 30px;
}

.hero-slider-layout .hero-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 153.39px);
    padding: 0;
}

@media only screen and (max-width: 991px){

	body {
	    margin-top: 143px;
	}

	.hero.bg-section {
		max-height: 500px;
	}

	.navbar-brand img {
	    height: 55px;
	}

	.justify-content-mobile-center {
		justify-content: center !important;
	}

	.service-image img, .project-image img {
		aspect-ratio: auto;
	}

}