@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

@font-face {
	font-family: "Miller Display";
	src: url("..//assets/fonts/miller_display/Miller-Display.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Miller Display";
	src: url("..//assets/fonts/miller_display/MillerDisplay-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}



body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/* -------------------------------------------start-----  Custom Scrollbar   */
.custom-scrollbar::-webkit-scrollbar,
.custom-scrollbar_faq::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	/* for horizontal scrollbar */
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background-color: #143b2d;
	border-radius: 999px;
	/* fully rounded ends */
}

.custom-scrollbar::-webkit-scrollbar-track {
	background-color: #fcffff;
	border-radius: 999px;
}

/* ============================================================= faq scroll */

.custom-scrollbar_faq::-webkit-scrollbar-thumb {
	background-color: #143b2db2;
	border-radius: 999px;
	/* fully rounded ends */
}

.custom-scrollbar_faq::-webkit-scrollbar-track {
	background-color: #c2d92e79;
	border-radius: 999px;
}

/* ------------------------------------------end------  Custom Scrollbar   */

.plusminus::before,
.plusminus::after {
	content: "";
	display: block;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 0;
	transition: .35s;
	width: 100%;
	height: 2px;
}

.plusminus::before {
	transform: translateY(-50%);
}

.plusminus::after {
	transform: translateY(-50%) rotate(90deg);
}

.plusminus.active::before {
	transform: translateY(-50%) rotate(-90deg);
	opacity: 0;
}

.plusminus.active::after {
	transform: translateY(-50%) rotate(0);
}

/* ------------------------------------------------ About Team Slider  */
.team-slider-wrapper {
	--right_mov: -100px;
	--team_content_width: calc(100% - var(--right_mov));
}

/* ------------------------------------------------ Scroll Animation  */
@keyframes marquee {
	0% {
		transform: translateX(0%);
	}

	100% {
		transform: translateX(-100%);
	}
}

/* ------------------------------- mask  */
.infinte-mask {
	-webkit-mask-image: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent);
	mask-image: linear-gradient(90deg, transparent, #fff 5%, #fff 95%, transparent);
}


.header-btn {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	background: #000;
	line-height: 1;
	display: inline-flex;
	align-items: baseline;
	padding: 20px 35px;
	gap: 8px;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all 0.6s;
}

.header-btn:hover {
	color: #000;
}

.header-btn span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 36px;
	background-color: #C5D82E;
	transition: all 0.6s;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.header-btn:hover span {
	width: 225%;
	height: 1000.5px;
}

.header-btn:active {
	background-color: #C5D82E;
}