@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
	--main-color: #D018B8;
	--primary-color: #7C4EE4;
	--white-color: #fff;
	--black-color: #000;
	--gradient: linear-gradient(90deg, #7f2ec3 0%, #d018b8 100%);
	/* --second-font: 'font-family: "Ubuntu", sans-serif;'; */
	--second-font: "DM Sans", sans-serif;

	/* --main-font: 'Gotham Book';
	--second-font: 'Gotham';
	--third-font: 'Playfair Display'; */
}

html {
	/* scroll-behavior: smooth; */
	/* overflow-x: hidden; */
}

body {
	font-family: "Roboto", sans-serif;
	overflow-x: hidden;
	background-color: #f5f7f9;
	/* cursor: none; */
}

header {
	overflow: hidden;
}

a {
	text-decoration: none !important;
}



/* loader */
.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: #090c10;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	transition: opacity 0.6s ease, visibility 0.6s ease;
	overflow: hidden;
}

.loader.fade-out {
	opacity: 0;
	visibility: hidden;
}

.loader-inner {
	position: relative;
	width: 130px;
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spinner-ring {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px solid rgba(255, 255, 255, 0.08);
	border-top-color: var(--main-color, #d018b8);
	border-right-color: var(--primary-color, #7c4ee4);
	border-radius: 50%;
	animation: spinRing 1s cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite;
}

.loader-logo {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulseLogo 1.5s ease-in-out infinite alternate;
}

.loader-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

@keyframes spinRing {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes pulseLogo {
	0% {
		transform: scale(0.92);
		opacity: 0.85;
	}
	100% {
		transform: scale(1.05);
		opacity: 1;
	}
}


/* END loader */




.width-container {
	width: 93%;
	max-width: 1500px;
	margin: 0 auto;
}

/* nav header */
.main-header {
	width: 100%;
	background-color: #0000002E;
	position: absolute;
	z-index: 9;
	border-bottom: 1px solid #ffffff69;
}

.main-header.fixed {
	position: fixed;
	top: 0;
	background-color: rgba(0, 0, 0, 0.9);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	/* transition: all 0.3s ease; */
}

.main-header-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0 80px;
}

/*logo*/
.header-img {
	width: 150px;
}

.header-img img {
	width: 100%;
	height: 100%;
}

/* menu */
.right-nav-top {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 15px 0 15px 50px;
	border-left: 1px solid #ffffff69;
}

.menu-outr {
	min-width: 60px;
}

.menu-button {
	height: 30px;
	width: 60px;
	cursor: pointer;
	position: relative;
}

.menu-button:hover {
	color: #4e6261;
}

.menu-button .r-menu {
	font-size: 17px;
	text-transform: uppercase;
}

.menu-button.open .open-icon,
.menu-button.open .r-menu {
	display: none;
}

.menu-button .close-icon {
	display: none;
	font-size: 20px;
	position: absolute;
	top: 30px;
	right: 20px;
	z-index: 4;
}

.menu-button.open .close-icon {
	display: inline;
	display: inline;
	padding-left: 100px;
	border-radius: 50px;
	color: #000;
	font-size: 25px;

	/*optional*/
	position: absolute;
	right: -525%;
}

/* menu-icon */
.menu-button:hover #btn__line {
	animation: in-out-middle 0.5s ease-in-out;
}

.menu-button:hover #btn__line::before {
	animation: in-out-top 0.5s ease-in-out;
}

.menu-button:hover #btn__line::after {
	animation: in-out-bottom 0.5s ease-in-out;
}

#btn__line {
	width: 30px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

#btn__line,
#btn__line::before,
#btn__line::after {
	height: 3px;
	position: absolute;
	background: #eee;
	border-radius: 6px;
}

#btn__line::before,
#btn__line::after {
	content: "";
}

#btn__line::before {
	width: 45px;
	bottom: 8px;
}

#btn__line::after {
	width: 15px;
	top: 8px;
}

.menu-button:hover #btn__line,
.menu-button:hover #btn__line::before,
.menu-button:hover #btn__line::after {
	background: var(--main-color);
}

@keyframes in-out-top {
	0% {
		width: 45px;
	}

	50% {
		width: 15px;
	}

	100% {
		width: 45px;
	}
}

@keyframes in-out-middle {
	0% {
		width: 30px;
	}

	33.333% {
		width: 15px;
	}

	66.666% {
		width: 45px;
	}

	100% {
		width: 30px;
	}
}

@keyframes in-out-bottom {
	0% {
		width: 15px;
	}

	33% {
		width: 30px;
	}

	66% {
		width: 45px;
	}

	100% {
		width: 15px;
	}
}

/* menu-icon */

.lang-switch ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 6px;
}

.lang-switch ul li {
	color: white;
}

.lang-switch ul li a {
	font-size: 15px;
	font-weight: 300;
	color: white;
}

.lang-switch ul li a.active {
	color: var(--main-color);
}

.nav-contact-btn .btn {
	font-size: 15px;
	font-weight: 300;
	color: white;
	border: 1px solid #ffffffad;
	border-radius: 0;
	background-color: transparent;
}

.right-nav-top .anim-btn-1 {
	font-size: 15px;
	font-weight: 300;
	width: 160px;
	height: 40px;
}

.right-nav-top .anim-btn-1 {
	border-radius: 0 !important;
}


/* Right-side menu overlay */
.menu-outr {
	display: none;
}

.menu-overlay {
	position: fixed;
	top: 0;
	right: -50%;
	width: 50%;
	height: 100vh;
	background: linear-gradient(0deg, rgb(234, 166, 198) 0%, rgb(255, 255, 255) 70%);
	display: flex;
	flex-direction: column;
	padding: 30px;
	z-index: 3;
	box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
	overflow-y: auto;
}

.menu {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 10%;
	width: 100%;
}

.menu a {
	color: #9b9b9b;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
	padding-bottom: 10px;
	position: relative;
	overflow: hidden;
	transition: color 0.3s ease, transform 0.3s ease;
	border-bottom: 1px solid #a2a2a2;
}

.menu a::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -4px;
	left: 0;
	/* background-color: rgb(46, 187, 119); */
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.menu a:hover {
	color: #000;
	transform: translateX(5px);
}

.menu a:hover::before {
	transform: scaleX(1);
}

.menu a.active {
	color: var(--main-color);
}

/* menu dropdown */
.main-header .menu-dropdown {
	position: relative;
	display: flex;
	flex-direction: column;
}

.main-header .dropdown-toggle {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.main-header .dropdown-menu {
	display: none;
	flex-direction: column;
	margin-top: 10px;
	padding-left: 20px;
}

.dropdown-menu.active {
	display: block;
}

.main-header .menu-dropdown.open .dropdown-menu {
	display: flex;
	position: relative;
	background-color: transparent;
	border: 0;
}

.main-header .menu-dropdown.open .dropdown-menu a img {
	width: 25px;
	margin-right: 5px;
}

.nav-desc-menu .menu-dropdown.open .dropdown-menu {
	position: absolute;
	padding: 0px;
	background-color: var(--white-color);
	width: 100%;
	top: 20px;
	min-width: 200px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.nav-desc-menu .menu-dropdown.open .dropdown-menu a {
	font-size: 14px;
	line-height: 23px;
	font-weight: 400;
	padding: 12px 15px;
	color: var(--black-color);
	background: #ececec;
	margin: 0px 0;
	border-radius: 0px;
	border-bottom: 1px solid #d9d9d9de;
}

.nav-desc-menu .menu-dropdown.open .dropdown-menu a img {
	width: 24px;
	margin-right: 10px;
}

.nav-desc-menu .menu-dropdown.open .dropdown-menu a:hover img {
	filter: brightness(0) invert(1);
	/* makes it white */
}

.nav-desc-menu .menu-dropdown.open .dropdown-menu a:last-child {
	border: 0;
}

.nav-desc-menu .menu-dropdown.open .dropdown-menu a:hover,
.nav-desc-menu .menu-dropdown.open .dropdown-menu a:active {
	color: var(--white-color) !important;
	background: var(--gradient);
}

.main-header .dropdown-menu a {
	font-size: 16px;
	margin: 5px 0;
}

.main-header .dropdown-toggle::after {
	display: none;
}

.main-header .dropdown-toggle svg {
	font-size: 15px;
	padding-left: 10px;
}

.nav-desc-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 30px;
}

.nav-desc-menu ul li a {
	font-size: 15px;
	font-weight: 300;
	color: white;
	cursor: pointer;
}

.nav-desc-menu ul li a:hover {
	color: var(--main-color);
}

.nav-desc-menu ul li a.active {
	color: var(--main-color);
}

/* END menu dropdown */

/* menu */
.no-scroll,
.no-scroll body {
	overflow: hidden;
	height: 100%;
}

@media only screen and (max-width: 1200px) {
	.right-nav-top {
		gap: 15px;
		padding: 20px 0 20px 30px;
	}

	.nav-desc-menu ul {
		gap: 20px;
	}

}

@media only screen and (max-width: 992px) {
	.nav-desc-menu {
		display: none;
	}

	.menu a {
		color: #464646;
	}
}

/* navbar */

/* banner */

.banner_slider .carousel-outr {
	max-height: 100vh;
	overflow: hidden;
}

.banner_slider .carousel-outr img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

.banner_slider .carousel-outr .carousel-inner {
	height: 100%;
}

.banner_slider .carousel-outr .carousel-inner {
	height: 100%;
}

.banner_slider .carousel-outr .carousel-item {
	height: 100%;
}

.banner_slider .carousel-caption {
	position: absolute;
	left: 10%;
	top: 50%;
	transform: translate(-0%, -50%) !important;
	width: 55%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.banner_slider .carousel-caption h5 {
	font-size: 60px;
	font-weight: 300;
	line-height: 70px;
	color: var(--white-color);
}

.banner_slider .carousel-caption h5 .heading-2 {
	font-weight: 600;
}

.banner_slider .carousel-caption h5 .heading-3 {
	color: var(--main-color);
}

.banner_slider .carousel-caption p {
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	color: #d8d8d8;
	margin-bottom: 30px;
}

.banner_slider .carousel-caption .main-btn {
	padding: 14px 30px;
}

.banner_slider .carousel-caption .main-btn:hover {
	color: var(--black-color);
	background-color: var(--secondary-color);
}

.banner_slider .carousel-indicators {
	justify-content: initial;
	margin-right: 6%;
	margin-left: 11%;
}

.carousel-video::after {
	background: rgba(0, 0, 0, 44%);
	top: 0px;
	left: 0px;
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
}

.carousel-video video {
	width: 100%;
	height: 100vh;
	object-fit: cover;
}

/*carousel footer*/
.carousel-footer {
	position: absolute;
	bottom: 40px;
	left: 6%;
	right: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 6;
	color: #fff;
}

.carousel-footer .carousel-left {
	display: flex;
	align-items: center;
	gap: 15px;
	max-width: 26%;
}

.carousel-left .carousel-left-item {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
	height: 50px;
	object-fit: cover;
	border-radius: 8px;
}

.carousel-left .carousel-left-item video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.carousel-footer .carousel-left .next-label {
	font-size: 14px;
	opacity: 0.8;
	display: block;
}

.carousel-footer .carousel-left h6 {
	margin: 0;
	font-size: 12px;
	font-weight: 400;
}

.carousel-footer .carousel-right a {
	margin-left: 25px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	transition: color 0.3s;
	cursor: pointer;
}

.carousel-footer .carousel-right a:hover {
	color: var(--main-color);
}

.carousel-footer .carousel-right .fa-arrow-right-long {
	rotate: -40deg;
	transition: rotate 0.3s ease;
}

.carousel-footer .carousel-right:hover .fa-arrow-right-long {
	rotate: 0deg;
}



.bottom-sliding {
	position: relative;
	bottom: 20px;
}

.bottom-sliding::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 80%;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 80%, rgba(0, 0, 0, .8) 100%);
}

/* #section07 { background: url(https://picsum.photos/1200/800?image=675) center center / cover no-repeat;} */
#slide-icon a {
	padding-top: 80px;
}

#slide-icon a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb07 2s infinite;
	animation: sdb07 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}

#slide-icon a span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

#slide-icon a span:nth-of-type(2) {
	top: 16px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

#slide-icon a span:nth-of-type(3) {
	top: 32px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

@-webkit-keyframes sdb07 {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sdb07 {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@media (max-width: 1200px) {
	.carousel-footer .carousel-left {
		max-width: 33%;
	}
}

@media (max-width: 992px) {
	.carousel-footer {
		justify-content: center;
	}

	.carousel-footer .carousel-left {
		display: none;
	}

	.carousel-right {
		display: none;
	}

	#slide-icon a span {
		width: 15px;
		height: 15px;
	}

	.banner_slider .carousel-indicators {
		display: none;
	}
}


/* ------------------------------
		 common area 
 ------------------------------ */
.common-section {
	padding: 80px 0px 0px;
}

.common-headding {
	margin-bottom: 20px;
}

.common-headding h2 {
	font-size: 28px;
	font-weight: 400;
	color: var(--black-color);
	margin-bottom: 4px;
}

.common-headding p {
	font-size: 16px;
	font-weight: 400;
	color: #7C9998;
	margin-bottom: 0px;
}

/* main btn */
.main-btn-out {
	display: flex;
	gap: 10px;
}

.main-btn {
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
	padding: 12px 23px;
	border-radius: 0px;
	background: var(--gradient);
	cursor: pointer;
	/* font-family: var(--second-font); */
	transition: transform 0.3s ease-in-out;
}

.main-btn:hover {
	background-position: 100% 0;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	color: var(--white-color) !important;
	background-image: linear-gradient(90deg, #d018b8 0%, #7f2ec3 100%);
	transform: translateY(-5px);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.main-btn svg {
	rotate: -40deg;
	transition: rotate 0.3s ease;
}

.main-btn:hover svg {
	rotate: 0deg;
}



/* main btn */
.second-btn {
	font-size: 16px;
	font-weight: 400;
	padding: 10px 30px;
	color: var(--white-color);
	background-color: transparent;
	border: 1px solid #fff;
	cursor: pointer;
	font-family: var(--second-font);
}

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

.second-btn svg {
	rotate: -40deg;
}

/* .third-btn{
	font-size: 16px;
	font-weight: 400;
	padding: 10px 30px;
	color: var(--main-color);
	background-color: transparent;
	border: 1px solid var(--main-color);
	border-radius: 0;
	cursor: pointer;
	font-family: var(--second-font);
}
.third-btn:hover{
	color: var(--white-color);
	background-color: var(--main-color);
}
.third-btn svg{
	rotate: -40deg;
} */
.third-btn {
	position: relative;
	display: flex;
	overflow: hidden;
	width: 200px;
	height: 50px;
	text-transform: uppercase;
	border: 1px solid var(--main-color);
	border-radius: 0;
	color: var(--main-color);
	z-index: 1;
	justify-content: center;
	align-items: center;
	gap: 15px;
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
}

.third-btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: var(--main-color);
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	z-index: -1;
	pointer-events: none;
	/* ✅ doesn't interfere with hover */
}

.third-btn:hover {
	color: var(--white-color);
	/* border-radius: 7px; */
	transform: translateY(-5px);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.third-btn:hover span {
	width: 225%;
	height: 562.5px;
}

.third-btn:active {
	/* background-color: #b23438; */
	border-radius: 7px;
}

.third-btn i,
.third-btn svg {
	rotate: -40deg;
	transition: rotate 0.3s ease;
}

.third-btn:hover i,
.third-btn:hover svg {
	rotate: 0deg;
}

.owl-carousel,
.owl-stage,
.owl-stage-outer,
.owl-item {
	display: flex !important;
}

/* ------------------------------
		END common area 
 ------------------------------ */



/* ----------------------------------
			hm - about
-----------------------------------*/
.hm-about {
	/* border-radius: 100%; */
	fill: linear-gradient(0deg, #ae4dff 0%, #7c4ee4 100%);
	/* filter: blur(250px); */
	position: relative;
	overflow: hidden;
	padding-left: 200px;
}

/* .hm-about-in svg.colored-bg{
	position: absolute;
	left: 0;
	top: -35%;
	height: 100%;
} */
.colored-bg {
	position: absolute;
	top: -25%;
	left: -25%;
	width: 1200px;
	height: 800px;
	border-radius: 50%;
	background: radial-gradient(circle at center, rgba(139, 0, 255, 0.19) 0%, transparent 70%);
	filter: blur(200px);
	z-index: 1;
}

.dot-img {
	position: absolute;
	width: 70%;
	height: 70%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.dot-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*rotate text*/
.rotatetext .circle-container {
	position: relative;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	z-index: 2;
}

.rotatetext .circle-text {
	position: absolute;
	top: 0;
	left: 0;
	animation: rotateText 10s linear infinite;
}

/* Rotate only the text */
@keyframes rotateText {
	from {
		transform: rotate(0deg);
	}

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

/*end rotate text*/
.rotatetext .circle-text text {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 12px;
	color: #777;
}

.rotatetext .arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 30px;
	color: rebeccapurple;
	transform: translate(-50%, -50%) rotate(45deg);
}

.rotatetext .arrow svg {
	font-weight: 300;
}

.right-hm-about-video {
	width: 100%;
	height: 500px;
	border: 15px solid #ffdefb;
	position: relative;
	z-index: 3;
}

.right-hm-about-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.left-hm-about {
	position: relative;
	z-index: 3;
}

.left-hm-about h6 {
	font-size: 16px;
	font-weight: 400;
	color: var(--main-color);
}

.left-hm-about h2 {
	font-size: 60px;
	line-height: 65px;
	font-weight: 300;
	color: var(--black-color);
}

.left-hm-about h2 span {
	font-size: 40px;
	display: block;
}

.left-hm-about p {
	font-size: 15px;
	font-weight: 400;
	color: #757575;
	line-height: 30px;
}

/*hero-text*/
.hero-text {
	position: relative;
}

.bg-text {
	font-size: 80px;
	text-transform: uppercase;
	color: transparent;
	font-weight: 700;
	margin: 0;
	font-family: var(--second-font);
	/* -webkit-text-stroke: 2px rgba(0, 0, 0, 0.07); */
	content: "";
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--main-color);
	/* filter: blur(5.199999809265137px); */
	animation: borderGlow 3s infinite alternate ease-in-out;
	opacity: 0.1;
}

@keyframes borderGlow {
	0% {
		-webkit-text-stroke-color: #ef5656;
	}

	50% {
		-webkit-text-stroke-color: #923838;
	}

	100% {
		-webkit-text-stroke-color: #ef5656;
	}
}


.front-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	color: var(--main-color);
	font-size: 20px;
	margin: 0;
}

.front-text strong {
	color: #000;
}

/* marquee */
.marque-outer {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 200px;
}

.custome-marquee-out {
	width: 100%;
	/* position: absolute; */
	height: 100%;
	/* top: 50%; */
}

/* .marque-top-border{
	border-top: 1px solid #abcd;
}
.marque-bottom-border{
	border-bottom: 1px solid #abcd;
} */

.custome-marquee {
	height: 100px;
	overflow: hidden;
	position: absolute;
	left: -30px;
	z-index: 1;
	right: -50px;
	top: 20%;
}

.custome-marquee div {
	/* background: linear-gradient(72deg, #ef5656 0%, #893131 100%); */
	display: flex;
	width: 200%;
	padding: 20px 0px;
	border-top: 1px solid #00000063;
	border-bottom: 1px solid #00000063;
	position: absolute;
	overflow: hidden;
	animation: marquee 30s linear infinite;
}

.custome-marquee span {
	float: left;
	margin-left: 50px;
	font-size: 35px;
	font-weight: 400;
	word-spacing: 1rem;
	letter-spacing: 0.8rem;
	text-transform: uppercase;
	color: #000;
	text-align: center;
}

@keyframes marquee {
	0% {
		left: 0;
	}

	50% {
		left: -50%;
	}

	100% {
		left: 0;
	}
}

@media only screen and (max-width: 600px) {
	.custome-marquee span {
		font-size: 2rem;
	}
}

/* END marquee */



/* events */
.events {
	position: relative;
	overflow: hidden;
	background-image: url(../img/shapes01.png);
	background-repeat: no-repeat;
	background-size: contain;
	/* background-position: center; */
}

.left-events-inner h2 {
	font-size: 60px;
	line-height: 65px;
	font-weight: 300;
	color: var(--black-color);
}

.left-events-inner h2 span {
	font-size: 40px;
	display: block;
}

.left-events-inner p {
	font-size: 15px;
	font-weight: 400;
	color: #757575;
	line-height: 30px;
}

.left-events-inner .hero-text h1 {
	font-size: 8rem;
}

.horiz-gallery-strip,
.horiz-gallery-wrapper {
	display: flex;
	flex-wrap: nowrap;
	will-change: transform;
	position: relative;
}

.project-wrap {
	width: 33vw;
	padding-left: 2rem;
	box-sizing: content-box;
}

.event-portfolio-cont h3 {
	font-size: 150px;
	font-weight: bold;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #D018B8B2;
	font-family: var(--second-font);
}

.event-portfolio-cont h3 span {
	font-size: 20px;
	border: 0;
	color: #828282;
	-webkit-text-stroke-width: 0px;
	font-weight: 500;
}

.project-wrap img {
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: cover;
}

.color-shadow1 {
	border-radius: 100%;
	fill: rgb(225, 29, 72);
	/* filter: blur(100px); */
	position: absolute;
	left: 0;
	z-index: 6;
}

.color-shadow2 {
	border-radius: 100%;
	fill: rgba(4, 120, 87, 0.2);
	/* filter: blur(100px); */
	position: absolute;
	top: 20%;
	left: 0;
	z-index: 6;
}

/* hm future */
.hm-future-in {
	position: relative;
	overflow: hidden;
}

.hm-future {
	margin: 80px 0 0;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, #520048 0%, #29004c 100%);
}

.left-hm-future-cont h6 {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	text-transform: uppercase;
	color: white;
}

.left-hm-future-cont h2 {
	font-size: 55px;
	font-weight: 700;
	line-height: 65px;
	color: white;
}

.left-hm-future-cont .wrap {
	margin-top: 20px;
}

.left-hm-future-cont .wrap a {
	width: 230px;
}

.hm-future-img video {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.right-hm-future-head-out {
	display: flex;
}

.right-hm-future-head-in {
	min-width: 35%;
}

.right-hm-future-head-in h6 {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: white;
}

.right-hm-future-head-in h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	color: white;
}

.right-hm-future-head p {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	color: white;
	margin-top: 20px;
}

.downld {
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	color: white;
	margin-top: 30px;
	text-transform: uppercase;
}

.right-hm-future-ftr {
	display: flex;
	gap: 10px;
}

.right-hm-future-ftr img {
	width: 100%;
	max-width: 150px;
	height: 100%;
	object-fit: contain;
}

.vector-logo2 {
	position: absolute;
	/* width: 100%; */
	height: 85%;
	left: 0;
	bottom: 0;
}

.vector-logo2 img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* hm future */

/* technology */
.technology-in h2 {
	font-size: 60px;
	font-weight: 200;
	line-height: 70px;
	text-align: center;
}

.technology-in h2 span {
	font-weight: 700;
	background: linear-gradient(90deg, #ff00de 0%, #003fff 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.technology-in p {
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	color: rgb(94, 94, 94);
	text-align: center;
}

.tech-video {
	width: 100%;
	height: 100vh;
	position: relative;
	z-index: 3;
	margin-top: 40px;
}

.tech-video video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	/* border: 20px solid #ffffff52; */
	outline: 20px solid #fff;
}

/* END technology */

/* testimonial */
.testim-in h6 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #d018b8;
}

.testim-in h2 {
	font-size: 60px;
	font-weight: 200;
	color: #000;
}


/* testimonial */
.testimonial-outr {
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
}

.testim-head {
	width: 55%;
	margin-bottom: 50px;
}

.testim-head h2 {
	font-size: 60px;
	font-weight: 200;
	color: #000;
}

.testim-head h6 {
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #d018b8;
}

.testim-all-list-out {
	position: relative;
	overflow: hidden;
}

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

.testimonial-card {
	background-color: white;
	border-radius: 10px;
	padding: 30px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	height: 100%;
}

.testimonial-img-out {
	display: flex;
	align-items: center;
	gap: 20px;
}

/* .testimonial-card-in{
	padding-bottom: 30px;
	width: 60%;
  	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
} */
.testimonial-card p {
	font-size: 16px;
	font-weight: 400;
	color: #444444;
	padding-top: 5px;
	line-height: 27px;
	margin-bottom: 0;
}

.testimonial-img-star {
	display: flex;
	justify-content: center;
}

.testimonial-card h5 {
	font-weight: 800;
	font-size: 16px;
	color: #000;
	margin-bottom: 3px;
	position: relative;
}

/* .testimonial-card h5::before {
	content: '';
    position: absolute;
    margin-left: -30px; 
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 3px;
	background-color: #000;
} */
.testimonial-card h6 {
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #B6B6B6;
	text-align: center;
}

.testimonial-card img {
	width: 60px !important;
	height: 60px;
	margin-bottom: 10px;
}

.testim-in-outr {
	position: relative;
}

.testim-bg {
	height: 400px;
	width: 40%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 30%;
}

.testim-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.testim-list-out {
	margin-top: 60px;
}

.testim-icon {
	position: absolute;
	top: -20%;
	right: 4%;
	font-size: 120px;
	color: #d018b891;
	z-index: 2;
}

.testimonial-outr .hero-text h1 {
	font-size: 12rem;
	margin-top: 80px;
}

/* END testimonial */

/* ------------------------------
			event experience
 ------------------------------ */
.event-experience-outr {
	background-color: #10151B;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
}

.event-experience-bg {
	position: absolute;
	top: 0;
	left: 0;
}

.event-experience-bg svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.3;
}

.event-exper-head {
	margin-bottom: 30px;
}

/* .bg-color1{
	border-radius: 100%;
	fill: rgb(225, 29, 72);
	filter: blur(150px);
	position: absolute;
	top: -23%;
	left: -10%;
	z-index: 2;
}
.bg-color2{
	fill: #fa00da;
	filter: blur(500px);
	position: absolute;
	top: -23%;
	left: -28%;
	z-index: 2;
} */
.event-experience-outr {
	position: relative;
	overflow: hidden;
}

.event-experience {
	position: relative;
	z-index: 3;
}

.event-experience h2 {
	font-size: 60px;
	font-weight: 600;
	line-height: 70px;
	color: white;
	text-align: center;
}

.event-experience h2 span {
	font-weight: 200;
}

/* First gradient */
.bg-color1 {
	position: absolute;
	top: -10%;
	left: 20%;
	width: 1200px;
	height: 800px;
	border-radius: 50%;
	background: radial-gradient(circle at center, rgba(139, 0, 255, 0.6) 0%, transparent 70%);
	filter: blur(200px);
	z-index: 2;
}

/* Second gradient */
.bg-color2 {
	position: absolute;
	top: -13%;
	right: -12%;
	width: 900px;
	height: 1200px;
	border-radius: 50%;
	background: radial-gradient(circle at center, rgba(250, 0, 218, 0.6) 0%, transparent 70%);
	filter: blur(300px);
	z-index: 2;
}

.event-exper-list-out {
	position: relative;
	z-index: 3;
}

.event-exper-list-all {
	margin-bottom: 70px;
	padding-right: 100px;
}

.event-exper-bg video,
.event-exper-bg video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event-exper-list-in {
	width: 100%;
	padding: 50px;
	padding-left: 85px;
	background: rgba(0, 0, 0, 0.33);
	margin-left: -50px;
	margin-bottom: -50px;
}

.event-exper-list-in h3 {
	font-size: 30px;
	font-weight: 400;
	line-height: 50px;
	color: white;
	margin-bottom: 10px;
}

.event-exper-list-in h3 span {
	font-size: 50px;
	font-weight: 700;
}

.event-exper-list-in p {
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.7);
	margin-bottom: 0px;
}

.event-exper-list-all-rev {
	margin-top: 180px;
	padding-left: 100px;
	padding-right: initial;
}

.event-exper-list-all-rev .event-exper-list-in {
	margin-left: auto;
	margin-right: -50px;
	margin-bottom: auto;
	margin-top: -50px;
	position: relative;
}

/* END event experience */


/* ------------------------------
			clients
 ------------------------------ */
.clients {
	padding: 20px 0;
	background-color: #f5f7f9;
}

.client-header h6 {
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #d018b8;
}

.client-header h2 {
	font-size: 60px;
	font-weight: 200;
	color: #000;
}

.client-carousel .client-card {
	border: 1px solid transparent;
	padding: 0px;
	margin: 0 auto;
	transition: ease-in-out 0.2s;
	display: flex;
	justify-content: center;
	width: 100%;
	max-height: 160px;
	overflow: hidden;
}

.client-carousel .client-card img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	transition: ease-in-out 0.3s;
}

/* END clients */

/* ------------------------------
			demo request
 ------------------------------ */
.request-demo {
	position: relative;
	z-index: 1;
	margin-bottom: -80px;
}

.qt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px;
	background: var(--gradient);
	width: 80%;
	margin: 0 auto;
	border-radius: 10px;
}

.qt h2 {
	font-size: 40px;
	font-weight: 200;
	color: #fff;
	max-width: 70%;
}

.qt h2 span {
	font-weight: 700;
}

/* .qt button{
	font-size: 16px;
	font-weight: 400;
	padding: 10px 30px;
	color: var(--white-color);
	background-color: transparent;
	border: 1px solid var(--white-color);
	border-radius: 0;
	cursor: pointer;
	position: relative;
	font-family: var(--second-font);
	 transition: transform 0.3s ease-in-out;
}
.qt button i,
.qt button svg{
	rotate: -40deg;
	transition: rotate 0.3s ease;
}
.qt button:hover {
  background: var(--gradient);
  border-color: var(--white-color);
  color: var(--white-color); 
   transform: translateY(-5px);
}
.qt button:hover i,
.qt button:hover svg {
  rotate: 0deg; 
} */

.anim-btn-1 {
	font-size: 16px;
	position: relative;
	display: flex;
	overflow: hidden;
	width: 200px;
	height: 50px;
	text-transform: uppercase;
	border: 1px solid #fff;
	color: #fff;
	z-index: 3;
	justify-content: center;
	align-items: center;
	gap: 15px;
	transition: transform 0.3s ease-in-out;
	cursor: pointer;
}

.anim-btn-1 span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #fff;
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.anim-btn-1:hover {
	color: var(--main-color);
	/* border-radius: 7px; */
	transform: translateY(-5px);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.anim-btn-1:hover span {
	width: 225%;
	height: 562.5px;
}

.anim-btn-1:active {
	/* background-color: #b23438; */
	border-radius: 7px;
}

.anim-btn-1 i,
.anim-btn-1 svg {
	rotate: -40deg;
	transition: rotate 0.3s ease;
}

.anim-btn-1:hover i,
.anim-btn-1:hover svg {
	rotate: 0deg;
}

/* END demo request */


/* ------------------------------
			faq
 ------------------------------ */
.faq-sec {
	position: relative;
	overflow: hidden;
}

.faq-header {
	text-align: left;
	margin-bottom: 3rem;
}

.faq-header h6 {
	font-size: 16px;
	font-weight: 300;
	color: #d018b8;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

.faq-header h3 {
	font-size: 60px;
	font-weight: 200;
	color: #000;
	line-height: 65px;
	margin-bottom: 0;
}

.accordion-item {
	border: none;
	margin-bottom: 1rem;
	border-radius: 15px !important;
	overflow: hidden;
	border-bottom: 1px solid #eeeeeede;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); */
}

.right-faq .accordion-button {
	background: linear-gradient(135deg, #f8f9ff 0%, #ffffff 100%);
	border: none;
	padding: 25px 20px;
	font-weight: 400;
	color: #333;
	font-size: 20px;
	box-shadow: none;
	border-radius: 15px !important;
	position: relative;
	line-height: 30px;
}

.right-faq .accordion-button:not(.collapsed) {
	background: linear-gradient(90deg, rgba(208, 24, 184, 0) 0%, rgba(208, 24, 184, 0.06) 100%);
	box-shadow: none;
	border-radius: 0 !important;
}

.right-faq .accordion-collapse.show .accordion-body {
	background: linear-gradient(90deg, rgba(208, 24, 184, 0) 0%, rgba(208, 24, 184, 0.06) 100%);
}

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

.right-faq .accordion-button::after {
	background: none;
	border: none;
	width: 20px;
	height: 20px;
	background-image: none;
}

.right-faq .accordion-button::after {
	content: '+';
	font-size: 1.5rem;
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.right-faq .accordion-button:not(.collapsed)::after {
	content: '×';
	font-size: 2rem;
}

.right-faq .accordion-body {
	padding: 2rem;
	background: #fafbff;
	color: #666;
	line-height: 30px;
	font-size: 1rem;
}

.right-faq .question-number {
	color: rgba(87, 87, 87, 0.5);
	font-size: 2rem;
	font-weight: 300;
	margin-right: 1rem;
	opacity: 0.8;
}

.right-faq .accordion-button:not(.collapsed) .question-number {
	color: #d018b8;
}

@media (max-width: 768px) {
	.faq-header h3 {
		font-size: 2rem;
	}

	.right-faq .accordion-button {
		padding: 1.2rem 1.5rem;
		font-size: 1rem;
	}

	.right-faq .question-number {
		font-size: 1.5rem;
	}
}

/* END faq */

/* events */
.bg-text-event {
	font-size: 8rem;
	color: transparent;
	font-weight: 700;
	margin: 0;
	font-family: var(--second-font);
	-webkit-text-stroke: 2px #D018B84A;
	/* -webkit-text-stroke: 2px rgba(0, 0, 0, 0.07);
	content: "";
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--main-color);
	animation: borderGlow 3s infinite alternate ease-in-out;
	opacity: 0.1; */
	position: relative;
	top: 35%;
	left: 5%;
	text-transform: uppercase;
	z-index: 999;
	pointer-events: none;
}

.gallery-wrapper {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: none;
}

.gallery-track {
	display: flex;
	height: 100%;
}

.gallery-slide {
	position: relative;
	width: 100vw;
	height: 100vh;
	flex-shrink: 0;
	overflow: hidden;
	text-align: center;
}

.gallery-slide .bg-img {
	position: absolute;
	background-size: cover;
	background-position: center;
	width: 330px;
	height: 250px;
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	z-index: 2;
	pointer-events: auto;
}

.gallery-slide .bg-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-slide .bg-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #7f2ec3a6 0%, #d018b882 100%);
	/* background: rgba(0,0,0,0.5); */
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease;
	border-radius: 0px;
	cursor: pointer !important;
}

.gallery-slide .bg-img .overlay .plus {
	font-size: 2.5rem;
	color: #fff;
	font-weight: 500;
	transform: scale(0.5);
	transition: transform 0.3s ease;
}

.gallery-slide .bg-img:hover .overlay {
	opacity: 1;
	cursor: pointer !important;
}

.gallery-slide .bg-img:hover .overlay .plus {
	transform: scale(1);
}

.gallery-btn-out {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background: white;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
	justify-content: space-around;
	z-index: 4;
}

.gallery-btn {
	border: none;
	cursor: pointer !important;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-btn svg,
.gallery-btn i {
	font-size: 20px;
	color: var(--main-color);
}

.bg-img1 {
	top: 10%;
	left: 12%;
}

.bg-img2 {
	top: 2%;
	left: 45%;
}

.bg-img3 {
	top: 40%;
	left: 55%;
}

.bg-img4 {
	top: 65%;
	left: 30%;
	transform: translateX(-65%);
}

.bg-img5 {
	top: 10%;
	right: 3%;
}

.bg-img6 {
	top: 70%;
	right: 10%;
}

.bg-img7 {
	top: 10%;
	left: 5%;
}

.bg-img8 {
	top: 20%;
	left: 40%;
}

.bg-img9 {
	top: 70%;
	left: 35%;
}

.bg-img10 {
	top: 65%;
	left: 5%;
}

.bg-img11 {
	top: 10%;
	left: 75%;
}

.bg-img12 {
	top: 60%;
	left: 70%;
}

@media (max-width:1500px) {
	.gallery-slide .bg-img {
		width: 300px;
		height: 200px;
	}

	.bg-img6 {
		right: 5%;
	}
}

@media (max-width:1200px) {
	.gallery-slide .bg-img {
		width: 250px;
	}

	.bg-img1 {
		left: 3%;
	}

	.bg-img2 {
		left: 36%;
	}
}

@media (max-width:992px) {
	.gallery-wrapper {
		/* padding: 0 15px; */
		height: 100%;
	}

	.gallery-slide {
		width: 100%;
		height: 100%;
	}

	.gallery-slide .bg-img {
		width: 49%;
		position: initial;
		display: inline-block;
		box-shadow: none;
		margin-bottom: 4px;
	}

	.bg-img4 {
		transform: initial;
	}

	.bg-text-event {
		display: none;
	}

	.gallery-btn-out {
		width: 50px;
		height: 50px;
	}

}

/* popup box */
.lightbox {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
}

.lightbox img {
	max-width: 80%;
	max-height: 80%;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

.lightbox .close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 40px;
	color: white;
	cursor: pointer;
}

.lightbox-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 40px;
	color: white;
	background: none;
	border: none;
	cursor: pointer;
}

.lightbox-btn.prev {
	left: 5%;
}

.lightbox-btn.next {
	right: 5%;
}



/* END events */



/*---footer--*/
.footer {
	padding: 150px 0 60px;
	background-color: #161616;
}

.bg-text-ft {
	font-size: 10rem;
	color: transparent;
	font-weight: 700;
	margin: 0;
	font-family: var(--second-font);
	content: "";
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: white;
	opacity: 0.1;
	margin-bottom: 30px;
}

.left-bottom-logo-out-all {
	display: flex;
	flex-wrap: wrap;
	/* gap: 30px; */
	justify-content: space-between;
}

/* .left-bottom-logo-out{
	padding-right: 70px;
} */
.left-bottom-logo {
	width: 220px;
}

.ft-address-dtls {
	display: flex;
	justify-content: space-between;
}

.phone-heading {
	margin-bottom: 10px;
}

.phone-cont a {
	font-size: 16px;
	font-weight: 400;
	color: #7e7e7e;
	margin-top: 10px;
	cursor: pointer;
}

.phone-cont a:hover {
	color: var(--main-color);
}

.ft-phone {
	font-size: 18px;
	font-weight: 400;
	color: #7e7e7e;
	margin-top: 10px;
}

.mail-heading {
	margin-bottom: 10px;
}

.ft-mail {
	font-size: 16px;
	font-weight: 400;
	color: #7e7e7e;
	margin-top: 15px;
}

.ft-mail a {
	font-size: 16px;
	font-weight: 400;
	color: #7e7e7e;
	cursor: pointer;
}

.ft-mail a:hover {
	color: var(--main-color);
}

.footer .left-bottom-logo-out p {
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	color: #7e7e7e;
	margin-top: 15px;
}

.footer ul {
	padding: 0;
}

.footer ul li {
	/* font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	color: var(--black-color); */
	list-style: none;
	transition: transform 0.3s ease;
}

.footer ul li:hover {
	transform: translateX(3px);
}

.footer .footer-nav h5 {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: var(--white-color);
}

.footer ul li a {
	font-size: 15px;
	font-weight: 400;
	line-height: 32px;
	color: #7e7e7e;
	cursor: pointer;
}

.footer ul li a:hover {
	color: var(--main-color);
}

/* .ft-form-cont .contact-form {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
} */

/* ft contact form */
.ft-form-cont .contact-form h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 7px;
	color: var(--white-color);
}

.ft-form-cont .contact-form p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #646464;
}

.ft-form-cont .contact-form label {
	font-size: 14px;
	font-weight: 400;
	color: #d9d9d9;
	margin-bottom: 2px;
}

.ft-form-cont .contact-form .form-control {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #9c9c9c5c;
	border-radius: 0;
	padding-left: 0;
}

.ft-form-cont .contact-form .form-control:active,
.ft-form-cont .contact-form .form-control:focus {
	border-color: var(--main-color);
	box-shadow: none;
	background-color: transparent;
	color: var(--white-color);
}

.ft-form-cont .contact-form textarea {
	resize: none;
	max-height: 70px;
}

.ft-form-cont .form-control::placeholder {
	font-size: 14px;
	color: #88888871;
	opacity: 1;
}

.ft-form-cont input::placeholder {
	font-size: 14px;
	color: #ffffff69;
	opacity: 1;
}

.ft-form-cont .contact-form .btn {
	color: white !important;
	margin-top: 10px;
}


/*bottom ft small*/
.bottom-ft-small {
	padding: 20px 0;
	background-color: #161616;
	border-top: 1px solid #9c9c9c28;
}

.ft-btm-cont {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
	justify-content: space-between;
}

.left-ft-btm-cont ul {
	padding: 0;
	margin: 0;
}

.left-ft-btm-cont ul li {
	font-size: 15px;
	font-weight: 400;
	color: #5c5c5c;
	display: inline-block;
	text-decoration: none;
	padding-right: 30px;
	text-transform: uppercase;
}

.left-ft-btm-cont ul li a {
	color: #5c5c5c;
	text-transform: uppercase;
}

.left-ft-btm-cont ul li a:hover {
	color: var(--main-color);
}

.right-ft-btm-cont {
	display: inline-block;
	gap: 20px;
}

.right-ft-btm-cont a {
	font-size: 14px;
	color: #5c5c5c;
}

.right-ft-btm-cont a:hover {
	color: var(--main-color);
}

.right-ft-btm-cont a i,
.right-ft-btm-cont a svg {
	rotate: -40deg;
	color: #8f8f8f;
	transition: rotate 0.3s ease;
}

.right-ft-btm-cont a:hover svg {
	color: var(--main-color);
	rotate: 0deg;
}

.right-ft-btm-cont span {
	margin-right: 10px;
}

/*---END footer---*/




/* ------------------------------
		inner banner
------------------------------- */
.inner-banner {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.inner-banner-bg {
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.inner-banner-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* .inner-banner-content {
  position: absolute;
  top: 50%;  
  left: 4%;
  transform: translateY(-20%);
  text-align: initial;
  color: #fff;
} */

/* .inner-banner-cont{
	
} */

.inner-banner-cont {
	position: relative;
	z-index: 3;
	padding: 150px 80px;
	display: flex;
	justify-content: space-between;
}

.inner-banner-content {
	padding-right: 30px;
}

.inner-banner-content h6 {
	font-size: 14px;
	font-weight: 400;
	border-radius: 50px;
	padding: 5px 15px;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.19);
	display: inline-block;
	color: white;
}

.inner-banner-content h1 {
	font-size: 2.5rem;
	font-weight: 300;
	margin-bottom: 10px;
	color: white;
}

.inner-banner-cont button {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	color: var(--white-color);
}

.inner-banner-cont button svg {
	font-size: 35px;
	color: var(--white-color);
}

.inner-banner-cont button:hover {
	color: var(--white-color);
}

.inner-banner-cont button:hover svg {
	color: var(--main-color);
}

/* .inner-banner-content a,
.inner-banner-content span {
  font-size: 1rem;
  color: #f0f0f0;
  text-decoration: none;
} */

/* END inner banner */

/* ------------------------------
		about us page
------------------------------- */
.about-first-section {
	padding-bottom: 80px;
	background: #f5f7f9;
	position: relative;
	overflow: hidden;
}

.left-about-first-in {
	text-align: center;
}

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

.left-about-first-in h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	color: #333;
}

.left-about-first-in p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	text-align: center;
	color: #878787;
}

.right-about-first-img {
	height: 500px;
	position: relative;
	overflow: hidden;
}

.right-about-first-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.about-second-sec {
	padding-bottom: 80px;
	background: #f5f7f9;
	position: relative;
	overflow: hidden;
}

.left-about-second-sec h6 {
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #d018b8;
	margin-bottom: 10px;
	display: block;
}

.left-about-second-sec h3 {
	font-size: 60px;
	font-weight: 200;
	line-height: 70px;
	color: #000;
}

.right-about-second-sec p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #666;
}

/* END about us page */


/* ------------------------------
		blog page
------------------------------- */
.blog {
	position: relative;
	overflow: hidden;
	background-color: #f5f7f9;
}

.blog-color1 {
	position: absolute;
	top: -15%;
	left: -25%;
	width: 100%;
	height: 800px;
	border-radius: 50%;
	background: radial-gradient(circle at center, rgba(139, 0, 255, 0.29) 0%, transparent 70%);
	filter: blur(200px);
}

.blog-bg {
	position: absolute;
	top: 15%;
}

.blog-in {
	position: relative;
	z-index: 3;
}

.left-blog-cont {
	text-align: center;
}

.left-blog-cont h6 {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #6941c6;
	margin-bottom: 10px;
	background-color: #e9d1fd;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 20px;
}

.left-blog-cont h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	color: #333;
}

.left-blog-cont p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #878787;
	margin-top: 0px;
}

.blog .search-bar {
	max-width: 400px;
	margin: 20px auto;
}

.blog .search-bar .input-group {
	padding: 8px;
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}

.blog .search-bar .form-control {
	border: none;
	padding-left: 20px;
}

.blog .search-bar .form-control:active,
.blog .search-bar .form-control:focus {
	outline: none;
	box-shadow: none;
	border: none;
}

.blog .search-bar .btn {
	border: none;
	padding: 10px 20px;
}

.blog .search-bar .btn:hover,
.blog .search-bar .btn:focus {
	background-color: transparent;
	color: #828282;
	box-shadow: none;
	outline: none;
}

/* blog card */
.blog-item-outr {
	margin-top: 30px;
}

.blog-img {
	height: 300px;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 15px;
}

.blog-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	transition: ease-in-out 0.3s;
}

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

.blog-content .blog-art {
	font-size: 12px;
	font-weight: 700;
	line-height: 30px;
	color: #333;
}

.blog-content .blog-art span {
	font-size: 12px;
	font-weight: 500;
	line-height: 30px;
	color: #999;
}

.blog-content h5 {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #333;
}

.blog-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	color: #878787;
}

.blog-content .read-more {
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
	color: #7C4EE4;
	cursor: pointer;
}

.blog-content .read-more:hover {
	color: var(--main-color);
}

/* pagination */
.pagination {
	margin-top: 50px;
}

.pagination ul {
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	padding: 8px;
	border-radius: 50px;
	margin: 15px auto;
}

.pagination ul li {
	font-size: 18px;
	font-weight: 500;
	line-height: 45px;
	color: var(--main-color);
	list-style: none;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	user-select: none;
	transition: all 0.3s ease;
}

.pagination ul li.numb {
	list-style: none;
	height: 45px;
	width: 45px;
	margin: 0 3px;
	line-height: 45px;
	border-radius: 50%;
}

.pagination ul li.numb.first {
	margin: 0px 3px 0 -5px;
}

.pagination ul li.numb.last {
	margin: 0px -5px 0 3px;
}

.pagination ul li.dots {
	font-size: 22px;
	cursor: default;
}

.pagination ul li.btn {
	padding: 0 20px;
	border-radius: 50px;
}

.pagination li.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover {
	color: #fff;
	background: var(--main-color);
}

/* END pagination */

/*blog details page*/
.blog-details-head {
	width: 80%;
	margin: 0 auto;
}

.blog-details-head h2 {
	font-size: 50px;
	font-weight: 700;
	line-height: 60px;
	text-align: initial;
	color: #333;
}

.blog-dtails-img {
	height: 500px;
	position: relative;
	overflow: hidden;
	margin: 50px 0;
}

.blog-dtails-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.blog-details-bottom {
	width: 80%;
	margin: 0 auto;
}

.blog-details-bottom p {
	font-size: 18px;
	font-weight: 300;
	line-height: 33px;
	color: #878787;
}

/* blog contact form */
.blog-contact .contact-form {
	padding: 50px;
	background-color: white;
	/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	margin-top: 30px;
	margin-bottom: 10px;
}

.blog-contact .contact-form h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	color: var(--black-color);
}

.blog-contact .contact-form p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #646464;
}

.blog-contact .contact-form label {
	font-size: 16px;
	font-weight: 400;
	color: #808080;
	margin-bottom: 2px;
}

.blog-contact .contact-form label span {
	color: #b32121;
}

.blog-contact .contact-form .form-control {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #9c9c9c5c;
	border-radius: 0;
	padding-left: 0;
}

.blog-contact .contact-form .form-control:active,
.blog-contact .contact-form .form-control:focus {
	border-color: var(--main-color);
	box-shadow: none;
	background-color: transparent;
	color: var(--black-color);
}

.blog-contact .contact-form textarea {
	resize: none;
	max-height: 70px;
}

.blog-contact .form-control::placeholder {
	font-size: 14px;
	color: #88888871;
	opacity: 1;
}

.blog-contact input::placeholder {
	font-size: 14px;
	color: #ffffff69;
	opacity: 1;
}

.blog-contact .contact-form .btn {
	margin-top: 20px;
}

.all-ft-blog-listing {
	border: 1px solid #ddddddde;
	border-left: 0;
	border-right: 0;
	padding: 50px 0;
	margin-top: 50px;
}

.blog-detls-view-head {
	display: flex;
	justify-content: space-between;
}

.blog-detls-view-head h2 {
	margin-bottom: 0;
}


/* --------------------------------
		features page
----------------------------------*/
.features-dtails-img {
	height: 500px;
	overflow: hidden;
	padding-right: 100px;
}

.features-dtails-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
}

.featur-detls-cont {
	padding: 50px;
	border-radius: 30px;
	background-color: var(--white-color);
	margin-top: -40%;
}

.featur-detls-cont h6 {
	font-size: 12px;
	font-weight: 400;
	color: var(--main-color);
}

.featur-detls-cont h2 {
	font-size: 30px;
	font-weight: 700;
	color: var(--black-color);
	margin-bottom: 10px;
}

.featur-detls-cont p {
	font-size: 18px;
	font-weight: 300;
	color: #878787;
	line-height: 30px;
	margin-bottom: 35px;
}

.featur-detls-cont .third-btn {
	padding: 15px 30px;
}


.second-featur {
	padding-bottom: 80px;
}

.second-featur-bg {
	height: 350px;
	overflow: hidden;
}

.second-featur-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-right: 8px solid var(--main-color);
}

.second-featur-cont h6 {
	font-size: 12px;
	font-weight: 400;
	color: var(--main-color);
}

.second-featur-cont h2 {
	font-size: 30px;
	font-weight: 700;
	color: var(--black-color);
	margin-bottom: 10px;
}

.second-featur-cont p {
	font-size: 18px;
	font-weight: 300;
	color: #878787;
	line-height: 30px;
	margin-bottom: 0;
}

/* second feature */
.second-featur {
	position: relative;
	overflow: hidden;
}

.second-featur-item {
	margin-top: 130px;
}

.second-featur-item:first-child {
	margin-top: 0;
}

.feuture-bg-text {
	font-size: 15rem;
	color: var(--main-color);
	font-weight: 700;
	margin: 0;
	font-family: var(--second-font);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	text-align: center;
	white-space: nowrap;
	z-index: -1;
	opacity: .1;
}

/* innovative feature */
.innovative-featur {
	position: relative;
	overflow: hidden;
	background-color: var(--white-color);
	padding-bottom: 80px;
}

/* .sec-head{
	max-width: 80%;
	margin: 0 auto;
} */
.innovative-featur-head {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.innovative-featur-head h3 {
	font-size: 50px;
	font-weight: 200;
	line-height: 60px;
	text-align: center;
	color: var(--black-color);
}

.innovative-featur-head p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	text-align: center;
	color: #878787;
}

/*owl carousel*/
.innovative-carousel {
	margin-top: 50px;
}

.innovative-featur .owl-carousel,
.innovative-featur .owl-stage,
.innovative-featur .owl-stage-outer,
.innovative-featur .owl-item {
	display: flex !important;
}

.innovative-featur .item {
	width: 100%;
	position: relative;
	z-index: 100;
	-webkit-backface-visibility: hidden;
	position: relative;
}

.innovative-featur .owl-carousel .item:hover {
	background-color: var(--secondary-color);
}

.innovative-featur .owl-nav>div {
	margin-top: -26px;
	position: absolute;
	top: 43%;
	color: #cdcbcd;
}

.innovative-featur .owl-nav i {
	font-size: 22px;
}

.innovative-featur .owl-nav .owl-prev {
	left: 41%;
	top: -42%;
}

.innovative-featur .owl-nav .owl-next {
	left: 55%;
	top: -42%;
}

/* Owl Carousel Dots */
.innovative-featur .owl-nav button {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	background-color: transparent !important;
	transition: all 0.3s ease;
}

.innovative-featur .owl-nav button:hover {
	color: var(--black-color);
	background-color: var(--main-color) !important;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

.innovative-featur .owl-nav button svg {
	color: var(--primary-color);
}

.innovative-featur .owl-nav button:hover svg {
	color: white;
}

.innovative-featur .owl-carousel .owl-nav {
	display: block !important;
	opacity: 1;
	pointer-events: auto;
}

/* END Owl Carousel Dots */

.innovative-featur .innovative-card-outr {
	padding: 30px;
	border: 1px solid #f0f0f5;
	border-radius: 20px;
	width: 99%;
	height: 100%;
	margin: 0 auto;
}

.innovative-card {
	text-align: center;
	margin-bottom: 10px;
	height: 60px;
}

.innovative-card img,
.innovative-card svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.innovative-featur .item h6 {
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	color: #1f2937;
	margin-bottom: 0;
}

.innovative-featur .item p {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	color: #878787;
}

.carousel-counter {
	text-align: center;
	margin-top: 15px;
	font-size: 16px;
	font-weight: 600;
	color: #7C4EE4;
}

/* empower feature */
.empower-featur {
	position: relative;
	overflow: hidden;
}

.empower-featur-head {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.empower-featur-head h3 {
	font-size: 50px;
	font-weight: 200;
	line-height: 60px;
	text-align: center;
	color: var(--black-color);
}

.empower-featur-head p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	text-align: center;
	color: #878787;
}

.empower-featur-in {
	padding: 50px;
	background-color: #edf0ff;
	border-radius: 30px;
}

/*owl carousel*/
.empower-carousel {
	margin-top: 50px;
}

.empower-featur .owl-carousel,
.empower-featur .owl-stage,
.empower-featur .owl-stage-outer,
.empower-featur .owl-item {
	display: flex !important;
}

.empower-featur .item {
	width: 100%;
	position: relative;
	z-index: 100;
	-webkit-backface-visibility: hidden;
	position: relative;
}

.empower-featur .owl-carousel .item:hover {
	background-color: var(--secondary-color);
}

.empower-featur .owl-nav>div {
	margin-top: -26px;
	position: absolute;
	top: 43%;
	color: #cdcbcd;
}

.empower-featur .owl-nav i {
	font-size: 22px;
}

.empower-featur .owl-nav .owl-prev {
	left: -2%;
	top: 50%;
}

.empower-featur .owl-nav .owl-next {
	right: -2%;
	top: 50%;
}

/* Owl Carousel Dots */
.empower-featur .owl-nav button {
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	background-color: var(--white-color) !important;
	transition: all 0.3s ease;
}

.empower-featur .owl-nav button:hover {
	color: var(--black-color);
	background-color: var(--main-color) !important;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}

.empower-featur .owl-nav button svg {
	color: var(--primary-color);
}

.empower-featur .owl-nav button:hover svg {
	color: white;
}

.empower-featur .owl-carousel .owl-nav {
	display: block !important;
	opacity: 1;
	pointer-events: auto;
}

/* END Owl Carousel Dots */

.empower-img {
	height: 300px;
	overflow: hidden;
	border-radius: 20px;
	margin-bottom: 15px;
}

.empower-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
	transition: ease-in-out 0.3s;
}

.empower-img img:hover {
	transform: scale(1.1);
}

.empower-content {
	text-align: center;
}

.empower-content h5 {
	font-size: 20px;
	font-weight: 700;
	line-height: 25px;
	color: #333;
}

.empower-content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 25px;
	color: #878787;
}



/* solutions */
.solutions-dtails-in {
	position: relative;
}

.left-solutions {
	display: flex;
	align-items: end;
}

.solutions-dtails-img {
	width: 250px;
	min-width: 250px;
	height: 236px;
	overflow: hidden;
}

.solutions-dtails-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.solutions-detls-cont {
	padding: 50px;
	border-radius: 15px;
	background-color: var(--white-color);
	margin-bottom: 35px;
	margin-left: -40px;
}

.solutions-detls-cont h2 {
	font-size: 30px;
	font-weight: 300;
	line-height: 40px;
	color: var(--black-color);
	margin-bottom: 10px;
}

.solutions-detls-cont p {
	font-size: 18px;
	font-weight: 300;
	color: #878787;
	line-height: 30px;
	margin-bottom: 35px;
}

.solutions-detls-cont .third-btn {
	padding: 15px 30px;
}


.free-demo {
	padding: 30px;
	background-color: var(--white-color);
	border-radius: 20px;
	margin-top: -30%;
	position: relative;
}

.free-demo-head {
	padding: 20px;
	border-radius: 10px;
	background: linear-gradient(90deg, #5d38de 0%, #d018b8 100%);
	margin-bottom: 15px;
}

.free-demo h4 {
	font-size: 35px;
	font-weight: 700;
	margin-bottom: 3px;
	color: var(--white-color);
}

.free-demo p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
	color: var(--white-color);
}

.free-demo .form-group {
	position: relative;
}

.free-demo .form-control {
	background-color: transparent;
	border: 1px solid #9c9c9c36;
	border-radius: 10px;
	padding: 16px;
	padding-left: 45px !important;
}

.free-demo .form-control:active,
.free-demo .form-control:focus {
	border-color: var(--main-color);
	box-shadow: none;
	background-color: transparent;
	color: var(--black-color);
}

.free-demo textarea {
	resize: none;
	max-height: 150px;
}

.free-demo .form-control::placeholder {
	font-size: 16px;
	color: #88888871;
	opacity: 1;
}

.free-demo input::placeholder {
	font-size: 16px;
	color: #ffffff69;
	opacity: 1;
}

.free-demo .contact-form .btn {
	color: white !important;
	margin-top: 10px;
}

.input-icon {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	color: var(--main-color);
	font-size: 15px;
	pointer-events: none;
	/* so it won't block typing */
}

.input-icon-textarea {
	position: absolute;
	top: 15px;
	left: 15px;
	color: var(--main-color);
	font-size: 15px;
	pointer-events: none;
}

.about-second-sec {
	padding-bottom: 80px;
	background: #f5f7f9;
}

.achive-event {
	position: relative;
	overflow: hidden;
}

.left-achive-event {
	height: 500px;
	overflow: hidden;
}

.left-achive-event img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.right-achive-event {
	padding-left: 25px;
}

.right-achive-event h6 {
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #d018b8;
	margin-bottom: 10px;
	display: block;
}

.right-achive-event h3 {
	font-size: 50px;
	font-weight: 800;
	line-height: 60px;
	color: var(--black-color);
}

.right-achive-event h3 span {
	color: var(--primary-color);
}

.right-achive-event p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #878787;
}

/* .right-achive-event ul{
	margin: 0;
	padding: 0;
} */
.right-achive-event ul li {
	font-size: 18px;
	font-weight: 400;
	line-height: 35px;
	list-style: none;
	position: relative;
}

.right-achive-event ul li::before {
	content: "✔";
	position: absolute;
	top: 0;
	left: -25px;
	color: var(--primary-color);
}


/* solution tab */
.custom-tab-solution {
	position: relative;
	overflow: hidden;
}

.custom-tab-solution .accordion-item {
	border-radius: 0 !important;
}

.custom-tab-solution .accordion-body {
	padding: 50px;
	background: linear-gradient(180deg, #f5f7f9 0%, #fff 100%);
}

.custom-tab-solution .nav-tabs .nav-link {
	font-size: 16px;
	border: 0;
	color: #8E8E8E;
	cursor: pointer;
}

.custom-tab-solution .nav-tabs .nav-item.show .nav-link,
.custom-tab-solution .nav-tabs .nav-link.active {
	color: var(--primary-color);
	border-bottom: 2px solid var(--primary-color);
	background-color: transparent !important;
}

.agenda-cont h6 {
	font-size: 14px;
	font-weight: 400;
	color: #7c4ee4;
	background-color: #e9d1fd;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 20px;
}

.agenda-cont h3 {
	font-size: 50px;
	font-weight: 700;
	color: var(--black-color);
}

.agenda-cont p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #878787;
}

.agenda-cont-img {
	display: flex;
	justify-content: center;
	position: relative;
	width: 80%;
	margin: 0 auto;
	max-height: 500px;
	overflow: hidden;
	border-radius: 30px;
}

/* Sidebar icons */
.agenda-cont-img .icon-tabs {
	background: #6A34E0;
	border-radius: 20px 0 0 20px;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

.agenda-cont-img .icon-tabs button {
	background: none;
	border: none;
	color: white;
	font-size: 22px;
	cursor: pointer;
	opacity: 0.6;
	transition: 0.3s;
}

.agenda-cont-img .icon-tabs button.active {
	opacity: 1;
}

/* Main image/content */
.agenda-cont-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 30px;
}

/* END solution tab */

/* projects */
.project-event {
	padding-bottom: 80px;
	background: linear-gradient(180deg, #f5f7f9 0%, #fff 100%);
	position: relative;
	overflow: hidden;
}

.right-project-event {
	padding-right: 50px;
}

.right-project-event h6 {
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
	color: #d018b8;
	margin-bottom: 10px;
	display: block;
}

.right-project-event h3 {
	font-size: 50px;
	font-weight: 800;
	line-height: 60px;
	color: var(--black-color);
}

.right-project-event h3 span {
	color: var(--primary-color);
}

.right-project-event p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	color: #878787;
}

.left-project-event img {
	width: 85%;
	height: 100%;
	object-fit: cover;
}

.major-project {
	position: relative;
	overflow: hidden;
}

.major-project-head h3 {
	font-size: 50px;
	font-weight: 300;
	line-height: 60px;
	text-align: center;
	color: #000;
}

.major-project-head h3 span {
	font-weight: 700;
	display: block;
}

.project-item-out {
	margin-top: 50px;
}

.project-item-in {
	padding: 50px;
	text-align: center;
	background-color: var(--white-color);
	box-shadow: rgba(99, 99, 99, 0.08) 0px 2px 8px 0px;
	height: 100%;
}

.project-item-in-img {
	width: 100px;
	margin: 0 auto;
}

.project-item-in h6 {
	font-size: 14px;
	font-weight: 400;
	color: #7c4ee4;
	background-color: #e9d1fd;
	display: inline-block;
	padding: 6px 10px;
	border-radius: 20px;
	margin-top: 15px;
}

/* contact page */
.contact-in {
	padding: 50px;
	border: 2px solid rgba(10, 13, 23, 0.05);
	border-radius: 20px;
	width: 80%;
	margin: 0 auto;
}

.contact-img {
	height: 500px;
	overflow: hidden;
}

.contact-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

/* contact page form */
.left-contact-page .contact-form h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
	color: var(--black-color);
}

.left-contact-page .contact-form p {
	font-size: 14px;
	font-weight: 300;
	margin-bottom: 20px;
	color: #575757;
}

.left-contact-page .contact-form {
	padding-right: 30px;
}

.left-contact-page .contact-form label {
	font-size: 14px;
	font-weight: 400;
	color: #919191;
	margin-bottom: 2px;
}

.left-contact-page .contact-form .form-control {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #9c9c9c5c;
	border-radius: 0;
	padding-left: 0;
}

.left-contact-page .contact-form .form-control:active,
.left-contact-page .contact-form .form-control:focus {
	border-color: var(--main-color);
	box-shadow: none;
	background-color: transparent;
	color: var(--black-color);
}

.left-contact-page .contact-form textarea {
	resize: none;
	max-height: 70px;
}

.left-contact-page .form-control::placeholder {
	font-size: 14px;
	color: #88888871;
	opacity: 1;
}

.left-contact-page input::placeholder {
	font-size: 14px;
	color: #ffffff69;
	opacity: 1;
}

.left-contact-page .contact-form .btn {
	margin-top: 20px;
}

/* contact country select */
.form-group .iti {
	width: 100%;
}

@media only screen and (max-width: 600px) {
	.iti__country {
		font-size: 14px;
	}
}


/* nav request a demo */
.nav-request-demo-outr {
	background: linear-gradient(90deg, #2b147b12 0%, #7109631f 100%);
	backdrop-filter: blur(89.69999694824219px);
}

.nav-request-demo-outr .modal-dialog {
	max-width: 650px;
}

.nav-request-demo-outr .modal-content {
	border-radius: 18px;
	background-color: #0000002e !important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: 1px solid #aabbcc1a;
}

.nav-request-demo {
	padding: 15px 25px;
	background-color: transparent;
	border-radius: 20px;
	position: relative;
}

.nav-request-demo-head {
	padding: 15px 30px;
	background: transparent;
	margin-bottom: 0px;
	border-radius: 15px 15px 0 0;
	border-bottom: 1px solid #ffffff2b;
}

.nav-request-demo-head h4 {
	font-size: 25px;
	font-weight: 700;
	line-height: initial;
	margin-bottom: 0px;
	color: #ffffffd1;
}

.nav-request-demo-head p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
	color: var(--white-color);
}

.nav-request-demo-head .close {
	border: 0;
	font-size: 30px;
	color: var(--white-color);
	background-color: transparent !important;
}

.nav-request-demo .form-group {
	position: relative;
}

.nav-request-demo .form-control {
	background-color: transparent;
	border: 1px solid #dfdfdf2e;
	border-radius: 10px;
	padding: 16px;
	padding-left: 45px !important;
	color: white !important;
}

.nav-request-demo .form-control:active,
.nav-request-demo .form-control:focus {
	border-color: var(--main-color);
	box-shadow: none;
	background-color: transparent;
	color: var(--black-color);
}

.nav-request-demo textarea {
	resize: none;
	max-height: 150px;
}

.nav-request-demo .form-control::placeholder {
	font-size: 16px;
	color: #a0a0a0b6;
	opacity: 1;
}

.nav-request-demo input::placeholder {
	font-size: 16px;
	color: #ffffffda;
	opacity: 1;
}

.nav-request-demo .contact-form .btn {
	color: white !important;
	margin-top: 10px;
}

.nav-request-demo form .input-icon,
.nav-request-demo form textarea .input-icon {
	color: #D018B89C;
}

.nav-request-demo form .anim-btn-1 {
	border: 1px solid #ffffff82;
	color: #d5d5d5;
}

/* END nav request a demo */

/* return scroll */
#scroll {
	position: fixed;
	right: 20px;
	bottom: 30px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: var(--main-color);
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	z-index: 9999;
}

#scroll span {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -12px;
	height: 0;
	width: 0;
	border: 8px solid transparent;
	border-bottom-color: #ffffff;
}

#scroll:hover {
	background-color: var(--main-color);
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

/* END return scroll */


/* awards-recognition */
.awards-recog h6 {
	font-size: 16px;
	font-weight: 300;
	color: #d018b8;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
}

.awards-recog h2 {
	font-size: 60px;
	font-weight: 200;
	color: #000;
	line-height: 65px;
	margin-bottom: 15px;
	text-align: center;
}

.awards-recog-item-out {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.awards-recog-item {
	width: 230px;
	height: 150px;
	margin-top: 30px;
}

.awards-recog-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media (max-width: 1300px) {
	.awards-recog h2 {
		font-size: 50px;
	}
}

@media (max-width: 768px) {
	.awards-recog h2 {
		font-size: 2rem;
		line-height: 40px;
	}
}

@media (max-width: 700px) {
	.awards-recog-item {
		width: 120px;
		height: 90px;
		margin-top: 15px;
	}
}

@media (max-width: 600px) {
	.awards-recog h6 {
		font-size: 14px;
		margin-bottom: 5px;
	}
}





/* ------------------------------
		Case Study
------------------------------- */
.case-study {
	position: relative;
	overflow: hidden;
	background-color: #f5f7f9;
}

.case-study-in {
	position: relative;
	z-index: 3;
}

.case-study-item-outr {
	margin-bottom: 30px;
}

.case-study-item {
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.case-study-img {
	height: 200px;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}

.case-study-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: ease-in-out 0.3s;
}

.case-study-img img:hover {
	transform: scale(1.1);
}

.case-study-content {
	padding: 20px 12px;
}

.case-study-content h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	color: #333;
	margin-bottom: 4px;
}

.case-study-content p {
	font-size: 15px;
	font-weight: 400;
	line-height: 22px;
	color: #878787;
}

.case-study-content .read-more {
	font-size: 14px;
	font-weight: 400;
	color: #ffffff;
	cursor: pointer;
	border-radius: 4px;
	padding: 7px 10px;
	background: var(--gradient);
	border: 0;
}

.case-study-content .read-more:hover {
	color: white;
	background: linear-gradient(90deg, #d018b8 0%, #7f2ec3 100%);
}

/*Case study details page*/
.case-study-details-head h4 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	color: #333;
}

.case-study-dtails-img {
	max-height: 500px;
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
	text-align: center;
}

.case-study-dtails-img img {
	height: 100%;
	object-fit: contain;
	border-radius: 15px;
}

.case-study-details-bottom p {
	font-size: 17px;
	font-weight: 300;
	line-height: 30px;
	color: #525252;
}

/* info */
.info-section {
	max-width: 900px;
	margin: 60px auto;
	padding: 0 20px;
}

.info-item {
	margin-bottom: 35px;
}

.case-study-details-bottom ul li {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 10px;
	color: #525252;
}

.info-item p {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
}