.header-layout3 .menu-area {
	background-color: var(--white-color);
	/*max-width: 1380px;*/
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	height: 75px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.main-menu ul li a.active {
	color: var(--theme-color);
	font-weight: 600;
}

.body-shape1.background-image:not(.style2) {
	padding-bottom: 140px;
}
.menu-style2>ul>li>a {
	padding: 25px 0 !important;
	font-weight: 600;
}
.vs-menu-toggle {
	width: 35px;
	height: 35px;
}
.ls-background-videos, .ls-bg-video-overlay, .ls-layers, .ls-slide-backgrounds, .ls-slide-effects {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 75px;
	overflow: hidden;
	transform: translateZ(0);
}
/*.header-layout3 {
	margin-bottom: 0 !important
}*/

.contact-box__icon {
	font-size: 30px;
	color: var(--theme-color);
}

.service-style4 .service-title {
	font-size: 22px;
	font-weight: 600;
	max-width: 100%;
	margin: 0;
}
.service-style4 .service-icon {
	position: relative;
	margin: 0 0 20px 0;
	font-size: 40px;
	z-index: 1;
}

.service-style4 .service-icon::before {
	content: "";
	position: absolute;
	top: 30%;
	left: 45%;
	width: 70px;
	height: 70px;
	transform: translate(-50%, -50%);
	z-index: -1;
	opacity: 0.9;
	border-radius: 60% 40% 50% 70% / 60% 50% 70% 50%;
	filter: blur(0.3px);
}
.row .col-sm-6:nth-child(1) .service-style4 .service-icon {
	color: #d9480f; /* orange tone for peach bg */
}

.row .col-sm-6:nth-child(2) .service-style4 .service-icon {
	color: #0056d6; /* blue tone */
}

.row .col-sm-6:nth-child(3) .service-style4 .service-icon {
	color: #007d42; /* green tone */
}

.row .col-sm-6:nth-child(4) .service-style4 .service-icon {
	color: #b85b00; /* warm tone */
}

.row .col-sm-6:nth-child(5) .service-style4 .service-icon {
	color: #7b00b8; /* purple */
}

.row .col-sm-6:nth-child(6) .service-style4 .service-icon {
	color: #c2005a; /* pinkish red */
}

.row .col-sm-6:nth-child(7) .service-style4 .service-icon {
	color: #438c00; /* lime green */
}

.row .col-sm-6:nth-child(8) .service-style4 .service-icon {
	color: #007d91; /* teal */
}

/* ✅ Target the correct column */
.row .col-sm-6:nth-child(1) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #ffd6c4, #ffb3a0);
}

.row .col-sm-6:nth-child(2) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #c4e1ff, #a0c4ff);
}

.row .col-sm-6:nth-child(3) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #c4ffd6, #a0ffb3);
}

.row .col-sm-6:nth-child(4) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #ffe6c4, #ffd1a0);
}

.row .col-sm-6:nth-child(5) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #f3c4ff, #e0a0ff);
}

.row .col-sm-6:nth-child(6) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #ffc4dc, #ffa0b8);
}

.row .col-sm-6:nth-child(7) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #d4ffc4, #aaff90);
}

.row .col-sm-6:nth-child(8) .service-style4 .service-icon::before {
	background: linear-gradient(135deg, #c4f7ff, #a0ebff);
}

.process-style1 .process-icon {
	position: relative;
	margin: 0 0 23px 0;
	font-size: 35px;
	color: #fff;
	z-index: 1;
}
.process-style1 .process-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	transform: translate(-50%, -50%);
	z-index: -1;
	opacity: 0.9;
	border-radius: 60% 40% 50% 70% / 60% 50% 70% 50%;
	background: var(--theme-color);
	filter: blur(0.3px);
}

.footer-widget.widget_meta a:before, .footer-widget.widget_pages a:before, .footer-widget.widget_archive a:before, .footer-widget.widget_categories a:before, .footer-widget.widget_nav_menu a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
}
.vs-mobile-menu ul li a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
}
.package-nav button.active .btn-text:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f00c";
}

.vs-widget-about .footer-text {
	max-width: 100%;
}
.error-shape1 {
	width: 600px;
	height: 600px;
}
@media(max-width: 991px){
	.header-logo a img{
		width: 163px !important;
		height: 50px !important;
	}
}