@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}
body {
	font-family: 'Bricolage Grotesque', sans-serif;
	background-color: #fff;
	
}
:root{
/* ---------btn-color------------ */
 --color-greenColor:#82ff1f;
 --color-greenGradient: linear-gradient(to bottom, #83FF1F 0%, #C4F79A 100%);
 --color-greenGradient-hover: linear-gradient(to bottom, #75E617 0%, #B0E580 100%);
 --color-black:#000;
  --color-highlight: #4b8e49;
 /* ----------text-color---------- */
 --text-greenColor:#82ff1f;
}
/* ---------------------- */
/* topbar header 1 */
/* ---------------------- */
.top-bar {
	font-size: 14px;
	background-color: #000;
	color: #fff;
	padding: 5px 0;
}

.top-bar a {
	text-decoration: none;
	color: #fff;
	margin-right: 15px;
}

.top-bar .social-icons a {
	color: #fff;
	margin-left: 10px;
}


/* ---------------------- */
/* navbar header-2 */
/* ---------------------- */
.km-navbar {
	/*background-color: #fff !important;*/
	background: linear-gradient(to bottom, #10161d 0%, #02090e 100%) !important;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	border-top: 1px solid #abbc3b;
	/* border-bottom: 1px solid #abbc3b; */
}

.km-navbar-brand {
	font-weight: bold;
	color: #fff !important;
	font-size: 1.5rem;
}
.km-navbar-brand img{
   width:150px;
   height:auto;
}

.km-navbar-nav {
	flex-direction: row;
	justify-content: center;
	flex-grow: 1;
}

.km-nav-item {
	position: relative;
	height: 2rem;
	overflow: visible;
}

.km-nav-link {
	color: #fff !important;
	margin: 0 10px;
	font-weight: 500;
	font-size: 20px;
	display: block;
	position: relative;
	transition: color 0.1s;
	height: 100%;
	overflow: hidden;
}

.km-nav-text {
	display: block;
	transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.km-original-text {
	transform: translateY(0%);
}

.km-hover-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateY(100%);
	color: #fff;
	font-weight: 500;
}

.km-nav-link:hover .km-original-text {
	transform: translateY(-100%);
}

.km-nav-link:hover .km-hover-text {
	transform: translateY(0%);
}


.km-cta-btn {
	/* background-color:var(--color-greenColor); */
	background: var(--color-greenGradient);
	font-weight: 600;
	color: #000000 !important;
	font-size: 16px;
	padding: 10px 16px;
	border-radius: 8px;
	white-space: nowrap;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	transform: scale(1);
}

.km-cta-btn:hover {
	transform: scale(1.1);
}

.km-cta-btn i {
	transition: transform 0.3s ease;
	font-weight: 500;
	font-size: 1.25rem !important;
}

.km-cta-btn:hover i {
	transform: scale(1.2);
}
.navbar-toggler-icon{
    background-color: #fff;
}
.navbar-toggler{
    background: #fff;
}
.hero {
	padding: 60px 20px;
	text-align: center;
	background: white;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.availability {
	background: #fdfdf5;
	display: inline-block;
	padding: 6px 14px;
	border-radius: 30px;
	font-size: 14px;
	margin-bottom: 10px;
	color: #0a0a23;
	font-weight: 500;
}

.green-dot {
	display: inline-block;
	height: 8px;
	width: 8px;
	background-color:#4b8e49;
	border-radius: 50%;
	margin: 0 8px;
	vertical-align: middle;
}


.hero-banner-title {
	font-size: 70px;
	font-weight: 700;
	margin: 10px 0;
	color: #101c3c;
}

.rotating-main-text {
	display: inline-block;
	color: #101c3c;
	transition: opacity 0.4s ease-in-out;
}

.subtitle {
	margin-top: 82px;
	font-size: 34px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 1px;
}

.text-stack {
	display: inline-block;
	position: relative;
	margin-left: 8px;
}

.strike-text {
	color: #999;
	text-decoration: line-through;
	opacity: 0.7;
	font-weight: 500;
}

.highlight-box {
	position: absolute;
	top: -52px;
	left: 0;
	width: 120px;
	font-size: 22px;
	background: yellow;
	padding: 9px 0px;
	border-radius: 5px;
	font-weight: bold;
	transform: rotate(-4deg);
	z-index: 2;
}

.desc {
	font-size: 16px;
	color: #444;
	margin: 15px auto;
}

.badge-text {
	font-weight: 500;
	margin-top: 1.2rem;
	color: #101c3c;
	text-align:center;
}

.hero-cta-btn {
	background-color: #101c3c;
	color: #fff;
	font-weight: 600;
	padding: 0.6rem 1.1rem;
	border-radius: 8px;
	transition: 0.3s;
}

.hero-cta-btn:hover {
	background-color: #101c3c;
	color: #fff;
	transform: scale(1.05);
}

.herolp {
	font-size: 14px;
	color: #929294;
	margin-top: 20px;
}

/* ---------------------- */
/* banner hero area */
/* ---------------------- */

@media (max-width: 991px) {
	.navbar-nav {
		flex-direction: column;
		align-items: start;
	}
}
@media (max-width: 768px) {
	.hero-banner-title {
		font-size: 46px;
		line-height: 60px;
	}
	.subtitle{
		line-height: 45px;
	}
}
@media (max-width: 576px) {
	.hero-banner-title {
		font-size: 25px;
		line-height: 38px;
	}
	.subtitle{
		margin-top: 40px;
		font-size: 19px;
		line-height: 40px;
	}
	
	
}
@media screen and (max-width:375px) {
	.top-bar a {
		font-size: 12px;
		margin-right: 2px;
	}
}
@media (max-width: 320px) {
	.availability{
		font-size:13px;
	}
	.hero-banner-title {
		font-size: 21px;
	}
	.subtitle{
		font-size:16px;
		margin-top:35px;
		line-height:24px;
	}
}
/* ================================================ */
/* ----------------- About-Us-Wrap-02-------------- */
/* ================================================ */
.about-sec {
	padding: 80px 0;
	/* background-color: #f5F5F5; */
	background-color: #000;
	position: relative;
}

.section-content {
	text-align: center;
	margin-bottom: 60px;
}

.sec-title {
	font-size: 60px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.sec-description {
	font-size: 18px;
	color: #000;

	margin: 0 auto;
}

.home-about {
	position: relative;
}

.left-col-about {
	padding-right: 30px;
}

.sec-1-img {
	border-radius: 8px;

}

.sec-1-img:hover {
	transform: translateY(-5px);
}

.right-col-about {
	padding-left: 30px;
}

.abt-sec-top-heading {
	font-size: 24px;
	color: #FFF;
	margin-bottom: 15px;
	font-weight: 600;
}

.heading-about {
	font-size: 32px;
	font-weight: 700;
	color: #4b8e49;
	margin-bottom: 20px;
	line-height: 1.3;
}

.p1-about {
	font-size: 16px;
	line-height: 1.8;
	color: #FFF;
	margin-bottom: 30px;
}

.theme-btn {
	display: inline-block;
	/* background: linear-gradient(to right, #00d2ff, #3a7bd5); */
	background: linear-gradient(to right, #6bbf68, #4b8e49);
	color: #fff;
	padding: 12px 25px;
	border-radius: 30px;
	font-weight: 600;
	text-transform: capitalize;
	border: none;
	transition: all 0.3s ease;
	box-shadow: 0 5px 15px rgba(58, 123, 213, 0.3);
}

.theme-btn:hover {
	/* background: linear-gradient(to right, #3a7bd5, #00d2ff); */
	background: linear-gradient(to right,#6bbf68, #4b8e49);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(58, 123, 213, 0.4);
	color: #fff;
}

.read-more {
	color: #fff;
	text-decoration: none;
}

.read-more i {
	margin-left: 5px;
	transition: all 0.3s ease;
}

.theme-btn:hover .read-more i {
	transform: translateX(3px);
}

/* Responsive adjustments */
@media (max-width: 991px) {
	.about-sec {
		padding: 60px 0;
	}

	.left-col-about,
	.right-col-about {
		padding: 0 15px;
	}

	.left-col-about {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.sec-title {
		font-size: 28px;
	}

	.heading-about {
		font-size: 26px;
	}

	.sec-description {
		font-size: 16px;
	}

}

/* ================================================ */
/* --------------- SERVICES---WRAP-03-------------- */
/* ================================================ */
.metrics-section {
	background: radial-gradient(circle at center, #0a0a0a 0%, #000000 100%);

}
.section-tag {
	color: #fff;
	background-color: transparent;
	border: 1px solid #ffff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 6px 14px;
	border-radius: 20px;
	display: inline-block;
}
.metrics-section h2 {
	font-size: 64px;
	font-weight: 500;
	line-height: 76.8px;
	color: #fff;
}
.metric-box {
	background: linear-gradient(145deg, rgba(0, 255, 255, 0.05), rgba(255, 255, 255, 0.02));
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: 0.3s;
}


.metric-title {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 40px;
	color:var(--text-greenColor);
}

.metric-label {
	font-size: 14px;
	color:#fff;
	text-transform:capitalize;
	font-weight: 500;
	letter-spacing: 1.4px;
	line-height: 20px;
}

.metric-value {
	font-size: 88px;
	line-height: 88px;
	font-weight: 300;
	margin-top: 10px;
}

.metric-icon {
	border: 1px solid rgba(255, 255, 255, 0.1);
	margin-top: 20px;
	padding: 40px;
	border-radius: 15px;
	background: rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.glow-circle {
	position: relative;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	/* background: radial-gradient(circle, rgba(71, 138, 69, 0.3) 30%, rgba(71, 138, 69, 0.05) 100%);
    box-shadow: 0 0 20px rgba(71, 138, 69, 0.4), 0 0 60px rgba(71, 138, 69, 0.2); */
	background: radial-gradient(circle, rgba(130, 255, 31, 0.4) 30%, rgba(130, 255, 31, 0.1) 100%);
	box-shadow: 0 0 20px rgba(130, 255, 31, 0.5), 0 0 60px rgba(130, 255, 31, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}
.glow-circle::before,
.glow-circle::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	border: 2px solid rgba(0, 240, 255, 0.1);
	animation: pulse 2.5s ease-out infinite;
}
.glow-circle::before {
	width: 130px;
	height: 130px;
}
.glow-circle::after {
	width: 160px;
	height: 160px;
	animation-delay: 1.2s;
}
.icon img {
	width: 40px;
	filter: drop-shadow(0 0 8px rgba(0, 240, 255, 0.5));
	z-index: 2;
}
.dot-wrapper {
	position: absolute;
	width: 140px;
	height: 140px;
	animation: rotate 6s linear infinite;
}
.dot {
	position: absolute;
	width: 20px;
	height: 20px;
	background:var(--color-greenGradient);
	border-radius: 50%;
	
	/* box-shadow: 0 0 10px #478A45, 0 0 20px rgba(71, 138, 69, 0.3); */
	box-shadow: 0 0 10px var(--color-greenGradient), 0 0 20px rgba(71, 138, 69, 0.3);
}
.dot1 {
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.dot2 {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.4;
	}

	100% {
		transform: scale(1.6);
		opacity: 0;
	}
}


@media (max-width: 576px) {
	.metrics-section h2 {
		font-size: 50px;
	}
}
 /* <!--service-button --> */
      
            .audit-button {
            background:var(--color-greenColor);
            color:var(--color-black);
            font-size: 1rem;
            padding: 14px 28px;
            border: none;
            border-radius: 50px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 6px 16px rgba(60, 125, 59, 0.3);
            display: inline-block;
            text-decoration: none;
            text-align: center;
            }
            .audit-button:hover {
            background:var(--color-greenGradient-hover);
			color:var(--color-black);
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0px 10px 25px rgba(60, 125, 59, 0.5);
            color:var(--color-black);
            }
         
/* <!-- ============================================================ -->
   <!-- ***********WHY-CHOOSE-ME********WRAP-04********************* -->
   <!-- =========================================================== --> */

.why-choose-me-section {
	background-color: #f8f8f8;
	padding: 60px 0;
}
.why-choose-me-section .section-badge {
	font-size: 16px;
	font-weight: 600;
	background-color: transparent;
	padding: 6px 14px;
	border-radius: 50px;
	display: inline-block;
	color: #000;
	border: 1px solid #000;
}
.why-choose-me-section h3 {
	font-weight: 600;
	font-size: 32px;
	margin: 15px auto 40px;
	text-align: left;
}
.wcm-feature-card {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 16px;
	padding: 25px;
	height: 100%;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
	transition: all 0.3s ease-in-out;
}
.wcm-feature-card:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.wcm-feature-icon {
	font-size: 28px;
	margin-bottom: 15px;
	display: inline-block;
}
.wcm-icon-rounded {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background-color: #000;
	color: #82FF1F;
	border-radius: 50%;
	font-size: 24px;
}
.wcm-feature-title {
	font-size: 24px;
	line-height: 24px;
	font-weight: 600;
	margin-bottom: 10px;
}
.wcm-feature-desc {
	font-size: 16px;
	color: #000;
	line-height: 1.6;
}
@media (min-width: 768px) {
	.wcm-feature-title {
		min-height: 48px;
	}
}
@media (max-width:576px){
	.why-choose-me-section h3 {
     font-size: 18px;
	}
	
}
/* ================================================ */
/* ---------------benefits---WRAP-05-------------- */
/* ================================================ */

.benefits-section {
	background-color: #fdfaf2;

}

.benifits-section-title {
	text-align: left;
	font-size: 2.6rem;
	font-weight: 700;
	color: #0b0c26;
}

.benifits-section-title span {
	color: #000;
}

.benefit-box {
	background-color: #ffffff;
	border: 2px solid #000;
	border-radius: 20px;
	padding: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 220px;
	box-shadow: 0 0 0 1px rgba(11, 12, 38, 0.05);
	transition: box-shadow 0.3s;
	transition: all 0.3s ease;
	/* Changed to 'all' to include transform */

}

.benefit-box:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	transform: scale(1.05);
	/* Adds a 5% zoom effect */

}

.zig-left {
	flex-direction: row;
}

.zig-right {
	flex-direction: row-reverse;
}

.benefit-content h3 {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: #101c3c;
}

.benefit-content p {
	color: #101c3c;
	margin: 0;

}

.benefit-content-para {
	font-size: 24px;
	color: #101c3c;
	margin: 0;
}

.benefit-image img {
	max-width: 100%;
	height: auto;
	max-height: 80px;
}

@media (max-width: 767px) {
	.benefit-box {
		flex-direction: column !important;
		text-align: center;
	}

	.benefit-image {
		margin-top: 1rem;
	}
}
/* ================================================ */
/* ------------------FAQs---WRAP-07---------------- */
/* ================================================ */

.accordion-button:not(.collapsed) {
	background-color: #f8f8f8;
	box-shadow: none;
	color: #000;
	
}

.accordion-item {
	background-color: #f8f8f8;
}

.faq-section {
	padding: 80px 0;
	background-color: #F8F8F8;
}

.faq-title {
	font-size: 64px;
	font-weight: 600;
	line-height: 1.1;
}

.faq-subtitle {
	font-size: 16px;
	color: #555;
}


.contact-btn {
	border: none;
	display: flex;
	align-items: center;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	position: relative;
	background: transparent;
	transition: all 0.5s ease;
}

.contact-btn::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #000;
	transition: width 0.4s ease;
	z-index: 1;
}

.contact-btn:hover::before {
	width: 100%;
}

.contact-btn .icon-box,
.contact-btn .text-box {
	position: relative;
	z-index: 2;
}

.contact-btn .icon-box {
	background-color: transparent;
	color: #000;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: color 0.4s;
}

.contact-btn .text-box {
	background-color: transparent;
	padding: 20px 28px;
	font-weight: 600;
	color: #000;
	transition: color 0.4s;
}

.contact-btn:hover .icon-box,
.contact-btn:hover .text-box {
	color: #fff;
}

.accordion-item {
	border-radius: 20px !important;
	overflow: hidden;
	border: 1px solid #c8d0d9 !important;
	margin-bottom: 20px;
}

.accordion-button {
	background-color: #f8f8f8;
	font-size: 20px;
	font-weight: 500;
	line-height: 38.2px;
	padding: 30px 40px;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.accordion-button::after {
	display: none;
}

.custom-toggle {
	width: 56px;
	height: 56px;
	background-color: #fff;
	color: #000;
	font-size: 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
	/* box-shadow: 4px 4px 0 #ddd; */
	border: 1px solid #000;
}

.custom-toggle:hover {
	background-color: #000;
	color: #fff;
	/* transform: scale(1.1); */
}

.accordion-body {
	font-size: 16px;
	color: #444;
	padding: 0 40px 30px;
}

@media (max-width: 767px) {
	.faq-title {
		font-size: 36px;
	}

	.accordion-button {
		font-size: 20px;
		padding: 20px;
	}

	.accordion-body {
		padding: 0 20px 20px;
	}
}

.custom-toggle-shadow {
	border: 5px solid #ddd;
	border-radius: 15px;
}

/* ================================================ */
/* ----------------BLOGS----WRAP-08---------------- */
/* ================================================ */
.blog-section {
	padding: 60px 15px;
	padding-bottom: 100px !important;
}

/* .section-title {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 40px;
} */

.blog-tag-small {
	color: #000;
	background-color: transparent;
	border: 1px solid #000;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 6px 14px;
	border-radius: 20px;
	display: inline-block;
}

.blog-header {
	font-size: 64px;
	font-weight: 500;
	color: #000;
	line-height: 76.8px;

}

.blog-tag {
	font-size: 12px;
	font-weight: 600;
	background-color: #efeded;
	padding: 5px 12px;
	border-radius: 10px;
	letter-spacing: 8px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.blog-date {
	font-size: 13px;
	color: #6c757d;
}

.blog-title {
	font-size: 32px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.4;
	transition: color 0.3s;
	cursor: pointer;
}
.blog-title a{
	text-decoration: none;
	color:#000;

}

.blog-author {
	font-size: 14px;
	font-weight: 600;
}

.blog-card {
	border: none;
	border-radius: 16px;
	background-color: #fff;
	overflow: hidden;
}

.blog-img-container {
	overflow: hidden;
	border-radius: 16px;
}

.blog-img {
	width: 100%;
	border-radius: 16px;
	transition: transform 0.4s ease;
}

.blog-card:hover .blog-img {
	transform: scale(1.05);
}

.blog-title a:hover {
	color: #0d6efd;
}

.author-info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	margin-top: 10px;
	border-top: 1px solid #ddd;
	padding-top: 15px;
	font-size: 13px;
}

.written-by {
	font-weight: 500;
	color: #888;
}

.author-details {
	display: flex;
	align-items: center;
	gap: 8px;
}

.author-logo {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.more-btn {
	border: 2px solid #000;
	padding: 8px 24px;
	border-radius: 12px;
	background: transparent;
	font-weight: 600;
	margin-top: 40px;
}

.more-btn:hover {
	background-color: #000;
	color: #fff;
}

@media (max-width: 576px) {
	.blog-header {
		font-size: 50px;
	}

}

/* ================================================ */
/* ---------------TESTIMONIALS----WRAP-09---------- */
/* ================================================ */


.custom-testimonial-section {
	padding: 80px 20px;
	background: linear-gradient(to bottom, #f8f8f8, #fff);
}

.custom-heading {
	font-size: 2.8rem;
	line-height: 1.2;
}

.custom-testimonial-content {
	max-width: 900px;
	font-size: 1.15rem;
	color: #555;
	line-height: 1.9;
}

.custom-quote-icon {
	font-size: 80px;
	font-weight: bold;
	color: #000;
	font-family: Georgia, serif;
	position: absolute;
	left: -60px;
	top: -20px;
}

.custom-testimonial-footer {
	max-width: 900px;
	margin: 0 auto;
	border-top: 1px solid #eaeaea;
	padding-top: 30px;
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px;
}

.custom-profile {
	width: 70px !important;
	height: 70px !important;
	border-radius: 50%;
	object-fit: cover;
}

.custom-logo {
	height: 28px;
}

.custom-carousel-item {
	padding: 10px;
}

.custom-nav-wrapper {
	z-index: 2;
}

.custom-owl-prev,
.custom-owl-next {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 12px;
	padding: 10px 16px;
	cursor: pointer;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.custom-owl-prev:hover,
.custom-owl-next:hover {
	background: #f0f0f0;
}

/* Desktop (default): keep position absolute */
.custom-nav-wrapper {
	z-index: 2;
}

/* Mobile override */
@media (max-width: 576px) {
	.custom-nav-wrapper {
		position: static !important;
		transform: none !important;
		margin-top: 20px;
		justify-content: center !important;
		gap: 10px;
	}

	.custom-owl-prev,
	.custom-owl-next {
		padding: 10px 16px;
		font-size: 16px;
		width: auto;
	}
}



/* ==================================================== */
/* ---------------EXPRIANCES---WRAP-11---------------- */
/* =================================================== */
.stats-section {
	background: linear-gradient(to bottom, #83FF1F 0%, #C4F79A 100%);
	color: #111;
}

.stat-number {
	font-size: 80px;
	font-weight: 700;
	color: #111;
}

.stats-divider {
	height: 1px;
	background-color: #111;
	opacity: 0.6;
	width: 90%;
}

.stat-desc {
	font-size: 16px;
	color: #222;
	max-width: 90%;
}

@media (max-width: 767.98px) {
	.stat-number {
		font-size: 48px;
	}

	.stats-divider {
		width: 60%;
	}
}

/* ================================================ */
/* ---------------FOOTER----------WRAP-12---------- */
/* ================================================ */
      
         footer {
         background-color: #0a0e2a;
         color: #fff;
		 margin-top: 100px;
         }
         .footer-cta-banner {
         background: linear-gradient(to right, #a478e8, #32a6f0);
         border-radius: 12px;
         padding: 2rem;
         margin-top: -100px;
         }
         .footer-link a {
         color: rgba(255, 255, 255, 0.65);
         text-decoration: none;
         display: block;
         margin-bottom: 8px;
         font-size: 14px;
         }
         .footer-link a:hover {
         color: #fff;
         }
         .footer-link h6 {
         font-size: 13px;
         font-weight: 600;
         text-transform: uppercase;
         margin-bottom: 12px;
         color: rgba(255,255,255,0.8);
         }
         .subscribe-box input {
         background: #1c1f3a;
         border: none;
         color: #fff;
         font-size: 14px;
         }
         .subscribe-box input::placeholder {
         color: rgba(255,255,255,0.5);
         }
         .subscribe-box button {
         background:var(--color-greenGradient);
         font-weight:700;
         color:var(--color-black);
         padding: 10px;
         border: none;
         }   
         .subscribe-box button:hover{
         background:var(--color-greenGradient-hover);
         color:var(--color-black);
         }
         .footer-bottom {
         border-top: 1px solid rgba(255,255,255,0.1);
         font-size: 13px;
         color: rgba(255,255,255,0.5);
         }
         .footer-logo-desc {
         font-size: 14px;
         color: rgba(255,255,255,0.6);
         margin-top: 10px;
         max-width: 250px;
         }

/* =======================================================START============================================================================ */
/* ============ABOUT-US============================ABOUT-US===========ABOUT-US==============================ABOUT-US======================= */
/* ======================================================================================================================================== */



/* ================================================ */
/* ------ABOUT-US----------WRAP-01----------------- */
/* ================================================ */
.about-section {
	/* background: linear-gradient(to bottom, #ffffff, #616161); */
}

.about-wr1btn {
	background:var(--color-greenGradient);
	color:var(--color-black);
	border-radius: 5px;
	font-weight: 600;
	transition: background-color 0.3s ease;
}

.about-wr1btn:hover {
	/* background: linear-gradient(to right, #C5D63B, #A5C004); */
	 background:var(--color-greenGradient-hover);
  transition: all 0.3s ease;
  
	color:var(--color-black);
	border-radius: 5px;
	font-weight: 600;
	transition: background-color 0.3s ease;
}

/*<!-- ============================================-->
<!-- -----ABOUT-US--------wrap-2------------------ -->
<!-- ============================================= -->*/
/* .our-mission-vision {
	background-color: #000;
}

.pillow-card {
	perspective: 1200px;
}

.pillow-card h4 {
	font-size: 1.75rem;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.pillow-card:hover h4 {
	transform: translateY(-4px) scale(1.05);
}


.pillow-card h4,
.pillow-card h5 {
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.5px;
	text-shadow:
		0 2px 2px rgba(0, 0, 0, 0.2),
		0 4px 4px rgba(0, 0, 0, 0.15),
		0 6px 6px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}


.pillow-card p {
	color: #fff;
	font-weight: 500;
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.2),
		0 2px 4px rgba(0, 0, 0, 0.1);
	transform: translateY(-1px);
}

.pillow-inner {
	position: relative;
	width: 100%;
	height: 360px;
	transform-style: preserve-3d;
	transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	border-radius: 2rem;
	box-shadow:
		0 20px 40px rgba(0, 0, 0, 0.2),
		inset 0 0 10px rgba(255, 255, 255, 0.3);
}


.pillow-inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2rem;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: inset 8px 0 20px rgba(0, 0, 0, 0.2),
		inset -8px 0 20px rgba(0, 0, 0, 0.2);
	z-index: -1;
}

.pillow-card:hover .pillow-inner {
	transform: rotateY(180deg) scale(1.04);
}

.aboutuspg-front,
.aboutuspg-back {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 30px;
	border-radius: 2rem;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.aboutuspg-back {
	transform: rotateY(180deg);
} */
.custom-why-section {
background: #fff;
}
.custom-why-title {
font-size: 2rem;
}
.custom-why-card {
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
transition: all 0.4s ease;
height: 100%;
min-height: 260px;
display: flex;
flex-direction: column;
justify-content: center;
}
.custom-why-card:hover {
border-color: #4b8e49;
box-shadow: 0 12px 28px rgba(75, 142, 73, 0.25);
transform: translateY(-6px);
}
.custom-why-icon {
font-size: 2.5rem;
color: #4b8e49;
transition: transform 0.3s ease;
}
.custom-why-card:hover .custom-why-icon {
transform: scale(1.2);
}
      
/*<!-- ============================================= -->
<!-- --------------------wrap-3--------------------- -->
<!-- ============================================= ----> */
/* .client-slider-section {
	background-color: #000;
}

.client-slider-section h2 {
	font-size: 2rem;
	font-weight: 700;
}
.client-carousel .owl-item {
	background: #ffffff;
	padding: 10px 20px;
	border-radius: 6px;
	border: 1px solid #000;

	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.client-carousel .owl-item img {
	max-width: 100%;
	height: auto;
}
.client-carousel .owl-nav button {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background: #ABBC3B !important;
	border-radius: 50%;
	box-shadow: 0px 0px 5px #00000069;
	border: none;
	z-index: 2;
}
.client-carousel .owl-nav button i {
	color: #fff;
	font-size: 14px;
}
.client-carousel .owl-nav .owl-prev {
	left: -15px;
}
.client-carousel .owl-nav .owl-next {
	right: -15px;
}
.client-carousel .owl-nav {
	display: block !important;
} */
   
.team-section-neo {
background-color: #000;
}
.team-title {
font-size: 2.5rem;
color:var(--text-greenColor);
font-weight: 700;
}
.team-card-custom {
background-color:#fff;
border: 1px solid #333;
border-radius: 16px;
transition: all 0.4s ease;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.team-card-custom:hover {
box-shadow: 0 8px 20px rgba(75, 142, 73, 0.3);
transform: translateY(-6px);
border-color: #4b8e49;
}
.about-team-para-one{
   color:#000;
}
.about-team-para-onet{
   color: #fff;
}
.team-img-frame {
width: 120px;
height: 120px;
overflow: hidden;
border-radius: 50%;
border: 4px solid var(--color-greenColor);
}
.team-img-frame img {
width: 100%;
height: 100%;
object-fit: cover;
}
/*<!-- ============================================= -->
<!-- --------------------wrap-4--------------------- -->
<!-- ============================================= ----> */
         .remote-work-section {
         background-color: #fff;
         color: #333;
         }
         .remote-heading {
         font-size: 2rem;
         color: #4b8e49;
         font-weight: 700;
         }
         .remote-icon i {
         font-size: 3rem;
         color: #4b8e49;
         background-color: #eef7ee;
         padding: 18px;
         border-radius: 50%;
         transition: 0.3s ease;
         box-shadow: 0 8px 20px rgba(75, 142, 73, 0.1);
         }
         .remote-icon i:hover {
         transform: scale(1.1);
         box-shadow: 0 12px 28px rgba(75, 142, 73, 0.3);
         }
         .remote-content p {
         font-size: 1.05rem;
         line-height: 1.8;
         color: #444;
         }
         .btn-custom-consult {
         background:var(--color-greenGradient);
         color:var(--color-black);
         padding: 10px 25px;
         border-radius: 30px;
         font-weight: 600;
         transition: all 0.3s ease;
         text-decoration: none;
         display: inline-block;
         }
         .btn-custom-consult:hover {
         background:var(--color-greenGradient-hover);
         color:var(--color-black);
         transform: translateY(-2px);
         box-shadow: 0 8px 15px rgba(75, 142, 73, 0.2);
         }
         @media (max-width: 767px) {
         .remote-heading {
         font-size: 1.5rem;
         }
         .remote-content p,
         .btn-custom-consult {
         font-size: 1rem;
         }
         }
         /* ======================================================= */
         /* -----------------------WRAP-06 *------------------------/
         /* ====================================================== */
         .vmg-split-section {
         background:#000;	
         color: #fff;
         }
         .vmg-split-section h2 {
         font-size: 1.75rem;
		 color:var(--text-greenColor);
         }
         .vmg-split-section img {
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         }
         .vmg-split-section img:hover {
         transform: scale(1.05);
         box-shadow: 0 10px 30px rgba(255, 255, 255, 0.2);
         }
         @media (max-width: 767px) {
         .vmg-split-section h2 {
         font-size: 1.5rem;
         }
         .vmg-split-section .lead {
         font-size: 1rem;
         }
         }
/* ==============END===============================================END================================================END=================== */
/* --------------ABOUT-US-------------------------ABOUT-US--------------------ABOUT-US------------------------ABOUT-US---------------------- */
/* ==============END=========================================END====================================================END===================== */





















/* =============================================================START======================================================================= */
/* ----------------SERVICE--PAGE------------------SERVICE-PAGE-----------------SERVICE-PAGE------------------SERVICE-PAGE------------------- */
/* ========================================================================================================================================= */




/*<!-- ============================================= -->
<!-- --------------------wrap-1--------------------- -->
<!-- ============================================= ----> */
.servicepg-banner-title {
	font-size: 3rem;
}

.servicepg-banner-subtitle {
	font-size: 1.5rem;
}
/*<!-- ============================================= -->
<!-- --------------------wrap-2--------------------- -->
<!-- ============================================= ----> */
.service-page-section{
	background-color: #000;
}
    .service-page-card-1 {
      background-color: #7FFF00;
      color: #000;
      border-radius: 16px;

    }
    .service-page-card{
        padding: 40px;
    }
    .service-page-card-title{
        font-size:32px;
        font-weight: 400;
        text-align:start;
    }
    .service-page-card-para{
        font-size: 16px;
        line-height: 22.4px;
        text-align:left;
    }
    .servicepg-cardpara-mt{
        margin-top:3rem;
    }
    .service-page-card-2 {
      background-color: #111;
      color: #fff;
      border-radius: 16px;
    }

    .service-page-card-3 {
      background-color: #fff;
      color: #000;
      border-radius: 16px;
    }

    .service-page-card-1 hr,
   
    .service-page-card-3 hr {
      border-top: 1px solid #000;
    }
     .service-page-card-2 hr{
         border-top: 1px solid #ffffff;
     }

    .service-page-btn {
      background-color: #d5ffb5;
      
      font-weight: 500;
      border-radius: 30px;
      padding: 10px 25px;
      border: none;
    }
	.service-page-btn a{
     color: #000;
	 text-decoration: none;
	}

    .service-page-card-body p {
      margin-bottom: 0.5rem;
    }

    @media (max-width: 767.98px) {
      .service-page-card {
        margin-bottom: 1.5rem;
      }
    }
  


/*<!-- ============================================= -->
<!-- --------------------wrap-3--------------------- -->
<!-- ============================================= ----> */


/* .servicepg-wrtwo-cta-section {
	background-color: #080808;
}

.servicepg-wrtwo-cta-border {
	border: 2px dashed #ABBC3B !important;
}

.servicepg-quotebtn {
	background-color: #ABBC3B;
	border-color: #ABBC3B;
	transition: all 0.3s ease;
	color: white;
}

.servicepg-quotebtn:hover {
	background: linear-gradient(to right, #C5D63B, #A5C004);
	border-color: #ABBC3B;
	color: #fff;
} */




.servicepg-wrtwo-cta-section {
  background-color: #080808;
}

.servicepg-cta-clean {
  background: linear-gradient(to right, #0f0f0f, #1a1a1a);
  box-shadow: 0 0 20px rgba(75, 142, 73, 0.2);
  border: 2px dashed #4b8e49 !important;
}

.servicepg-quotebtn {
  background:var(--color-greenGradient);
  border-color: #4b8e49;
  transition: all 0.3s ease;
  color:var(--color-black);
  font-weight: 600;
  border-radius: 30px;
}

.servicepg-quotebtn:hover {
  background:var(--color-greenGradient-hover);
  border-color: #4b8e49;
  color:var(--color-black);
  box-shadow: 0 8px 20px rgba(75, 142, 73, 0.4);
}



/* ==============END===============================================END================================================END=================== */
/* --------------SERVICE-PAGE----------------------SERVICE-PAGE--------------------SERVICE-PAGE---------------------SERVICE-PAGE------------ */
/* ==============END=========================================END====================================================END===================== */




















/* =============================================================START======================================================================= */
/* ---------SERVICE-DETAIL-PAGE----------------SERVICE-DETAIL-PAGE-------------SERVICE-DETAIL-PAGE-----------SERVICE-DETAIL-PAGE------------ */
/* ========================================================================================================================================= */


/* =============================================== --*/
/* ------BANNER_HERO--------------wrap-2---------- --*/
/* ============================================= ----*/


/* =============================================== --*/
/* ------PERFECT-FOR--------------wrap-3---------- --*/
/* ============================================= ----*/

  .wordpress-growth-engine {
    background-color: #000;
    color: #fff;
    padding: 4rem 0;
  }

  .wordpress-growth-engine h2 {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
  }

  .wordpress-growth-engine p {
    font-size: 1.1rem;
  }

  .wordpress-growth-engine-features-heading {
    color:var(--text-greenColor);
    font-size: 1.75rem;
    font-weight: 700;
    /* margin-top: 3rem; */
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: relative;
    display: inline-block;
  }

  /* .wordpress-growth-engine-features-heading::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 60px;
    height: 3px;
    background: #4b8e49;
    transform: translateX(-50%);
    border-radius: 4px;
    
  } */

  .wordpress-growth-engine-feature-box {
    border: 1px dashed #4b8e49;
    border-radius: 16px;
    padding: 1.5rem;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.02);
    transition: all 0.4s ease;
    transform-style: preserve-3d;
  }

  .wordpress-growth-engine-feature-box:hover {
    transform: translateY(-8px) scale(1.03);
    box-shadow: 0 0 25px rgba(171, 188, 59, 0.35);
    border-color: #6ac567;
  }

  .feature-icon {
    max-width: 60px;
    margin-bottom: 1rem;
    transition: transform 0.3s ease;
  }

  .wordpress-growth-engine-feature-box:hover .feature-icon {
    transform: rotate(8deg) scale(1.1);
  }

  .wordpress-growth-engine-feature-title {
    font-weight: 600;
    font-size: 1.05rem;
    margin: 0;
    color: #fff;
  }

  @media (max-width: 767px) {
    .wordpress-growth-engine h2 {
      font-size: 1.7rem;
    }

    .wordpress-growth-engine-features-heading {
      font-size: 1.4rem;
    }
  }


/* =============================================== --*/
/* --------------------wrap-4--------------------- --*/
/* ============================================= ----*/
.service-det-sec-four {
	background-color: #f5f5f5;
	padding: 80px 0px;
}

.servicdt-page-wrFour-feature-box {
	padding: 18px;
	border-radius: 12px;
	font-weight: 500;
	display: flex;
	align-items: center;
	font-size: 16px;
	transition: all 0.4s ease;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
	position: relative;
	overflow: hidden;
	border: 2px dashed #4b8e49;
	color: #4b8e49;
	/* border: 2px solid transparent; */
}

/* Hover Effect: Lift + Border + Glow */
.servicdt-page-wrFour-feature-box:hover {
	transform: translateY(-10px) scale(1.03);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
	/* border-color: #4f4f4f; */
}

/* Icon Animation on Hover */
.servicdt-page-wrFour-feature-box i {
	font-size: 20px;
	transition: transform 0.3s ease;
	color: #4b8e49;
}

.servicdt-page-wrFour-feature-box:hover i {
	animation: icon-bounce 0.5s ease;
	
}

/* Icon Bounce Animation */
@keyframes icon-bounce {
	0% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.25);
	}

	60% {
		transform: scale(0.95);
	}

	100% {
		transform: scale(1);
	}
}

/* .servicdt-page-wrFour-bg-pink {
	background: linear-gradient(135deg, #ffd9db, #ffc5c8);
}

.servicdt-page-wrFour-bg-lightblue {
	background: linear-gradient(135deg, #dff1ff, #b7e1ff);
}

.servicdt-page-wrFour-bg-green {
	background: linear-gradient(135deg, #d7f8d9, #aef2b5);
}

.servicdt-page-wrFour-bg-lightpurple {
	background: linear-gradient(135deg, #e0e3ff, #c9d1ff);
} */


.service-det-sec-four-divider {
	width: 60px;
	height: 4px;
	background-color:#4b8e49;
	border-radius: 10px;
}

/* Bottom highlight icon color */
.service-det-sec-four .service-det-pg-wrfour-btm-icon i {
	color: #000;
	margin-right: 8px;
	
}

.serv-det-wrfour-border {
	border: 1px dashed black;
	background-color: #ffffff;
}

/* Responsive Adjustments */
@media (max-width: 767px) {
	.servicdt-page-wrFour-feature-box {
		font-size: 15px;
		padding: 16px;
		flex-direction: row;
		justify-content: start;
		text-align: left;
	}
}
/* =============================================== --*/
/* ------------------wrap-5----------------------- --*/
/* ============================================= ----*/
.service-detailpg-wr-five {
	background-color: #000;
	color: #fff;
	padding: 60px 0;
}
.service-detailpg-wr-five-section-title {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.service-detailpg-wr-five-simple-divider {
	width: 60px;
	height: 4px;
	background-color:#4b8e49;
	border-radius: 4px;
	margin: 0 auto 30px;
}
.service-detailpg-wr-five-feature-box {
	background-color: #121212;
	border: 1px dashed #4b8e49;
	border-radius: 16px;
	padding: 30px;
	margin-bottom: 40px;
	transition: all 0.3s ease;
}
.service-detailpg-wr-five-feature-box:hover {
	border-color: #4b8e49;
	box-shadow: 0 0 15px rgba(236, 32, 41, 0.3);
}
.service-detailpg-wr-five-feature-item {
	background-color:#FFF;
	border-radius: 10px;
	padding: 12px 15px;
	display: flex;
	color: #000;
	align-items: center;
	transition: 0.3s ease;
	border: 1px solid transparent;
}
.service-detailpg-wr-five-feature-item:hover {
	border-color:var(--color-greenColor);
	background-color:#fafff8;
	transform: translateY(-2px);
}

.service-detailpg-wr-five-feature-item i {
	color: #4b8e49;
	font-size: 1.2rem;
	margin-right: 10px;
}

@media (max-width: 768px) {
	.service-detailpg-wr-five-section-title {
		font-size: 1.5rem;
	}
}
/* =============================================== --*/
/* ------------------wrap-6----------------------- --*/
/* ============================================= ----*/

/* ====start=============================A=================== */
.custom-tech-section {
  background-color: #f9f9f9;
  padding: 70px 0;
  color: #222;
}

.custom-tech-heading {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
}

.custom-tech-divider {
  width: 60px;
  height: 4px;
  background-color: #4b8e49;
  border-radius: 3px;
  margin: 0 auto 40px;
}

.custom-tech-box {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  border: 1px dashed #000;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.custom-tech-item {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  border-radius: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #4b8e49;
  border: 2px dashed #4b8e49;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
  transition: 0.3s ease;
}

.custom-tech-item i {
  margin-right: 10px;
  font-size: 1.2rem;
}

.custom-tech-item:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* Gradients
.tech-bg-pink { background: linear-gradient(135deg, #ffe5e5, #fff4f4); }
.tech-bg-blue { background: linear-gradient(135deg, #e7f0ff, #dceeff); }
.tech-bg-green { background: linear-gradient(135deg, #e8fff3, #d6ffe9); }
.tech-bg-purple { background: linear-gradient(135deg, #eeeaff, #e0e7ff); }
.tech-bg-orange { background: linear-gradient(135deg, #ffeede, #fff2e0); } */

/* =================================A-end =================== */
/* .custom-industries-benefits {
  background-color: #ffffff;
  padding: 70px 0;
  color: #222;
}

.custom-ib-heading {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}

.custom-ib-divider {
  width: 60px;
  height: 4px;
  background-color: #4b8e49;
  border-radius: 3px;
  margin: 0 auto 30px;
}

.custom-ib-box {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  border: 1px dashed #4b8e49;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.custom-ib-item {
  display: flex;
  align-items: center;
  padding: 14px 18px;
  border-radius: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #4b8e49;
  border: 2px dashed #4b8e49;
  background-color: #f6fdf9;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.custom-ib-item i {
  margin-right: 10px;
  font-size: 1.2rem;
}

.custom-ib-item:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
} */

/* Gradients
.ib-bg-pink   { background: linear-gradient(135deg, #ffe5e5, #fff4f4); color: #111; }
.ib-bg-blue   { background: linear-gradient(135deg, #e7f0ff, #dceeff); color: #111; }
.ib-bg-green  { background: linear-gradient(135deg, #e8fff3, #d6ffe9); color: #111; }
.ib-bg-purple { background: linear-gradient(135deg, #eeeaff, #e0e7ff); color: #111; }
.ib-bg-orange { background: linear-gradient(135deg, #ffeede, #fff2e0); color: #111; } */

.custom-industries-benefits {
  background-color: #ffffff;
  padding: 70px 0;
  color: #222;
}

.custom-ib-heading {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 10px;
}

.custom-ib-divider {
  width: 60px;
  height: 4px;
  background-color: #4b8e49;
  border-radius: 3px;
  margin: 0 auto 30px;
}

.custom-ib-box {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  border: 1px dashed #4b8e49;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  height: 100%;
}

.custom-ib-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 12px;
  margin-bottom: 12px;
  font-weight: 500;
  color: #4b8e49;
  border: 2px dashed #4b8e49;
  background-color: #f6fdf9;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
  font-size: 1rem;
  line-height: 1.6;
}

.custom-ib-item i {
  font-size: 1.2rem;
  margin-top: 4px;
  flex-shrink: 0;
}

.custom-ib-item:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

/* Gradient background colors */
/* .ib-bg-pink   { background: linear-gradient(135deg, #ffe5e5, #fff4f4); color: #111; }
.ib-bg-blue   { background: linear-gradient(135deg, #e7f0ff, #dceeff); color: #111; }
.ib-bg-green  { background: linear-gradient(135deg, #e8fff3, #d6ffe9); color: #111; }
.ib-bg-purple { background: linear-gradient(135deg, #eeeaff, #e0e7ff); color: #111; }
.ib-bg-orange { background: linear-gradient(135deg, #ffeede, #fff2e0); color: #111; } */

/* Responsive styles */
@media (max-width: 768px) {
  .custom-ib-heading {
    font-size: 1.5rem;
  }

  .custom-ib-box {
    padding: 20px;
  }

  .custom-ib-item {
    font-size: 0.95rem;
    padding: 12px 14px;
    flex-direction: row;
  }

  .custom-ib-item i {
    font-size: 1rem;
  }
}


/* =============================================== --*/
/* ------------------wrap-7----------------------- --*/
/* ============================================= ----*/

.service-detail-pg-timeline-section {
	background-color: #000;
	padding: 70px 0;
	color: #fff;
}

.service-detail-pg-timeline-title {
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
}

.service-detail-pg-timeline-divider {
	width: 60px;
	height: 4px;
	background-color:#4b8e49;
	border-radius: 3px;
	margin: 0 auto 40px;
}

.service-detail-pg-timeline-box {
	background: #FFF;
	border: 2px dashed  #4b8e49;
	border-radius: 16px;
	padding: 30px 25px;
	transition: 0.4s ease;
	box-shadow: 0 8px 20px rgba(255, 255, 255, 0.05);
	height: 100%;
	color:#000;
}

.service-detail-pg-timeline-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 30px #4b8e49;
	border-color:#4b8e49;
}

.service-detail-pg-timeline-icon {
	font-size: 2rem;
	margin-bottom: 12px;
	color: #4b8e49;
}

.service-detail-pg-timeline-heading {
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 8px;
	color: #4b8e49;
}

.service-detail-pg-timeline-desc {
	font-size: 0.95rem;
	color:#000;
}

.service-detail-pg-timeline-perks {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-top: 50px;
	flex-wrap: wrap;
}

.service-detail-pg-timeline-perks div {
	font-weight: 600;
	font-size: 1rem;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	padding: 10px 15px;
	border-radius: 12px;
	background: #111;
	border: 1px solid #444;
	transition: 0.3s ease;
}

.service-detail-pg-timeline-perks div:hover {
	background: #1a1a1a;
	border-color:#4b8e49;
	transform: scale(1.05);
	box-shadow: 0 6px 18px #4b8e49;
}

.service-detail-pg-timeline-perks i {
	color:#4b8e49;
	font-size: 1.2rem;
}

@media(max-width: 768px) {
	.service-detail-pg-timeline-perks {
		gap: 20px;
		justify-content: center;
	}
}


/* =============================================== --*/
/* ------------------wrap-8----------------------- --*/
/* ============================================= ----*/

.serdtl-8{
	border-radius:0px !important;
}
.service-detail-pg-pricing-section {
	background-color: #000;
	padding: 80px 0;
	color: #fff;
	overflow: hidden;
}

.service-detail-pg-pricing-section {
	background: #121212;
	border-radius: 24px;
	box-shadow: 0 8px 24px rgba(255, 255, 255, 0.05);
	padding: 40px 30px;
	position: relative;
	transition: transform 0.4s ease, box-shadow 0.4s ease;
	overflow: hidden;
	animation: floatIn 1.2s ease both;
}

@keyframes floatIn {
	from {
		transform: translateY(40px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.service-detail-pg-pricing-section:hover {
	transform: translateY(-10px) scale(1.02);
	box-shadow: 0 10px 30px #ABBC3B;
}

.service-detail-pg-ribbon {
	position: absolute;
	top: 0;
	right: 0;
	background: #ec2029;
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	padding: 6px 12px;
	border-bottom-left-radius: 12px;
}

.service-detail-pg-price-value {
	font-size: 2.5rem;
	font-weight: 800;
	color: #fff;
}

.service-detail-pg-price-label {
	color: #bbb;
	margin-bottom: 10px;
}

.ser-dtpage-wr-eight-feature-list li {
	margin-bottom: 12px;
	position: relative;
	padding-left: 28px;
	color: #f1f1f1;
	font-size: 1rem;
	transition: background 0.3s ease, transform 0.3s ease;
	border-radius: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.ser-dtpage-wr-eight-feature-list li:hover {
	background: rgba(171, 188, 59, 0.1);
	transform: scale(1.02);
}

.ser-dtpage-wr-eight-feature-list li::before {
	content: "\f26e";
	font-family: "bootstrap-icons";
	color: #ABBC3B;
	position: absolute;
	left: 0;
	top: 8px;
	font-size: 1rem;
}

.service-dtpg-gradient-btn {
	background: linear-gradient(135deg, #ABBC3B, #488947);
	border: none;
	color: #fff;
	font-weight: 600;
	border-radius: 30px;
	padding: 12px 30px;
	transition: 0.3s ease;
	box-shadow: 0 4px 14px rgba(171, 188, 59, 0.25);
}

.service-dtpg-gradient-btn:hover {
	background: linear-gradient(135deg, #488947, #ABBC3B);
	color: #fff;
	box-shadow: 0 6px 20px rgba(171, 188, 59, 0.35);
}


@media (max-width: 768px) {
	.service-detail-pg-price-value {
		font-size: 2rem;
	}
}
/* =============================================== --*/
/* ----------wrap-09---CAROUSEL------------------- --*/
/* ============================================= ----*/


   .serv-pg-wrap-ten-tech-sec{
      padding:80px 0px;
   }
  /* .serv-pg-wrap-nine-subcontainer {
    background-color: #ffecec;
  } */

  /* .serv-pg-wrap-ten-subtitle {
    color:#4b8e49;
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 8px;
  } */

  .serv-pg-wrap-ten-heading {
    font-size: 2rem;
    font-weight: 700;
  }
.serv-pg-wrap-nine-subcontainer{
   border-radius: 20px;
   border: 2px dashed green;
}
  .serv-pg-wrap-ten-desc {
    max-width: 900px;
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
  }
  .serv-pg-wrap-ten-carousel .serv-pg-wrap-ten-item {
    background-color: #fff;
    border: 1.5px solid #4b8e49;
    border-radius: 12px;
    padding: 15px;
    height: 110px;
    width: 110px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin:2px;
  }
  .serv-pg-wrap-ten-carousel .serv-pg-wrap-ten-item img {
    max-height: 60px;
    width: auto;
    object-fit: contain;
  }
  .owl-nav {
    position: absolute;
    top: 42%;
    width: 100%;
    display: flex;
    /* justify-content: space-between; */
  }
  .owl-nav button.owl-prev,
  .owl-nav button.owl-next {
    background: transparent;
    border: none;
    font-size: 2rem;
    color: #999;
  }

  /* .owl-nav button:hover {
    color: #ff2673;
  } */





/* =============================================== --*/
/* ------------------wrap-10----------------------- --*/
/* ============================================= ----*/
.service-detail-page-cta-strip {
  background: linear-gradient(90deg, #ABBC3B, #488947);
  padding: 25px 0;
  position: relative;
  z-index: 5;
  animation: service-detail-page-glow-strip 4s infinite alternate;
  box-shadow: 0 0 20px rgba(171, 188, 59, 0.3);
}

.service-detail-page-cta-btn {
  background-color: #fff;
  color: #000;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 0 transparent;
}
.service-detail-page-cta-btn:hover {
  background-color: #000;
  color: #fff;
  box-shadow: 0 0 12px #fff;
  transform: translateY(-2px);
}

@keyframes service-detail-page-glow-strip {
  0% {
    box-shadow: 0 0 8px rgba(171, 188, 59, 0.3);
  }
  100% {
    box-shadow: 0 0 24px rgba(171, 188, 59, 0.6);
  }
}

/* Responsive padding tweak */
@media (max-width: 576px) {
  .service-detail-page-cta-strip h5 {
    font-size: 1rem;
  }
  .service-detail-page-cta-btn {
    padding: 8px 20px;
    font-size: 0.9rem;
  }
}

/* ==============END===============================================END================================================END=================== */
/* ---------SERVICE-DETAIL-PAGE----------------SERVICE-DETAIL-PAGE-------------SERVICE-DETAIL-PAGE-----------SERVICE-DETAIL-PAGE------------ */
/* ==============END=========================================END====================================================END===================== */


















/* =============================================================START======================================================================= */
/* ---------BLOG-PAGE----------------BLOG-PAGE-------------BLOG-PAGE-----------BLOG-PAGE---------BLOG-PAGE--------------BLOG-PAGE----------- */
/* ========================================================================================================================================= */

/* =============================================== --*/
/* ---blog---------------wrap-1------------------- --*/
/* ============================================= ----*/
.blog-section-one {
  background-color: #f8f9fa;
}
.blog-title {
  font-size: 2rem;
  font-weight: 700;
  color: #4b8e49;
}
.blog-title:hover{
    color: #000;
}
.blog-description {
  font-size: 1rem;
  color: #555;
}
/* =============================================== --*/
/* ---blog---------------wrap-2------------------- --*/
/* ============================================= ----*/

  .dark-blog-section {
    background-color: #000000;
  }
  .blog-dark-card {
    background-color:#fff;
    transition: all 0.3s ease-in-out;
	color: #000 !important;
  }
  .blogpg-wrap-two-card-title{
	color: #000;
	font-size: 1.25rem;
  }
  .blogpg-card-para{
	color: #000 !important;
  }
  .blogpg-viewmore-btn{
	background:var(--color-greenGradient);
	color: var(--color-black);
  }
  .blog-dark-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(75, 142, 73, 0.4);
  }
  .blogpg-readmore-btn{
	background: var(--color-greenGradient);
	color: var(--color-black);
  }

/* =============================================================END===================================================================== */
/* ---------BLOG-PAGE----------------BLOG-PAGE-------------BLOG-PAGE-----------BLOG-PAGE---------BLOG-PAGE--------------BLOG-PAGE------- */
/* ===================END=============END=========================END=========================END=================================END=== */




/* =============================================================START======================================================================= */
/* ---------BLOG-DETAIL-PAGE----------BLOG-DETAIL-PAGE---------BLOG-DETAIL-PAGE-----------BLOG-DETAIL-PAGE-----BLOG-DETAIL-PAGE------------ */
/* ========================================================================================================================================= */

/* =============================================== --*/
/* ---blog-DETAIL--------------wrap-1------------- --*/
/* ============================================= ----*/
.blogdetail-section-one .badge{
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
}
.blogdetail-section-one nav a:hover{
text-decoration: underline;
}
.blogdetail-section-one img {
max-width: 100%;
}
/* =============================================== --*/
/* ---blog-DETAIL--------------wrap-2------------- --*/
/* ============================================= ----*/
.in-this-article-scroll {
max-height: 160px;
overflow-y: auto;
border-left: 2px solid #ddd;
padding-left: 1rem;
}
.in-this-article-scroll::-webkit-scrollbar {
width: 4px;
}
.in-this-article-scroll::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 4px;
}
.blog-dt-subscribe-btn{
background:var(--color-greenGradient);
color:var(--color-black) !important;
font-weight: 700;
}
.blog-dt-subscribe-btn:hover{
background:var(--color-greenGradient-hover);
color:var(--color-black) !important;
}
/* color */
.blogDetail-pg-icon-linkdin {
background-color: #0A66C2;
color: white;
font-size: 18px;
}
.blogDetail-pg-icon-facebook {
background-color: #1877F2;
color: white;
font-size: 18px;
}
.blogDetail-pg-icon-x {
background-color: #000000;
color: white;
font-size: 18px;
}
.blogDetail-pg-icon-instagram {
background: radial-gradient(circle at 30% 107%, 
#fdf497 0%, #fdf497 5%, 
#fd5949 45%, #d6249f 60%, 
#285AEB 90%);
color: white;
font-size: 18px;
}
.iconsocial:hover{
color: white;
background-color: #4b8e49;
transform: scale(1.1);
}
.iconsocial{
padding: 11px 16px 8px; 
}
.blogdetail-article-title{
font-size: 1.5rem;
padding-bottom: 20px;
}

/* =============================================================END===================================================================== */
/* ---------BLOG-DETAIL-PAGE----------BLOG-DETAIL-PAGE---------BLOG-DETAIL-PAGE-----------BLOG-DETAIL-PAGE-----BLOG-DETAIL-PAGE--------- */
/* ===================END=============END=========================END=========================END=================================END=== */




















/* =============================================================START======================================================================= */
/* ---------CONTACT-US----------------CONTACT-US-------------CONTACT-US-----------CONTACT-US-----------------------CONTACT-US--------------- */
/* ========================================================================================================================================= */
 .contact-section {
    background-color: var(--color-black);
    color: #fff;
  }
  .contact-section .form-label {
    color: #fff;
    font-weight: 600;
    margin-bottom: 6px;
  }
  .contact-section .form-control,
  .contact-section .form-select {
    background-color: #111;
    color: #fff;
    border: 1px solid #333;
    padding: 12px 16px;
    border-radius: 6px;
  }
  .contact-section .form-control::placeholder {
    color: #bbb;
  }
  .contact-section .form-control:focus,
  .contact-section .form-select:focus {
    border-color: var(--color-highlight);
    background-color: #111;
    color: #fff;
    box-shadow: none;
  }
  .contact-section .btn-gradient {
    background: var(--color-greenGradient);
    color: #000;
    font-weight: 600;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    transition: background 0.3s ease;
  }

  .contact-section .btn-gradient:hover {
    background: var(--color-greenGradient-hover);
  }

  .contact-section a.text-decoration-underline {
    color: var(--text-greenColor) !important;
    text-underline-offset: 3px;
  }

  .contact-section .form-group {
    margin-bottom: 24px;
  }

  @media (max-width: 576px) {
    .contact-section .form-control,
    .contact-section .form-select {
      padding: 10px 14px;
    }
  }

/* =============================================================END======================================================================= */
/* ---------CONTACT-US----------------CONTACT-US-------------CONTACT-US-----------CONTACT-US-----------------------CONTACT-US--------------- */
/* ===================END=============END=========================END=========================END=================================END=== */