* {
  box-sizing: border-box;
}
html {
	font-size: 16px;
}
html, body {
  overflow-x: hidden;
}

/* Override Bootstrap reboot styles */
body {
	font-family: 'Outfit', sans-serif !important;
	font-size: 16px !important;
	line-height: 1.2 !important;
	font-weight: 400 !important;
	background: #000 !important;
	color: #fff !important;
	-moz-osx-font-smoothing: grayscale;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}

a {
	text-decoration: none;
}

html img {
	max-width: 100%;
	width: auto;
	-o-object-fit: contain;
	object-fit: contain;
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 90.6%;
	}
}

@media (min-width: 2000px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1850px;
	}
}

.site-header {
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	top: 20px;
	width: calc(100% - 80px);
	max-width: 1350px;
	padding: 16px 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 40px;
	z-index: 999;
	transition: all 0.45s ease;
	isolation: isolate;
	opacity: 1 !important;
}

.site-header.scrolled {
	background: rgba(0, 0, 0, 0.75);
	border-color: rgba(255, 255, 255, 0.1);
	width: calc(100% - 250px);
	/* top: 12px; */
	opacity: 1 !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.site-header .container {
	width: 100%;
	max-width: 1290px;
}

.site-header .navbar-brand {
	margin-bottom: 0px;
	display: inline-block;
	padding-top: 1px;
}

.site-header .navbar-brand {
	width: 200px;
	height: auto;
}

.site-header-menu {
	display: flex;
	gap: 20px;
	margin-top: 7px;
	position: relative;
}

.site-header-menu a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	position: relative;
	/* transition: all 0.3s ease; */
}

.dg-dropdown-tabs button.dg-dropdown-tab.dg-active:nth-child(1)::after {
	content: "";
	height: 15px;
	width: 15px;
	position: absolute;
	background: #1a1a1a;
	top: 0;
	right: -14px;
}

.dg-dropdown-tabs button.dg-dropdown-tab.dg-active:nth-child(1) {
	position: relative;
}

.dg-dropdown-tabs button.dg-dropdown-tab.dg-active:nth-child(5)::after {
	content: "";
	height: 15px;
	width: 15px;
	position: absolute;
	background: #1a1a1a;
	bottom: 0;
	right: -14px;
}

.dg-dropdown-tabs button.dg-dropdown-tab.dg-active:nth-child(5) {
	position: relative;
}



.site-header-menu>a::before {
	content: "";
	position: absolute;
	height: 1px;
	right: 0;
	bottom: 0;
	left: auto;
	width: 0;
	transition-property: width;
	transition-timing-function: cubic-bezier(0.135, 0.9, 0.15, 1);
	transition-duration: 0.4s;
	background: #fff;
}

.site-header-menu>a:hover::before {
	width: 100%;
	left: 0;
	right: auto;
}



.header-phone img {
	height: 18px;
	margin-bottom: 4.5px;
}

/* 
a#btnOpenForm {
	width: 100%;
	height: 50px;
	max-width: 250px;
	margin: 1rem 0;
	text-transform: uppercase;
	border: 1px solid #e1ff6a;
	background-color: #e1ff6a;
	color: #000 !important;
	padding: 10px 20px;
	transition: 0.5s;
	border-radius: 20px;
	font-size: 14px;
} */

/* #openNav,
.nav-menu,
#openNav * {
	pointer-events: auto !important;
	z-index: 10001 !important;
	position: relative;
	cursor: pointer !important;
} */

/* #openNav,
.nav-menu,
#openNav * {
	pointer-events: auto !important;
	z-index: 10001 !important;
	position: relative;
	cursor: pointer !important;
} */

.site-header .right-menu a {
	display: flex;
	flex-wrap: wrap;
}

.speak-to-an-expert-btn {
	margin: 0;
	border: 1px solid #e1ff6a;
	background-color: #e1ff6a;
	color: #000 !important;
	padding: 10px 20px 8px;
	border-radius: 44px;
	box-shadow: 0 0 20px 0 #e1fF6A80;
}

.speak-to-an-expert-btn,
a.header-phone {
	text-transform: uppercase;
	transition: .5s;
	display: inline;
	font-size: 14px;
}

.head-cart,
.head-phone {
	width: 41px !important;
	height: 41px !important;
	padding: 10px;
}

.head-phone {
	border: 1px solid #ffffff8a;
	border-radius: 50%;
	margin-left: 12px;
	margin-right: 12px;
}

.head-cart {
	border: 1px solid #ffffff8a;
	border-radius: 50%;
}

.head-cart i {
	color: #fff;
	font-size: 18px;
}

/* .dg-dropdown-wrapper {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: calc(100% + 10px);
	z-index: 10000;
	pointer-events: none;
	min-width: 200px;
}

.dg-dropdown-wrapper .dg-dropdown-menu {
	pointer-events: auto;
}

.dg-dropdown-menu {
	position: relative;
	width: 900px;
	margin-top: 15px;
	background-color: #000;
	border-radius: 0.5rem;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	transform: translateY(-10px);
	z-index: 9999;
	min-height: 533px !important;
}

.dg-dropdown-menu.dg-show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.dg-dropdown-tabs {
	display: flex;
	border-bottom: 1px solid #1f2937;
}

.dg-dropdown-tab {
	flex: 1;
	padding: 1rem 1.5rem;
	text-align: left;
	background: none;
	border: none;
	color: #9ca3af;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
	font-size: 1rem;
	font-weight: 400;
	display: flex;
	align-items: center;
	font-family: inherit;
}

.dg-dropdown-tab:hover,
.dg-dropdown-tab.dg-active {
	background-color: #111827;
	color: white;
}

.dg-dropdown-tab.dg-active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: linear-gradient(to right, #e1ff6ac4, #e1ff6a 60%);
}

.dg-dropdown-tab-bullet {
	color: transparent;
	background: linear-gradient(to right, #e1ff6ac4, #e1ff6a 60%);
	border-radius: 50%;
	box-shadow: 0 4px 15px 0 rgba(205, 13, 206, .5), 0 6px 20px 0 rgba(95, 13, 206, .4);
	margin-right: 0.5rem;
	font-size: 1px;
	width: 12px;
	height: 12px;
	display: none;
}

.dg-dropdown-tab.dg-active .dg-dropdown-tab-bullet {
	display: inline-block;
}

.dg-dropdown-content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4rem;
	padding: 2rem 2rem 2.5rem 2rem;
}

.dg-dropdown-content.dg-hidden {
	display: none;
}

.dg-dropdown-column {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.dg-dropdown-item {
	padding: 0.5rem 1rem;
	margin: 0.125rem 0;
	color: #d1d5db;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 0.95rem;
	line-height: 1.6;
	font-weight: 400;
	text-decoration: none;
	display: block;
	position: relative;
	border-radius: 0.25rem;
}

.dg-dropdown-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1rem;
	right: 1rem;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	transition: background-color 0.3s ease;
}

.dg-dropdown-item:hover {
	color: white;
	background-color: #1a1a1a;
}

.dg-dropdown-item:hover::after {
	background-color: rgba(255, 255, 255, 1);
}

.dg-dropdown-content.dg-with-articles {
	grid-template-columns: repeat(4, 1fr);
}

.dg-dropdown-featured {
	padding-left: 2rem;
	border-left: 1px solid #1f2937;
}

.dg-dropdown-featured-title {
	color: #9ca3af;
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1.5rem;
}

.dg-dropdown-article {
	padding: 0.75rem 0;
	color: #d1d5db;
	cursor: pointer;
	transition: color 0.3s ease;
	font-size: 0.9rem;
	line-height: 1.5;
	font-weight: 400;
	text-decoration: none;
	display: block;
}

.dg-dropdown-article:hover {
	color: white;
}
@media (max-width: 992px) {
	.dg-dropdown-content {
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
		padding: 1.5rem;
	}
}

@media (max-width: 600px) {
	.dg-dropdown-menu {
		width: 95%;
		left: 50%;
	}

	.dg-dropdown-content {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 1rem;
	}

	.dg-dropdown-tabs {
		flex-direction: column;
	}

	.dg-dropdown-tab {
		padding: 0.75rem 1rem;
	}
} */

.dg-dropdown-wrapper {
	position: absolute;
	left: 165px;
	transform: translateX(-50%);
	top: calc(100% + 12px);
	width: min(1175px, calc(100vw - 40px));
	padding-top: 35px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 140ms ease, visibility 140ms ease;
	z-index: 50;
}

/* invisible bridge so moving cursor down doesn't close */
/* .dg-dropdown-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 12px;
} */

.dg-dropdown-wrapper.dg-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.dg-dropdown-menu {
	background: #010101;
	border: 1px solid #ffffff1a;
	border-radius: 30px;
	padding: 24px;
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 0px;
}

.dg-dropdown-tabs {
	background: #010101;
	border-radius: 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dg-dropdown-tab {
	background: transparent;
	border: 0;
	color: var(--muted);
	text-align: left;
	padding: 18px 14px 18px 29px;
	border-radius: 14px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 300;
}

.dg-dropdown-tab.dg-active,
.dg-dropdown-tab:hover {
	background: #83838333;
	color: #E1FF6A;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	font-weight: 500;
}

.dg-dropdown-content {
	background: #1b1b1b;
	border-radius: 20px;
	padding: 18px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	align-content: center;
}

.dg-dropdown-content.dg-hidden {
	display: none;
}

.dg-dropdown-column {
	display: flex;
	flex-direction: column;
	gap: 10px;
}



.dg-dropdown-item {
	display: block;
	background: #090909;
	border-radius: 14px;
	padding: 20px 12px 20px 55px;
	color: var(--text);
	text-decoration: none;
	font-size: 14px;
	position: relative;

}

.dg-dropdown-item::before {
	content: '';
	position: absolute;
	top: 22px;
	left: 24px;
	width: 10px;
	height: 10px;
	background: #E1FF6A;
	border-radius: 50%;
}

@media (max-width: 900px) {
	.dg-dropdown-menu {
		grid-template-columns: 1fr;
	}

	.dg-dropdown-tabs {
		flex-direction: row;
		overflow-x: auto;
	}

	.dg-dropdown-content {
		grid-template-columns: 1fr;
	}
}

.right-menu .nav-menu {
	padding: 0 0 0 40px;
	display: none;
}

/* ========= Button Styles ========= */
.crv-butn {
	display: inline-block;
}

.crv-butn span {
	background: #d0ff71;
	color: #0e0f11;
}

.crv-butn .text {
	line-height: 40px;
	font-size: 15px;
	font-weight: 500;
	padding: 0 20px;
	border-radius: 30px;
	position: relative;
}

.crv-butn .text:after {
	content: '';
	width: 30px;
	height: 30px;
	background: #d0ff71;
	position: absolute;
	top: 5px;
	right: -15px;
	z-index: -1;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

.crv-butn .icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	margin-left: -10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.crv-butn .icon img {
	width: 15px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.crv-butn:hover .text:after {
	border-radius: 50%;
	top: calc(50% - 5px);
	right: 0;
	height: 10px;
}

.crv-butn:hover .icon {
	margin-left: 5px;
}

.crv-butn:hover .icon img {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ========= Button Styles ========= */
.main-butn {
	display: inline-block;
	border: 1px solid #ffffffbf;
	border-radius: 44px;
	padding: 6px 6px 6px 23px;
}

.main-butn span {
	background: #d0ff71;
	color: #0e0f11;
}

.main-butn .main-butn-txt {
	line-height: 0;
	font-size: 14px;
	font-weight: 200;
	padding: 0 20px;
	position: relative;
	background: transparent;
	color: white;
	padding: 0;
	margin-right: 25px;
}

.main-butn .icon {
	width: 43px;
	height: 43px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px;
	margin-left: -10px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main-butn .icon img {
	width: 15px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.main-butn:hover .main-butn-txt:after {
	border-radius: 50%;
	top: calc(50% - 5px);
	right: 0;
	height: 10px;
}

.main-butn:hover .icon img {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ========= Utility Classes ========= */
.text-u {
	text-transform: uppercase !important;
}

.fz-16 {
	font-size: 16px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.imgWrapper {
	margin-top: 60px;
}

/* ========= Responsive ========= */
@media screen and (max-width: 768px) {

	.main-butn {
		padding-left: 20px;
	}

	.main-butn .icon {
		width: 38px;
		height: 38px;
	}

	.main-butn .main-butn-txt {
		font-size: 12px;
	}
}

/* ===================================
   Experience Section Styles
======================================= */

.experience-sec {
	padding: 70px 0 0px;
	overflow: hidden;
	background: #000;
	color: #fff;
	z-index: 1;
	position: relative;
}


.experience-sec::before {
	content: '';
	position: absolute;
	background-image: url(../images/polygon/Polygon-3.png);
	background-repeat: no-repeat;
	background-position: center;
	z-index: -1;
	left: 0%;
	bottom: 0%;
	width: 280px;
	height: 730px;
}

/* .experience-sec::before {
	content: "";
	display: block;
	position: absolute;
	right: -80px;
	bottom: 200px;
	background-position: right center;
	background-size: contain;
	width: 254px;
	height: 254px;
	animation: circlerotate 12s infinite linear;
	animation-direction: alternate;
	z-index: -1;
} */

.profile-img {
	position: relative;
	padding: 30px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 500px;
}

.experience-sec-2 .profile-img {
	padding: 30px;
	margin-left: 15px;
	margin-right: 10px;
}

.experience-sec-2 .profile-img .img {
	height: 530px;
	width: 420px;
}

.profile-img .img {
	border-radius: 500px;
	height: 600px;
	overflow: hidden;
	width: 405px;
}

.profile-img .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.profile-img .icon {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding: 12px;
	background: rgba(255, 255, 255, 0.01);
	backdrop-filter: blur(5px);
	z-index: 3;
}

.profile-img .icon:nth-of-type(1) {
	top: 30px;
	left: 20px;
	transform: rotate(10deg);
}

.profile-img .icon:nth-of-type(2) {
	bottom: 40px;
	left: 0px;
	transform: rotate(-10deg);
}

.profile-img .icon:nth-of-type(3) {
	bottom: 50px;
	right: 40px;
	transform: rotate(-10deg);
}

.experience-sec .profile-img .icon img {
	animation: wiggleIcon 2s ease-in-out infinite;
}

@keyframes wiggleIcon {
	0% {
		transform: translateY(0);
	}

	25% {
		transform: translateY(-6px);
	}

	50% {
		transform: translateY(0);
	}

	75% {
		transform: translateY(6px);
	}

	100% {
		transform: translateY(0);
	}
}

.experience-sec h2 {
	margin-bottom: 20px;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}

.experience-sec .content-left {
	margin-right: 40px;
}

.experience-sec .content-left p {
	line-height: 1.5;
	font-weight: 200;
	margin: 0;
	font-size: 18px;
}

.bord-thin-top {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	padding-top: 30px;
	margin-top: 20px !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.sub-titleed-text {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}

.ml-auto {
	margin-left: auto;
}

.icon-img-40 img {
	width: 40px;
}

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

	to {
		transform: translateY(-150px) rotate(360deg);
	}
}

/* Rope Container */
.rope-container {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
	cursor: pointer;
	position: relative;
}

.rope-container svg,
.rope-container.banner-form-rope svg {
	width: 100%;
	height: 100%;
	display: block;
}

.rope-container path {
	stroke-width: 7px;
	stroke: #fff;
	fill: transparent;
}

/* ===================================
   HR Section - Projects Swiper Styles
======================================= */

.hr-sec {
	position: relative;
	width: 100%;
	background: #000;
}

.hr-sec .hr-container {
	width: max-content;
	display: flex;
	flex-wrap: nowrap;
}

.hr-sec .item-panel {
	width: 750px;
	height: 100%;
	padding: 0 15px;
}

.hr-sec .item-panel .see-more {
	position: absolute;
	top: 0;
	left: calc(100% + 15px);
	width: calc(100% - 15px);
	height: 100%;
}

.hr-sec .fit-img {
	height: 70vh;
	min-height: 480px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}

.hr-sec .fit-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.hr-sec .fit-img .cont {
	position: absolute;
	bottom: 36px;
	left: 33px;
}

.hr-sec .fit-img .cont .tags {
	overflow: hidden;
}

.hr-sec .fit-img .cont .tags span {
	width: max-content;
	display: block;
	padding: 14px 22px;
	background: #fff;
	font-weight: 500;
	color: #0f0f0f;
	border-radius: 10px;
	margin: 10px 0;
	transform: translateY(50px);
	opacity: 0;
	transition: all 0.4s;
	font-size: 11.98px;
}

.hr-sec .fit-img:hover .cont .tags span {
	opacity: 1;
	transform: translateY(0);
}

.hr-sec .fit-img:hover .cont .tags span:nth-of-type(2) {
	transition-delay: 0.1s;
}

.hr-sec .fit-img:hover .cont .tags span:nth-of-type(3) {
	transition-delay: 0.2s;
}

.hr-sec .fit-img:hover .cont .tags span:nth-of-type(4) {
	transition-delay: 0.3s;
}

/* Projects Swiper Styles */
.projects-swiper {
	overflow: hidden;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.projects-swiper .swiper-wrapper {
	display: flex;
	height: 100%;
	width: max-content !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 0 !important;
}

.projects-swiper {
	overflow: visible !important;
}

.projects-swiper .swiper-slide {
	width: 100vw !important;
	flex-shrink: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: contents !important;
}

/* .swiper-slide-item {
	width: 100vw;
	flex-shrink: 0;
} */

/* Button Styles */
.butn-arrow {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 30px 16px;
	font-size: 16px;
	font-weight: 500;
	text-transform: capitalize;
	text-decoration: none;
	color: #000;
	border: 1px solid #e1ff6a;
	border-radius: 50px;
	overflow: hidden;
	background: transparent;
	transition: color 0.3s ease;
	z-index: 1;
	cursor: pointer;
	width: auto;
	text-align: center;
	margin-right: 10px;
	height: auto;
	backdrop-filter: blur(10px);
}

.butn-arrow:hover {
	color: #000;
}

.butn-arrow .arrow-icon {
	display: inline-flex;
	align-items: center;
	gap: 0;
	position: relative;
	width: 29px;
	height: 22px;
}

.butn-arrow .arrow-icon svg {
	position: absolute;
	width: 100%;
	height: 100%;
	stroke: #000;
	stroke-width: 1.5;
	fill: none;
	transition: transform 0.3s ease;
	background: #e1ff6a;
	border-radius: 5px;
}

.card-work-main {
	font-weight: 600;
	font-size: 50px;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	flex-direction: column;
	width: 100%;
	min-height: 80%;
	gap: 20px;
	padding: 120px 0;
}

.view-card {
	font-size: 48px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 30px;
	display: block;
}

.btn-views {
	position: relative;
	display: inline-block;
	padding: 0px 70px;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
	text-decoration: none;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	overflow: hidden;
	background: transparent;
	transition: all 0.3s ease;
	z-index: 1;
	cursor: pointer;
	width: auto;
	text-align: center;
	height: auto;
}

.btn-views:hover {
	background: #e1ff6a;
	color: #000;
}

.expertise-work-header {
	margin-bottom: 35px;
}

.expertise-label,
.main-label {
	letter-spacing: 2px;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	border: 1px solid #ffffff78;
	padding: 9px 12px 9px 40px;
	border-radius: 35px;
	position: relative;
	display: inline-block;
}

.expertise-label::before,
.main-label::before {
	content: "";
	position: absolute;
	left: 9px;
	top: 8px;
	width: 20px;
	height: 20px;
	background: #e1ff6a;
	border-radius: 50%;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
	.experience-sec {
		padding: 50px 0 40px;
	}

	.experience-sec h2 {
		font-size: 28px;
	}

	.profile-img .img {
		height: 400px;
		width: 100%;
	}

	.hr-sec .fit-img {
		height: 50vh;
		min-height: 350px;
	}

	.card-work-main {
		font-size: 32px;
		padding: 60px 0;
	}

	.view-card {
		font-size: 32px;
	}

	.expertise-label,
	.main-label {
		font-size: 12px;
		padding: 8px 12px 8px 36px;
	}

	.expertise-label::before,
	.main-label::before {
		width: 14px;
		height: 14px;
	}
}

.content-left.wrap h3 {
	color: #e1ff6a;
	line-height: 100%;
}

/* Expandable Content Styles */
.expandable-content-wrapper {
	position: relative;
}

.expand-toggle-btn {
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer !important;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
	width: 100%;
}

.expand-icon {
	transition: transform 0.3s ease;
}

.expand-toggle-btn.active .expand-icon {
	transform: rotate(180deg);
}

.expandable-paragraph {
	color: #fff;
	line-height: 1.5;
	font-weight: 200;
	margin: 0;
	font-size: 18px;
	display: block;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
		margin-top 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		padding-top 0.4s cubic-bezier(0.4, 0, 0.2, 1),
		padding-bottom 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.expandable-paragraph.show {
	opacity: 1;
	max-height: 500px;
	padding-top: 1rem;
	padding-bottom: 0;
	margin-bottom: 25px !important;
}

.effect {
	animation: 2s ease-out infinite alternate bounce;
	top: 50%;
	will-change: transform;
	transform: translateZ(0)
}

@keyframes bounce {
	0% {
		transform: translateY(0) translateZ(0)
	}

	100% {
		transform: translateY(15px) translateZ(0)
	}
}

/* ===================================
   FAQ Section Styles
======================================= */
.faq_section {
	padding: 60px 0px;
	background: #000;
	position: relative;
}

.faq_section::before {
	content: '';
	position: absolute;
	background-image: url(../images/polygon/Polygon-6.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 230px;
	height: 680px;
	left: 0%;
	top: 8%;
	z-index: -1;
}

.faq_section .row {
	align-items: self-start;

}


/* Left Column - Title */
.faq-title {
	color: #fff;
	font-size: 90px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 30px;
	font-family: 'Outfit', sans-serif;
	letter-spacing: 2px;
	width: 85%;
}

.services_accordion_section {
	padding-top: 140px;
	padding-bottom: 0px;
}

.services_accordion_section .faq-title {
	font-size: 70px;
}

/* FAQ Button Wrapper */
.faq-btn-wrapper {
	margin-top: 30px;
}

.faq-chat-btn {
	display: inline-block;
}

/* Right Column - Accordion */
.faq_accordions {
	width: 100%;
}

.faq_accordions .accordion {
	background: transparent;
	border: none;
}

.faq_accordions .accordion-item {
	background: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.faq_accordions .accordion-item:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.faq_accordions .accordion-button {
	background: transparent;
	border: none;
	padding: 0;
	box-shadow: none;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 33px;
	justify-content: space-between;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
	font-family: 'Outfit', sans-serif;
}

.faq_accordions .accordion-button:not(.collapsed) {
	background: transparent;
	box-shadow: none;
}

.faq_accordions .accordion-button:focus {
	box-shadow: none;
	border: none;
}

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

/* FAQ Number */
.faq-number {
	font-size: 90px;
	font-weight: 700;
	color: #E1FF6A1A;
	font-family: 'Outfit', sans-serif;
	line-height: 1;
	flex-shrink: 0;
	min-width: 110px;
}

.faq-img img {
	width: auto;
	height: 93px;
}

/* FAQ Question */
.faq-question {
	flex: 1;
	color: #fff;
}

/* FAQ Arrow */
.faq-arrow {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.faq_accordions .accordion-button:not(.collapsed) .faq-arrow {
	transform: rotate(45deg);
}

.faq-arrow img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: brightness(0) invert(1);
}

/* Accordion Body */
.faq_accordions .accordion-body {
	padding: 20px 0 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	font-family: 'Outfit', sans-serif;
	margin-bottom: 20px;
}

/* Responsive Styles */
@media (max-width: 992px) {
	.faq-title {
		font-size: 80px;
		margin-bottom: 40px;
	}

	.faq_accordions .accordion-button {
		font-size: 20px;
		gap: 15px;
	}

	.faq-number {
		font-size: 36px;
		min-width: 50px;
	}

	.faq_accordions .accordion-body {
		padding-left: 65px;
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.faq_section {
		padding: 80px 0;
	}

	.faq-title {
		font-size: 35px;
		margin-bottom: 30px;
		writing-mode: horizontal-tb;
		transform: none;
		text-transform: capitalize;
	}

	.faq_accordions .accordion-button {
		font-size: 18px;
		gap: 12px;
		flex-wrap: wrap;
	}

	.faq-number {
		font-size: 32px;
		min-width: 45px;
	}

	.faq_accordions .accordion-body {
		padding-left: 0;
		padding-top: 15px;
		font-size: 14px;
	}

	.faq-btn-wrapper {
		margin-top: 30px;
	}

	.faq-arrow {
		width: 25px;
		height: 25px;
	}
}

@media (max-width: 480px) {
	.faq_section {
		padding: 60px 0;
	}

	.faq_accordions .accordion-button {
		font-size: 16px;
	}

	.faq-number {
		font-size: 28px;
		min-width: 40px;
	}

	.faq_accordions .accordion-body {
		font-size: 13px;
	}
}

/* ========== Blog Slider Module CSS - Minimal & Conflict-Free ========== */
/* All classes prefixed with 'bs-' to avoid conflicts */

/* ==================== Main Container ==================== */
.bs-blog-slider {
	color: #fff;
	padding-block: 0 120px;
}

.bs-blog-slider.bs-pt-0 {
	padding-top: 0 !important;
}


/* ==================== Button Border Small ==================== */
.bs-blog-slider .bs-butn-bord-sm {
	padding: 10px 20px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	position: relative;
	display: inline-block;
}

.bs-blog-slider .bs-butn-bord-sm:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #fff;
	border-radius: 50%;
	margin-right: 15px;
	transform: translateY(-2px);
}

/* ==================== Fit Image ==================== */
.bs-blog-slider .bs-fit-img {
	overflow: hidden;
}

.bs-blog-slider .bs-fit-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left;
	vertical-align: inherit;
}

/* ==================== Blog Item ==================== */
.bs-blog-slider .bs-item {
	color: #fff;
}

.bs-blog-slider .bs-item .bs-text {
	color: #fff;
	margin-top: 18px;
	margin-left: 6px;
}

.bs-blog-slider .bs-item .bs-info {
	color: #3C3B3B;
	font-size: 18px;
	margin-bottom: 12px;
}

.bs-blog-slider .bs-item h5 {
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1.6;
	font-weight: 300;
}

.bs-blog-slider .bs-item h5 a {
	text-decoration: none;
	color: inherit;
	display: inline-block;
}

.bs-blog-slider .bs-item h5 a:hover {
	color: inherit;
}

/* ==================== Utility Classes ==================== */
.bs-blog-slider .bs-mb-80px {
	margin-bottom: 80px !important;
}

.bs-blog-slider .bs-mb-15px {
	margin-bottom: 15px !important;
}

.bs-blog-slider .bs-mb-20px {
	margin-bottom: 20px !important;
}

.bs-blog-slider .bs-mt-30px {
	margin-top: 30px !important;
}

.bs-blog-slider .bs-mr-15px {
	margin-right: 15px !important;
}

.bs-blog-slider .bs-ml-15px {
	margin-left: 15px !important;
}

.bs-blog-slider .bs-h-350px {
	height: 290px !important;
}

.bs-blog-slider .bs-border-radius-30px {
	border-radius: 30px;
}

.bs-blog-slider .bs-o-hidden {
	overflow: hidden;
}

.bs-blog-slider .bs-text-align-center {
	text-align: center;
}

.bs-blog-slider .bs-fs-60 {
	font-size: 60px !important;
}

.bs-blog-slider .bs-fs-13 {
	font-size: 13px !important;
}

.bs-blog-slider .bs-fs-14 {
	font-size: 14px !important;
}

.bs-blog-slider .bs-fw-400 {
	font-weight: 400 !important;
}

.bs-blog-slider .bs-opacity-7 {
	opacity: 0.7;
}

.bs-blog-header h2 {
	font-size: 46px;
	font-weight: 700;
	color: #fff;
	margin-block: 12px 50px;
	line-height: 1.2;
	display: block;
}

/* ==================== Swiper Container (scoped) ==================== */
/* Swiper ke liye standard classes bhi add karein taake Swiper kaam kare */
.bs-blog-slider .bs-swiper-container.swiper-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.bs-blog-slider .bs-swiper-wrapper.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
}

.bs-blog-slider .bs-swiper-slide.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

/* ==================== Responsive ==================== */
@media screen and (max-width: 992px) {
	.bs-sec-head h2 {
		font-size: 40px !important;
	}

	.bs-fs-60 {
		font-size: 40px !important;
	}
}

@media screen and (max-width: 768px) {
	.bs-sec-head h2 {
		font-size: 30px !important;
	}

	.bs-fs-60 {
		font-size: 30px !important;
	}

	.bs-item h5 {
		font-size: 20px;
	}

	.bs-blog-header h2 {
		font-size: 35px;
	}
}


.follow-sec {
	padding: 0 0 100px;
	position: relative;

}

.follow-sec::before {
	content: '';
	position: absolute;
	background-image: url(../images/polygon/Polygon-7.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 195px;
	height: 654px;
	right: 0%;
	top: -15%;
	z-index: -1;
}

.follow-sec .follow-header h2 {
	font-size: 100px;
	font-weight: 700;
	color: #fff;
	margin-block: 15px 50px;
	line-height: 1;
	display: block;
}

.follow-sec .follow-header .follow-image-wrapper {
	position: relative;
}

/* .follow-sec .follow-social .facebook,
.follow-sec .follow-social .twitter,
.follow-sec .follow-social .linkedin,
.follow-sec .follow-social .instagram  {
	padding-block: 20px;
} */

.follow-social li {
	padding: 1.6rem 4rem;
	list-style: none;
}

.follow-social li a {
	font-size: 30px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}

.follow-social>ul {
	padding-left: 0;
}

.follow-social>ul>li {
	border-top: 1px solid #554f51;
}

.follow-social li a img {
	height: 30px;
	margin-top: 5px;
}

.hover-slider .highway-car img {
	height: 30px;
	margin-top: 5px;
	filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(16%) hue-rotate(338deg) brightness(93%) contrast(107%);
}

.hover-slider .highway-slider .highway-lane .highway-car {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #e0fd60;
	color: #000;
	height: 100%;
}

.hover-slider .highway-slider .highway-lane .highway-car span,
#infinite .highway-barrier .highway-lane .highway-car span {
	font-size: 1.6rem;
	font-weight: 400;
	writing-mode: horizontal-tb !important;
	white-space: nowrap;
	display: inline-block;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #000;
}

@keyframes translateinfinite {
	100% {
		transform: translateX(calc(-1500px));
	}
}

#infinite .highway-barrier .highway-lane .highway-car {
	width: 180px;
	animation: 15s linear infinite translateinfinite;
	border: 0;
}

.hover-slider {
	position: absolute;
	top: 0;
	z-index: 1;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s;
	width: 100%;
	height: 100%;
}

#infinite .highway-barrier {
	transform: scaleY(0);
	background: #e0fd60;
	transition: transform 0.8s;
	height: 100%;
	width: 100%;
	min-height: 80px;
}

.instagram:hover .hover-slider {
	opacity: 1;
}

.linkedin:hover:hover .hover-slider {
	opacity: 1;
}

.facebook:hover:hover .hover-slider {
	opacity: 1;
}

.twitter:hover .hover-slider,
ul.brandslist li:hover img {
	opacity: 1;
}

.facebook:hover #infinite .highway-barrier,
.facebook:hover #infinite .highway-barrier::before,
.instagram:hover #infinite .highway-barrier,
.instagram:hover #infinite .highway-barrier::before,
.linkedin:hover #infinite .highway-barrier,
.linkedin:hover #infinite .highway-barrier::before,
.twitter:hover #infinite .highway-barrier,
.twitter:hover #infinite .highway-barrier::before {
	transform: scaleY(1);
	transition-duration: 0.5s;
}

#infinite .highway-barrier .highway-lane {
	width: calc(3000px);
	/* Wide enough for seamless loop */
	display: flex;
	height: 100%;
	align-items: stretch;
}

.hover-slider .highway-slider .highway-barrier {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

.follow-sec .follow-header .follow-image-wrapper img {
	position: absolute;
	top: -40px;
	height: 409px;
	z-index: 2;
	right: 75px;
}

/* .follow-sec .follow-content .follow-social ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 22px 0;
	margin: 0;
	position: relative;
	z-index: 3;
}

.follow-sec .follow-content .follow-social ul li {
	list-style: none;
}

.follow-sec .follow-content .follow-social a {
	text-decoration: none;
}

.follow-sec .follow-content .follow-social ul li span {
	font-size: 33px;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}

.follow-sec .follow-content ul li img {
	height: 35px;
	transition: all 0.3s ease;
}

.follow-sec .follow-content .follow-social:hover ul li img {
	transform: rotate(45deg);
}

.follow-sec .follow-content .follow-social:hover {
	border-color: #E1FF6A;
} */

@media (max-width: 768px) {
	/* .follow-sec .follow-content .follow-social ul{
		padding: 20px 0;
	} */

	.follow-sec .follow-header .follow-image-wrapper img {
		top: -98px;
		height: 175px;
		right: -18px;
	}

	/* .follow-sec .follow-content .follow-social ul li span{
		font-size: 24px;
	}

	.follow-sec .follow-content ul li img{
		height: 25px;
	} */



	.follow-sec .follow-header h2 {
		font-size: 35px;
		margin-block: 15px 40px;
	}
}

/* ============================================
   Footer Section Styles
   ============================================ */
.site-footer {
	position: relative;
	background: #000;
	padding: 30px 0 40px;
	color: #fff;
	overflow: hidden;
}

.site-footer .container {
	position: relative;
	z-index: 1;
}

/* Office Information Styles */
.footer-office-info {
	padding-right: 30px;
}

.office-item {
	margin-bottom: 40px;
}

.office-item:last-child {
	margin-bottom: 0;
}

.office-title {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 15px;
	font-family: 'Outfit', sans-serif;
}

.office-icon {
	margin-bottom: 4px;
	display: inline-block;
	width: 48px;
}

.office-icon svg {
	opacity: 0.9;
}

.office-phone {
	font-size: 16px;
	color: #fff;
	margin-bottom: 8px;
	line-height: 1.6;
	margin-top: 12px;
	font-weight: 300;
}

.office-address {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.6;
	margin: 0;
	font-weight: 300;
}

/* Footer Columns Styles */
.footer-column {
	margin-bottom: 30px;
}

.footer-heading {
	font-size: 18px;
	font-weight: 600;
	color: #e1ff6a;
	margin-bottom: 18px;
	font-family: 'Outfit', sans-serif;
}

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 10px;
}

.footer-links li:last-child {
	margin-bottom: 0;
}

.footer-links a {
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
	display: inline-block;
	line-height: 1.5;
	font-weight: 300;
	position: relative;
}

.footer-links a::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: width 0.3s ease, right 0.3s ease;
}

.footer-links a:hover::after {
	width: 100%;
	left: 0;
}

/* Copyright Section */
.footer-copyright {
	margin-top: 45px;
	padding-top: 30px;
	text-align: center;
}

.footer-copyright p {
	font-size: 14px;
	color: #fff;
	margin: 0;
	line-height: 1.6;
	font-weight: 300;
}

.site-footer .container {
	position: relative;
	z-index: 2;
}

.site-footer .container:before {
	content: '';
	position: absolute;
	top: 53%;
	left: 10%;
	width: 75%;
	height: 44%;
	background: url(../images/footer-effect.png) no-repeat center center;
	background-size: cover;
	z-index: -1;
}

.site-footer .footer-header {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 45px;
	margin-bottom: 90px;
}

.site-footer .footer-header h2 {
	font-size: 90px;
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	display: block;
}

/* Responsive Styles */
@media (max-width: 992px) {
	.footer-office-info {
		padding-right: 0;
		margin-bottom: 40px;
	}

	.office-item {
		margin-bottom: 30px;
	}

	.footer-column {
		margin-bottom: 40px;
	}
}

@media (max-width: 768px) {
	.site-footer {
		padding: 30px 0 30px;
	}

	.footer-heading {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.footer-links a {
		font-size: 14px;
	}

	.office-title {
		font-size: 18px;
	}

	.footer-copyright {
		margin-top: 0px;
		padding-top: 10px;
	}

	.site-footer .container:before {
		display: none;
	}

	section {
		padding: 60px 0;
	}

	.site-footer .footer-header {
		align-items: self-start;
		gap: 15px;
		margin-bottom: 55px;
		flex-direction: column;
	}

	.site-footer .footer-header h2 {
		font-size: 45px;
	}
}

@media (max-width: 576px) {
	.footer-column {
		margin-bottom: 35px;
	}
}





/* .site-footer .container:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background: linear-gradient(to bottom, #000, #00000000);
	z-index: 2;
} */


/* Banner Section CSS */
.banner-image-container {
	top: 0;
	left: 0;
	background-image: url(../images/landing-banner-section.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100vh
}

.lan-banner-section {
	contain: layout style;
	isolation: isolate;
	height: 105vh;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	position: relative;
	padding: 140px 0;
}

.anniversarySection,
.whatsapp-button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.anniversarySection::after {
	content: '';
	position: absolute;
	bottom: -2%;
	left: 0;
	width: 100%;
	height: 18%;
	background-image: linear-gradient(to top, #000000 20%, transparent);
}

.lan-banner-section .anniversaryContent h6 {
	border: .5px solid #ffffff8a;
	font-family: "General Sans", sans-serif;
	font-weight: 300;
	font-size: 13px;
	line-height: 100%;
	letter-spacing: 0;
	margin-bottom: 8px;
	width: max-content;
	padding: 9px 10px 9px 31px;
	border-radius: 30px;
	position: relative;
	color: #fff;
}

.lan-banner-section .anniversaryContent h6::before {
	content: '';
	position: absolute;
	top: 9.3px;
	left: 11px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #e1ff6a;
	box-shadow: 0 0 15px 0 #e4fa8e inset;
	box-shadow: 0 0 4px 0 #c3ee19;
}

.lan-banner-section h1 {
	font-size: 67px !important;
	background: linear-gradient(90deg, #fff 0, #e1ff6a 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-font-weight: 500 !important;
	line-height: 1.15em !important;
	color: #fff;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.lan-banner-section .anniversaryContent .banner-para {
	font-size: 18px;
	font-family: outfit !important;
	line-height: 1.9;
	color: #fff;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.lan-banner-section .anniversaryContent>.banner-para {
	margin-block: 8px 20px !important;
	display: block;
}



.btn-position-aware {
	display: inline-block;
	padding: 10px 30px;
	transition: color .3s;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	background: 0 0;
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	font-size: 16px;
	color: #000;
	border-radius: 50px;
	z-index: 999;
	margin-right: 0;
	background-color: #ffff;
}

.btn-position-aware {
	display: inline-block;
	padding: 10px 30px;
	transition: color .3s;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	background: 0 0;
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	/* z-index: 999; */
	margin-right: 0
}

.btn-position-aware .ripple,
.butn-arrow .ripple {
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: linear-gradient(45deg, #e1ff6a, #dcf76e, #7f9f03 79%);
	transform: translate(-50%, -50%);
	transition: width .6s, height .6s;
	z-index: -1;
	pointer-events: none;
	left: 50%;
	top: 50%;
	/* color: #fff; */
}

.btn-position-aware span,
.our-expertise-skills-section .container {
	position: relative;
	z-index: 2
}

.button-cta-flex .btn-position-aware {
	margin-left: 20px;
	/* border: 1px solid #000; */
	color: #000
}

.lan-banner-section .anniversaryContent .btn-position-aware {
	background-color: #e1ff6a;
	box-shadow: 0 0 20px 0 #e1fF6A80;
	font-family: "General Sans", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 21.6px;
	text-align: center;
	color: #000;
	padding: 10px 22px
}

#lp-landing-page .btn-position-aware {
	background-color: #e1ff6a !important;
	color: #000 !important
}

.anniversaryImg,
.anniversaryImg .form-box {
	border-radius: 15px;
	width: 400px;
}

.form-box,
.position-relative {
	position: relative;
	overflow: hidden;
}

#lp-landing-page form {
	padding: 4px;
	will-change: transform;
	z-index: 11;
	width: 100%;
}

.anniversarySection,
.blur-effect,
.experience-sec {
	contain: layout style paint;
}

#lp-landing-page form .fieldset {
	border-color: #fff !important;
	padding: 35px;
	border-radius: 35px;
	padding: 40px;
	border: 1px solid #e1ff6a;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 466px;
	font-size: 16px;
	background: #000000a1;
	z-index: 22;
	backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, .3);
	opacity: .8;
}

.form-box .fieldset h6 {
	font-size: 24px !important;
	text-transform: uppercase !important;
	margin: auto;
}

.anniversarySection h6 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 4px;
	cursor: none;
	color: #fff;
	position: relative;
	z-index: 1;
	width: 100%;
	text-align: center;
	text-transform: uppercase !important;
}

.anniversaryImg #lp-landing-page p {
	margin-bottom: 22px;
	font-size: 14px;
	text-transform: uppercase;
}

#lp-landing-page .field-outer {
	margin-bottom: 14px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	font-size: inherit;
}

#lp-landing-page input {
	padding-block: 0px;
	border-bottom: 0;
	height: auto;
	line-height: 100% !important;
	width: 100% !important;
	border-radius: 0;
	border: none;
	font-weight: 400;
	font-size: .875em;
	background: 0 0;
	color: #fff;
	font-style: normal;
	outline: none;
	/* border-bottom: 1px solid #fff; */
}

.banner-text-bottom span,
.scroll-prompt,
.site-header {
	transform: translateX(-50%);
}

.banner-text-bottom span {
	position: absolute;
	bottom: -98px;
	left: 50%;
	font-weight: 600;
	color: #ffffff17 !important;
	text-align: center;
	font-family: "General Sans", sans-serif;
	font-size: 19vw;
	letter-spacing: 0;
	width: 100%;
	text-transform: lowercase;
	opacity: 0.2;
}

.scroll-prompt {
	position: absolute;
	z-index: 998;
	bottom: 35px;
	left: 50%;
	width: 160px;
	height: 160px
}

.scroll-prompt-arrow,
.scroll-prompt-arrow-container {
	animation-duration: 1.5s;
	animation-iteration-count: infinite
}

.scroll-prompt-arrow-container {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -18px;
	animation-name: scroll-prompt-bounce
}

.scroll-prompt-arrow {
	animation-name: scroll-prompt-opacity
}

.scroll-prompt-arrow:last-child {
	animation-direction: reverse;
	margin-top: -6px
}

.scroll-prompt-arrow>div {
	width: 34px;
	height: 34px;
	border-right: 7px solid #bebebe;
	border-bottom: 7px solid #bebebe;
	transform: rotate(45deg) translateZ(1px)
}

@keyframes scroll-prompt-opacity {
	0% {
		opacity: 0
	}

	10% {
		opacity: .1
	}

	20% {
		opacity: .2
	}

	30% {
		opacity: .3
	}

	40% {
		opacity: .4
	}

	50% {
		opacity: .5
	}

	60% {
		opacity: .6
	}

	70% {
		opacity: .7
	}

	80% {
		opacity: .8
	}

	90% {
		opacity: .9
	}

	100% {
		opacity: 1
	}
}

@keyframes scroll-prompt-bounce {
	0% {
		transform: translateY(0)
	}

	10% {
		transform: translateY(3px)
	}

	20% {
		transform: translateY(6px)
	}

	30% {
		transform: translateY(9px)
	}

	40% {
		transform: translateY(12px)
	}

	50% {
		transform: translateY(15px)
	}

	60% {
		transform: translateY(18px)
	}

	70% {
		transform: translateY(21px)
	}

	80% {
		transform: translateY(24px)
	}

	90% {
		transform: translateY(27px)
	}

	100% {
		transform: translateY(30px)
	}
}

.rope-container.banner-form-rope {
	height: 34px;
	position: relative;
	overflow: hidden;
}

/* ============================================
   RANGE SLIDER CSS
   ============================================ */

.budget-slider-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.budget-label {
	font-size: 14px;
	color: #fff;
	text-align: center;
}

.slider-wrapper {
	position: relative;
	width: 250px;
	height: 30px;
}

.slider-wrapper input[type=range] {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	background: 0 0;
	-webkit-appearance: none;
	border-bottom: none;
	border: none;
}

.slider-wrapper input[type=range]::-webkit-slider-thumb {
	pointer-events: all;
	border: 3px solid #e1ff6a;
	-webkit-appearance: none;
}

.range-highlight,
.track {
	top: 50%;
	transform: translateY(-50%);
	height: 8px;
	border-radius: 4px;
	position: absolute;
}

.track {
	background: #e0e0e0;
	width: 100%;
}

.range-highlight {
	background: #e1ff6a;
	width: 0;
}

form .field-outer.budget-slider-container {
	border-bottom: none !important;
}

.slider-wrapper,
.slider-wrapper * {
	cursor: pointer !important;
}

.slider-wrapper input[type=range] {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer !important;
}

.slider-wrapper input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #e1ff6a;
	border: none;
	cursor: pointer !important;
}

.slider-wrapper input[type=range]::-moz-range-thumb {
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #e1ff6a;
	border: none;
	cursor: pointer !important;
}

.form-container .slider-wrapper input[type=range] {
	top: -20%;
	border-bottom: none !important;
}


/* Get in touch */

.purple-box {
	background: linear-gradient(45deg, #e1ff6a, #dcf76e, #7f9f03 79%);
	border-radius: 35px;
	padding: 59px 40px;
	color: #fff;
	z-index: 999;
	position: relative;
}

.subtitle {
	font-size: 45px;
	font-weight: 400;
	color: #000;
	position: relative;
	display: inline-block;
	padding: 0px 15px 0px 0;
}

.get-in-touch .get-in-touch-content h2 {
	font-size: 102px;
	display: flex;
	color: #000;
	font-weight: 700;
	margin-bottom: 12px;
}

.get-in-touch .get-in-touch-content h2 span {
	display: block;
	width: 50%;
}

.get-in-touch .get-in-touch-content h2 span:last-child {
	text-align: right;
	position: relative;
	top: 60px;
}

.get-in-touch .get-in-touch-content .hand-image {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: transform 1s cubic-bezier(.165, .84, .44, 1);
}

.hand-image img {
	position: relative;
	bottom: -50px;
	right: 20px;
	height: 525px;
}

.get-in-touch .get-in-touch-content:hover .hand-image,
.left-boxes.info-box:hover {
	transform: translate(-50%, -50%) rotate(-5deg) scale(1.1);
}

.button-cta-flex {
	display: flex;
	justify-content: start;
}

#btnShowPopup2 {
	border: 0;
	background: 0 0;
	border: 0;
	background: 0;
}

.rounded-btn {
	width: 45px;
	height: 45px;
	background: #000;
	border-radius: 70px;
	overflow: hidden;
	transition: .5s ease-out;
	border: 1px solid transparent;
	line-height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	color: #fff;
}

.rounded-btn span {
	font-size: 17px;
	line-height: 19px;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
	width: 0;
	white-space: nowrap;
	opacity: 0;
	overflow: hidden;
	z-index: 1;
}

.rounded-btn:hover span {
	width: -moz-fit-content;
	width: fit-content;
	opacity: 1;
	margin-right: 10px;
}

.rounded-btn:hover {
	width: 160px;
}

.get-in-touch .rounded-btn svg path {
	fill: #fff;
}

/* ============================================
   CONTENT SECTION STYLES
   ============================================ */

.content-section {
	padding: 120px 0;
	background: #000;
}

.content-section h2 {
	color: #fff;
	font-size: 70px;
	font-weight: 700;
	line-height: 1.2;
	max-width: 1020px;
	margin: 0 auto 30px;
}

.content-section .content-text {
	max-width: 900px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
	line-height: 1.8;
}

.content-section .content-text p {
	font-weight: 300;
}

@media (max-width: 768px) {
	.content-section {
		padding: 80px 0;
	}

	.content-section h2 {
		font-size: 32px;
	}

	.content-section .content-text {
		font-size: 16px;
	}
}

.features {
	position: relative;
	padding: 22vw 0;
	background: #000
}

.pin-spacer {
	height: 100%;
	position: absolute;
	margin-top: calc(0px - 29.5vw)
}

.pin-spacer .stack-title {
	position: sticky;
	top: 0;
	bottom: 0;
	margin: auto;
	padding-top: calc(100vh - 19vw - 15vw)
}

.features .item {
	padding: 40px 30px;
	border: 1px solid rgba(255, 255, 255, .05);
	border-radius: 30px;
	background: #1c1c1c;
	color: #d2d1d1;
	position: relative;
	z-index: 4
}

.features .item h6 {
	color: #d2d1d1
}

.features .item.bg-light {
	background: #1c1c1c;
	color: #4e4b4b
}

.features .item.bg-light h6 {
	color: #4e4b4b
}

.main-colorbg {
	background-color: #ddf160 !important
}

.desktop-none {
	display: none;
}

.features .stack-title h2 {
	font-size: 15vw;
	color: #fff;
}

.features .item h6 {
	color: #d2d1d1;
}

.mb-80px {
	margin-bottom: 80px !important;
}

.mt-60px {
	margin-top: 60px !important;
}

@media (max-width: 1199px) {
	.mobile-none {
		display: none;
	}

}

@media (max-width: 1199px) {
	.desktop-none {
		display: block;
	}
}

@media only screen and (max-width: 768px) {
	.pin-spacer .stack-title {
		position: relative;
		padding-top: 35px;
	}

	.features .stack-title h2 {
		text-align: center;
		font-size: 35px;
		margin-left: 50px;
	}

	.projects-swiper .swiper-wrapper {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		height: auto !important;
		gap: 25px;
	}

	.hr-sec .item-panel {
		width: 100%;
		margin: auto;

	}

}

@media (max-width: 991px) {
	.expertise-work-header {
		top: 0;
		position: static;
	}
}

@media (max-width: 991px) {
	.get-in-touch .get-in-touch-content .hand-image {
		position: static;
		transform: none;
		transition: none;
		text-align: center;
	}
}

@media only screen and (max-width: 768px) {
	.expertise-label {
		font-size: 22px;
		width: 100%;
		display: block;
		margin-bottom: 20px;
		font-weight: 700;
		text-align: center;
		border: none;
	}

	.expertise-label::before {
		display: none;
	}

	.scroll-prompt {
		display: none;
	}

	.lan-banner-section h1 {
		font-size: 28px !important;
		font-weight: 600 !important;
		margin-block: 10px 4px !important;
		text-align: center;
	}

	.anniversarySection .anniversaryContent {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.anniversarySection {
		height: 100% !important;
	}

	.lan-banner-section .anniversaryContent .banner-para {
		font-size: 18px;
		line-height: 1.9;
		font-weight: 200;
		text-align: center;
	}

	.anniversaryImg .form-box {
		width: 100%;
		margin-top: 20px;

	}

	.lan-banner-section {
		padding: 90px 0 0 !important;
	}

	.pin-spacer {
		height: 100%;
		position: relative;
		margin-top: 0;
	}

	.features {
		padding-top: 40px;
		padding-bottom: 40px;

	}

	.features .item {
		margin: 5px !important;
	}

	.services_accordion_section .faq-title {
		font-size: 35px;
		text-align: center;
		width: 100%;
	}

	.get-in-touch .get-in-touch-content h2 {
		font-size: 27px;
	}

	.get-in-touch .get-in-touch-content h2 span {
		margin-left: 0;
		display: inline-block;
		width: 100%;
	}

	.get-in-touch .get-in-touch-content h2 span:last-child {
		text-align: center;
	}

	.get-in-touch-content {
		text-align: center;
	}


}

/* ===================== RESET ===================== */
a {
	text-decoration: none
}

ul {
	list-style: none
}

/* ===================== MOBILE HEADER ===================== */
.mobile-header {
	display: none;
	background: #000;
	padding: 12px 0;
	position: sticky;
	top: 0;
	z-index: 9998;
}

.mobile-header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
}

.mobile-logo img {
	max-width: 140px
}

.hamburger {
	background: none;
	border: 0;
	cursor: pointer;
}

.hamburger span {
	display: block;
	width: 26px;
	height: 3px;
	background: #fff;
	margin: 5px 0;
}

/* ===================== DRAWER ===================== */
.mobile-drawer,
.services-screen {
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #111;
	z-index: 9999;
	transition: .4s ease;
	overflow-y: auto;
}

.mobile-drawer.active,
.services-screen.active {
	right: 0
}

.drawer-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	border-bottom: 1px solid #222;
	color: #fff;
}

.drawer-header button {
	background: none;
	border: 0;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
}

.drawer-menu {
	padding: 15px
}

.drawer-menu li {
	margin-bottom: 12px
}

.drawer-menu a,
.submenu-btn {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px;
	background: #1a1a1a;
	color: #fff;
	border-radius: 8px;
	border: 0;
	font-size: 15px;
	margin-bottom: 10px;
}

.submenu-btn span {
	font-size: 20px
}

/* ===================== DEMO CONTENT ===================== */
.page-content {
	padding: 40px 20px;
}

/* ===================== RESPONSIVE ===================== */
@media (max-width:991px) {
	.mobile-header {
		display: block
	}
}

.faq-pin {
	will-change: transform;
}

.faq_section {
	position: relative;
}

.faq-content {
	min-height: 120vh;
	/* MUST — warna pin nahi hota */
}

.position-re {
	position: relative;
}

.intro .img {
	width: 150px;
	height: 165px;
	border-radius: 5px;
	position: absolute;
}

.intro .img1 {
	bottom: 70px;
	left: 90px;
	-webkit-transform: rotate(-8deg);
	-ms-transform: rotate(-8deg);
	transform: rotate(-8deg);
}

.intro .img2 {
	top: -15px;
	right: -30px;
	-webkit-transform: rotate(8deg);
	-ms-transform: rotate(8deg);
	transform: rotate(8deg);
}

.fit-img {
	overflow: hidden;
}

.fit-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
}

.faq_section {
	padding: 100px 0;
}

.sticky-col {
	z-index: 5;
}

#lp-landing-page .btn-position-aware {
	color: #000 !important
}

.new-btn-position-aware {
	display: inline-block;
	padding: 10px 30px;
	transition: color .3s;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	background: 0 0;
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 50px;
	z-index: -999;
	margin-right: 0;
}

.new-btn-position-aware {
	display: inline-block;
	padding: 10px 30px;
	transition: color .3s;
	cursor: pointer;
	width: auto;
	height: auto;
	text-align: center;
	background: 0 0;
	text-transform: capitalize;
	overflow: hidden;
	font-weight: 400;
	text-decoration: none;
	position: relative;
	font-size: 16px;
	background-color: #e1ff6a;
	color: #000;
	border: 1px solid #e1ff6a;
	border-radius: 50px;
	z-index: 999;
	margin-right: 0
}

.new-btn-position-aware .ripple,
.butn-arrow .ripple {
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #fff;
	transform: translate(-50%, -50%);
	transition: width .6s, height .6s;
	z-index: -1;
	pointer-events: none;
	left: 50%;
	top: 50%
}

body {
	cursor: none;
}

/* Main dot */
.custom-cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
	pointer-events: none;
	z-index: 9999;
	transform: translate(-50%, -50%);
}

/* Follower */
.cursor-follower {
	position: fixed;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	pointer-events: none;
	z-index: 999999;
	transform: translate(-50%, -50%);
	transition: transform 0.15s ease-out;
	background-color: #fff;
}

/* Hover effect */
.cursor-active {
	transform: translate(-50%, -50%) scale(1.8);
}

.custom-cursor,
.cursor-follower {
	pointer-events: none;
	mix-blend-mode: difference;
}

.faq_section {
	position: relative;
	overflow: visible !important;
}

.faq-wrapper {
	align-items: flex-start;
}

.services-wrap {
	position: relative;
}

.faq_section {
	position: relative;
	overflow: visible !important;
}

#lp-landing-page.field-outer input label {
	display: none !important;
}

.faq-img img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}

.accordion-item:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

body {
	cursor: none;
}

.cursor,
.cursor-follower {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 999999;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.cursor {
	width: 8px;
	height: 8px;
	background: white;
}

.cursor-follower {
	width: 30px;
	height: 30px;
	border: 2px solid white;
}

.testimonial-module {
	padding: 60px 0
}

.testimonial-module section {
	padding-top: 40px;
	padding-bottom: 40px
}

.testimonial-module .pt-0 {
	padding-top: 0 !important
}

.testimonial-module img {
	max-width: 100%;
	height: auto
}

.testimonial-module .v-align-between {
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.testimonial-module .mb-10px {
	margin-bottom: 10px !important
}

.testimonial-module .mb-20px {
	margin-bottom: 20px !important;

}

.testimonial-module .pl-30px {
	padding-left: 30px !important
}

.testimonial-module .h-150px {
	height: 150px
}

.testimonial-module .w-200px {
	width: 35px
}

.testimonial-module .fw-300 {
	font-weight: 300 !important
}

.testimonial-module .sec-head h2 {
	font-size: 60px;
	line-height: 1.2;
	font-weight: 400
}

.testimonial-module .fit-img {
	position: relative;
	height: 100%;
	overflow: hidden
}

.stackCard {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.testimonial-module .fit-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	vertical-align: inherit
}

.testimonial-module .item,
.testimonial-module .stackCard {
	border-radius: 30px;
	position: relative;
	width: 100%;
	padding: 40px;
	transform-origin: 50% -160%;
	background: #1c1c1c
}

.testimonial-module .item.revs,
.testimonial-module .stackCard.revs {
	background: #3d3d3d
}

.testimonial-module .stackCard h4 {
	font-size: 28px;
	line-height: 130%;
	font-weight: 100;
	color: #fff;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 109.22px
}

.testimonial-module .stackCard .info h6 {
	font-size: 18px;
	color: #fff
}

.testimonial-module .stackCard .info h6 span {
	font-weight: 300;
	display: inline
}

.testimonial-module .stackCard h6 {
	font-size: 18px;
	margin-bottom: 5px
}

@media (max-width: 991px) {
	.testimonial-module .sec-head h2 {
		font-size: 40px
	}

	.testimonial-module .item,
	.testimonial-module .stackCard {
		padding: 50px 15px;
		transform: none !important;
		scale: 1 !important;
		transform-origin: center center !important
	}

	.testimonial-module .stackCard:last-child {
		display: none
	}

	.testimonial-module .item>.d-flex,
	.testimonial-module .stackCard>.d-flex {
		display: flex !important;
		flex-direction: column !important
	}

	.testimonial-module .item .info,
	.testimonial-module .stackCard .info {
		margin-bottom: 50px
	}

	.testimonial-module .item .pl-30px,
	.testimonial-module .stackCard .pl-30px {
		padding-left: 0 !important;
		padding-top: 20px !important
	}
}

.testimonial-module .text-reval .text {
	font-size: 50px;
	color: #fff;
	text-transform: capitalize;
	font-weight: 700
}

.review-text-img {
	display: flex;
	justify-content: space-between;
}

.google-review-radius img {
	width: 35px !important;
}

@media (max-width: 991px) {
	.testimonial-module .sec-head h2 {
		font-size: 40px
	}

	.testimonial-module .item,
	.testimonial-module .stackCard {
		padding: 50px 15px;
		transform: none !important;
		scale: 1 !important;
		transform-origin: center center !important
	}

	.testimonial-module .stackCard:last-child {
		display: none
	}

	.testimonial-module .item>.d-flex,
	.testimonial-module .stackCard>.d-flex {
		display: flex !important;
		flex-direction: column !important
	}

	.testimonial-module .item .info,
	.testimonial-module .stackCard .info {
		margin-bottom: 50px
	}

	.testimonial-module .item .pl-30px,
	.testimonial-module .stackCard .pl-30px {
		padding-left: 0 !important;
		padding-top: 20px !important
	}
}

@media (max-width: 767px) {
	.module .stackCard {
		padding: 28px 25px 25px;
		margin-right: 20px;
		width: 150px;
	}

	.testimonial-module .stackCard .info {
		margin-bottom: 0;
	}

	.testimonial-module .mb-10px {
		margin-bottom: 0 !important;
	}

	.testimonial-module .fit-img img {
		width: 30px !important;
	}

	.testimonial-slider .slick-slide {
		margin: 0 15px;
		/* LEFT + RIGHT gap */
		box-sizing: border-box;
	}

	/* Track ko flex rakho */
	.testimonial-slider .slick-track {
		display: flex;
	}

	/* Overflow hide to avoid white area */
	.testimonial-slider {
		overflow: hidden;
	}


}

.button-cta-flex .btn-position-aware {
	margin-left: 20px;
	/* border: 1px solid #fff; */
	color: #000;
	background: #fff;
}

.services-screen {
	z-index: 9999;
}

.webdev-screen {
	z-index: 10000;
	/* HIGHER than services */
	position: fixed;
	top: 0;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #0d0d0d;
	transition: right 0.3s ease;
}

.webdev-screen.active {
	right: 0;
}

label.error {
	margin-top: 10px;
	font-size: 11px;
	width: 100%;
	font-weight: 400;
}

label {
	display: none !important;
}

.budget-label {
	display: block !important;
}

.slick-slide img {
	text-align: center;
	margin: 0 auto
}

.slick-dots {
	position: static !important
}

.slick-dots li button:before {
	color: #fff !important;
	font-size: 10px !important
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: .25 !important
}

.slick-dots li.slick-active button:before {
	color: #e1ff6a !important;
	opacity: 1 !important;
	opacity: .75
}

.mobile-arrow {
	display: none;
}

.webdev-screen {
	height: 100vh;
	/* full screen */
	display: flex;
	flex-direction: column;
}

.webdev-screen .drawer-header {
	flex-shrink: 0;
	/* header fixed rahe */
}

.webdev-screen .drawer-menu {
	flex: 1;
	/* baqi space le */
	overflow-y: auto;
	/* scroll enable */
	-webkit-overflow-scrolling: touch;
	/* smooth mobile scroll */
	padding-bottom: 20px;
}

.office-phone a {
	color: #fff;
}

.office-address a {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.experience-sec .content-left {
		margin-right: 0;
	}

	.experience-sec h2 {
		text-align: center;
	}

	.experience-sec .content-left p {
		text-align: center;
	}

	.hr-sec {
		padding: 40px 0px !important;
	}

	.experience-sec {
		padding: 40px 0px;
	}

	.faq_section {
		padding: 40px 0px;
	}

	section {
		padding: 40px 0px;
	}

	.content-section {
		padding: 40px 0px;
	}

	.purple-box .button-cta-flex {
		display: none;

	}

	.get-in-touch .purple-box {
		padding: 20px;
	}

	.hand-image img {
		height: 100%;
	}

	.get-in-touch .get-in-touch-content h2 span {
		margin-left: 0;
		display: inline-block;
		width: 100%;
	}

	.get-in-touch .get-in-touch-content h2 span:last-child {
		top: 0 !important;
		left: -49px;
	}

	.content-section .fit-img img {
		display: none !important;
	}

	.features .item h6 {
		text-align: center;
	}

	.features .item p {
		text-align: center;
	}

	.mb-80px {
		margin-bottom: 30px !important;
	}

	.subtitle {
		font-size: 35px;
		margin-bottom: 10px;
	}


	.testimonial-module .text-reval .text {
		font-size: 30px !important;
	}

	.services-sec-2 .services-sec-top-wrapper .col-md-8 {
		align-items: center;
	}

	.services-sec-2 .services-sec-content {
		align-items: center;
	}
	    .our-partner-sec {
        padding: 40px 0px;
    }
}

@media (max-width: 991px) {
	.get-in-touch .get-in-touch-content .hand-image {
		position: static;
		transform: none;
		transition: none;
		text-align: center;
	}

	.get-in-touch .get-in-touch-content:hover .hand-image {
		transform: none;
	}
}

.popup-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    justify-content: center;
    align-items: center;
    z-index: 9999
}

.split-container {
    display: flex;
    width: 100%;
    max-width: 1000px;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.form-side {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.form-container h2,.form-container h6 {
    margin-bottom: 15px
}

.form-container input,.form-container textarea {
    border: 2px solid #e1ff6a;
    margin-top: 20px
}

.expertise-work-header {
    position: absolute;
    top: -40px;
    z-index: 2
}

.form-container {
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 40px 28px;
    color: #000!important;
    background: rgba(0,0,0,.3);
    box-shadow: rgba(0,0,0,.35) 0 5px 15px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    margin-top: 20px;
    border: 1px solid #ffffff9e
}

.form-container input::placeholder {
    color: #000
}

.close-button {
    cursor: pointer;
    font-size: 12px;
    z-index: 333
}
.form-container input,.form-container textarea,.select-field {
    width: 100%!important;
    font-size: 16px;
    background: 0 0;
    font-weight: 400;
    color: #fff
}

.form-container input,.form-container textarea,.select-field,form input {
    padding: 16px 0;
    line-height: 150%;
    font-style: normal
}

.form-container input,.form-container textarea {
    border-radius: 0;
    height: 46px;
    border: none;
    border-bottom: 1px solid #ffffff9e
}

.select-field {
    border-radius: 0;
    height: 50px;
    border: none;
    border-bottom: 1px solid #ffffff9e;
    border-radius: none;
    appearance: none;
    -webkit-appearance: none
}

.select-field option {
    background: #fff;
    color: #000;
    padding: 0px 10px;
}
.primary-color {
    color: #daff70;
}
.genericHead__subTitle {
    position: relative;
    padding-left: 1.77em;
    text-transform: capitalize;
    width: 100%;
    max-width: max-content;
    text-align: center;
}
.genericHead__subTitle::before {
    content: "";
    position: absolute;
    width: .72em;
    height: .72em;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: linear-gradient(90deg, #e1ff6a, #fff, #e1ff6a, #fff);
    border-radius: 50%;
    box-shadow: 0 4px 15px 0 rgba(205, 13, 206, .5), 0 6px 20px 0 rgba(95, 13, 206, .4);
}
.black-color {
    color: #fff;
    font-weight: 700;
	font-size: 31px;
}
.close-button {
    background: #e1ff6a;
    color: #000;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 21px;
    right: 20px;
    border: 1px solid #000;
    border-radius: 25px;
}
.budget-slider-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}

.budget-label {
    font-size: 14px;
    color: #fff;
    text-align: center
}

.slider-wrapper {
    position: relative;
    width: 250px;
    height: 30px
}

.slider-wrapper input[type=range] {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    background: 0 0;
    -webkit-appearance: none;
    border-bottom: none;
    border: none
}

.slider-wrapper input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    border: 3px solid #e1ff6a;
    -webkit-appearance: none
}

.range-highlight,
.track {
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    border-radius: 4px;
    position: absolute
}

.track {
    background: #e0e0e0;
    width: 100%
}

.range-highlight {
    background: #e1ff6a;
    width: 0
}

form .field-outer.budget-slider-container {
    border-bottom: none !important
}

.slider-wrapper,
.slider-wrapper * {
    cursor: pointer !important
}

.slider-wrapper input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer !important
}

.slider-wrapper input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #e1ff6a;
    border: none;
    cursor: pointer !important
}

.slider-wrapper input[type=range]::-moz-range-thumb {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background: #e1ff6a;
    border: none;
    cursor: pointer !important
}

.form-container .slider-wrapper input[type=range] {
    top: -20%;
    border-bottom: none !important
}
.form-container input, .form-container textarea, .select-field {
    width: 100% !important;
    font-size: 16px;
    background: 0 0;
    font-weight: 400;
    color: #fff !important;
    margin-bottom: 10px;
}
.form-container input::placeholder,
.form-container textarea::placeholder,
.select-field::placeholder {
    color: #bfbfbf;   /* apni required color */
    opacity: 1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
    box-shadow: 0 0 0 1000px transparent inset !important;

    -webkit-text-fill-color: #fff !important; /* change text color if needed */
    transition: background-color 5000s ease-in-out 0s;
}
.bs-blog-header h3 {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    margin-block: 12px 50px;
    line-height: 1.2;
    display: block;
}
.follow-sec .follow-header h3 {
    font-size: 100px;
    font-weight: 700;
    color: #fff;
    margin-block: 15px 50px;
    line-height: 1;
    display: block;
}
.site-footer .footer-header h3{
    font-size: 90px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    display: block;
}