.testimonial-4 .testimonial-pic {
	width: 70px;
	height: 70px;
}

.testimonial-4 .testimonial-pic {
	position: absolute;
	top: 30px;
	left: 0;
	margin-left: -100px;
}

.testimonial-pic p {
	color: black;
}

.about-contant p {
	font-size: 1.1rem;
}

html,
body {
	scroll-behavior: smooth;
}

.overlay-white-dark::after,
.overlay-white-light::after,
.overlay-white-middle::after {
	background: rgba(0, 0, 0, 0.5);
}

.site-button h6 {
	color: white !important;
}

.site-header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: transparent !important;
	box-shadow: none;
}

/* Make the top contact section semi-transparent */
.header-contant-block {
	background: rgba(0, 0, 0, 0.3);
}

/* Make the navigation bar semi-transparent */
.main-bar {
	background: rgba(0, 0, 0, 0.4) !important;
}

/* Ensure slider starts from top */
.page-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.site-header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%) !important;
}

.header-contant-block,
.main-bar {
	background: transparent !important;
}

.site-header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0) !important;
}

.header-contant-block,
.main-bar {
	background: transparent !important;
}

.navigation-bar {
	background-color: none !important;
}

.header-contant-block {
	border-bottom: 1px solid lightgray;
}

.BigBold-SubTitle {
	font-weight: bold !important;
	color: white !important;
}


/* Initial state - transparent header */
.site-header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0) !important;
	transition: all 0.3s ease-in-out;
	/* Smooth transition */
}

.header-contant-block,
.main-bar {
	background: transparent !important;
	transition: all 0.3s ease-in-out;
	/* Smooth transition */
}

.header-contant-block {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: border-color 0.3s ease-in-out;
}

/* Sticky state - solid background when scrolling */
.site-header.is-sticky {
	position: fixed !important;
	background: #191f23 !important;
	backdrop-filter: blur(10px);
	/* Modern blur effect */
	-webkit-backdrop-filter: blur(10px);
	/* Safari support */
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.site-header.is-sticky .header-contant-block {
	background: rgba(25, 31, 35, 0.8) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-header.is-sticky .main-bar {
	background: #191f23 !important;
}

/* Alternative: Solid dark background */
.site-header.is-sticky-alt {
	position: fixed !important;
	background: #1a1a1a !important;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}

.site-header.is-sticky-alt .header-contant-block {
	background: #2a2a2a !important;
	border-bottom: 1px solid #333;
}

.site-header.is-sticky-alt .main-bar {
	background: #1a1a1a !important;
}

/* Alternative: Light background (if you prefer) */
.site-header.is-sticky-light {
	position: fixed !important;
	background: rgba(255, 255, 255, 0.95) !important;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
}

.site-header.is-sticky-light .header-contant-block {
	background: rgba(255, 255, 255, 0.8) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.site-header.is-sticky-light .main-bar {
	background: rgba(255, 255, 255, 0.9) !important;
}

/* Text color changes for light background */
.site-header.is-sticky-light .text-white,
.site-header.is-sticky-light .text-white a {
	color: #333 !important;
}

.site-header.is-sticky-light .navbar-nav a {
	color: #333 !important;
}

/* Ensure page content doesn't jump when header becomes fixed */
.page-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Add padding to body when sticky is active to prevent content jump */
body.sticky-active {
	padding-top: 120px;
	/* Adjust based on your header height */
}

#reviews {
	background: rgba(0, 0, 0, 0.7);
}

@media (max-width: 600px) {

	.icon-bx-wraper .bx-style-1,
	.icon-bx-wraper.bx-style-2 {
		min-height: 150px;
		border-radius: 2px;
	}

	.tp-shapewrapper {
		min-height: 300px !important;
	}

	.icon-bx-sm {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}

	.icon-bx-sm i {
		font-size: 1.1rem;
	}

	.about-contant p {
		font-size: 0.9rem;
	}

	.icon-content h2 {
		font-size: 1.2rem;
	}
}

/* Services Mobile Slider Styles */
.services-grid {
	display: block;
}

.services-slider {
	display: none;
}

.site-button:hover {
	background-color: #285DFF;
	color: white;
}

@media (max-width: 991px) {
	.services-grid {
		display: none;
	}

	.services-slider {
		display: block;
	}

	.services-slider .owl-stage-outer {
		padding: 0 15px;
	}

	.services-slider .owl-item {
		padding: 0 10px;
	}

	.services-slider .owl-dots {
		text-align: center;
		margin-top: 30px;
	}

	.services-slider .owl-dot {
		display: inline-block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background: #ddd;
		margin: 0 5px;
		cursor: pointer;
		transition: all 0.3s ease;
	}

	.services-slider .owl-dot.active {
		background: var(--primary-color, #007bff);
		transform: scale(1.2);
	}

	.services-slider .owl-nav {
		text-align: center;
		margin-top: 20px;
	}

	.services-slider .owl-prev,
	.services-slider .owl-next {
		display: inline-block;
		background: #191f23;
		color: white;
		border: none;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		margin: 0 10px;
		cursor: pointer;
		transition: all 0.3s ease;
		font-size: 18px;
	}

	.services-slider .owl-prev:hover,
	.services-slider .owl-next:hover {
		background: var(--primary-color, #007bff);
		transform: scale(1.05);
	}

	.services-slider .owl-prev.disabled,
	.services-slider .owl-next.disabled {
		background: #ccc;
		cursor: not-allowed;
		transform: none;
	}

	.midSectionh2 {
		font-size: 1.2rem;
	}
}

.scroltop {
	background-color: white !important;
}

a.bg-primary:hover {
	background: white !important;
}

.BigBold-Button:hover {
	color: black !important;
}

.aboutBtn {
	font-size: 1.1rem !important;
}

/* Modern Stats Section */
.stats-row {
	display: flex;
	gap: 20px;
	margin: 30px 0;
}

.stat-card {
	flex: 1;
	background: linear-gradient(135deg, #191f23 0%, #2a3138 100%);
	border-radius: 12px;
	padding: 25px 15px;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.stat-number {
	font-size: 2.8rem;
	font-weight: 800;
	color: #4361ee;
	line-height: 1;
	margin-bottom: 8px;
}

.stat-label {
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}

/* Responsive Stats */
@media (max-width: 768px) {
	.stats-row {
		gap: 12px;
		margin: 25px 0;
	}

	.stat-card {
		padding: 20px 10px;
		border-radius: 10px;
	}

	.stat-number {
		font-size: 2rem;
	}

	.stat-label {
		font-size: 0.7rem;
		letter-spacing: 0.5px;
	}
}

@media (max-width: 480px) {
	.stats-row {
		gap: 8px;
	}

	.stat-card {
		padding: 15px 8px;
		border-radius: 8px;
	}

	.stat-number {
		font-size: 1.6rem;
	}

	.stat-label {
		font-size: 0.65rem;
	}
}