/* header Css  */
.site-header {
	position: relative;
	z-index: 1000;
}

.site-header {
	background: #0a0909;
}

.header____wrap {
	/* position: absolute; */
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1111111;
	transition: all 0.3s ease;
}
.header-absolute {
	position: absolute;
}

.header-relative {
	position: relative;
}
.bg____wrap {
	padding: 30px;
	background: linear-gradient(
		135deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(255, 255, 255, 0.06) 0%,
		rgba(255, 255, 255, 0.02) 100%
	);
	border: 1px solid #ffffff10;
	transition: 0.6s ease;
	box-shadow:
		0 30px 80px -30px rgba(0, 0, 0, 0.6),
		inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
	border-radius: 26px;
}
.signin_____btn {
	background: linear-gradient(
		90deg,
		rgba(42, 123, 155, 0.24) 0%,
		rgba(215, 217, 218, 0.24) 0%,
		rgba(156, 200, 212, 0.24) 100%
	);
	color: var(--extra-color-2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
	transition: all 0.3s ease;
}
.site-header span.number {
	background: var(--secondary-color);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	font-size: 7px;
	top: -3px;
	left: 9px;
}
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1140px;
	}
}
/* header Css  */

/* banner Css  */

.banner {
	background-image: url(../img/banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.banner____btn {
	background: transparent;
	color: var(--primary-color);
	border-color: #25221e;
	box-shadow: none;
}
.counter______wrapper {
	background: #0d0d0d65;
	border: 1px solid #ffffff02;
	padding: 20px;
	box-shadow:
		0px 20px 40px -12px rgba(0, 0, 0, 0.7),
		inset 0px 1px 0px 1px rgba(255, 255, 255, 0.04);
	backdrop-filter: blur(20px);
}
.counter-value {
	text-shadow: 0px 0px 40px rgba(235, 170, 45, 0.35);
}
/* banner Css  */

/* collection-section Css  */
.collection_____image {
	perspective: 1500px;
	overflow: hidden;
	border-radius: 0;
}
.collection_____wrapper:hover {
	box-shadow: 0 0 20px rgba(235, 170, 45, 0.2);
}

.collection_____wrapper {
	transition:
		transform 0.3s ease,
		box-shadow 0.3s ease;
	overflow: hidden;
}
/* collection-section Css  */

/* marquee-section Css  */
.marquee-wrapper {
	width: 100%;
	overflow: hidden;
	user-select: none;
}
.marquee-div {
	background: #0d0d0d70;
	border: 1px solid #1f1f1f;
	border-right: 0;
	border-left: 0;
}
.marquee-track {
	animation: marquee-scroll 25s linear infinite;
	white-space: nowrap;
}
.marquee-wrapper:hover .marquee-track {
	animation-play-state: paused;
}
@keyframes marquee-scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-50%);
	}
}
/* marquee-section Css  */

/* team-section Css  */
.team____icon {
	width: 40px;
	height: 40px;
	border: 1px solid #1b1b1b;
	display: flex;
	align-items: center;
	justify-content: center;
}
.team_____wrapper {
	position: relative;
	height: 100%;
	border-bottom: 1px solid #1b1b1b;
}
div:nth-child(odd) > .team_____wrapper {
	border-right: 1px solid #1b1b1b;
}
div:nth-last-child(-n + 2) > .team_____wrapper {
	border-bottom: none;
}
.rating_____wrap {
	background: #090a0d;
	padding: 10px 15px;
	border: 1px solid #16171d;
}
.team_______video figure {
	overflow: hidden;
}
.team_____wrapper {
	border-radius: 0px;
	transition: background 0.3s ease;
	will-change: transform;
}
.team_____wrapper:hover {
	background: rgba(0, 0, 0, 0.03);
}
.team____icon img {
	will-change: transform;
}
.team_______video figure {
	overflow: hidden;
}
.team______content hr {
	transform-origin: left center;
	width: 100%;
}
/* team-section Css  */

/* process-section Css  */
.process-section {
	background-image: url(../img/process-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	background-position: center;
	padding: 100px 0 60px;
}
.process____icon {
	background: var(--body-color);
	border: 1px solid #594215;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.process_____wrapper {
	border-right: 1px solid #525252;
}
.row > .col-lg-3:last-child .process_____wrapper {
	border-right: 0;
}
.process_____wrapper:hover .process____icon {
	box-shadow: 0 0 40px 0 rgba(235, 170, 45, 0.35);
}
.process_____wrapper:hover .process_____anchor {
	color: var(--secondary-color);
}
.process_____wrapper {
	will-change: transform;
}
.process____icon h4,
.process_____anchor {
	display: inline-block;
	will-change: transform;
}
.process_____anchor {
	transition: background 0.3s ease;
}
/* process-section Css  */

/* apparel-section Css  */
.apparel_____tabs .nav-pills .nav-link.active {
	background: var(--secondary-color);
	color: var(--extra-color-3);
}
.apparel_____tabs .nav-pills .nav-link:hover {
	background: var(--secondary-color);
	color: var(--extra-color-3);
}
.apparel_____tabs .nav-pills .nav-link {
	background: transparent;
	border: 1px solid #1b1b1b;
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 2.4px;
}
.apparel_____image {
	overflow: hidden;
}
/* apparel-section Css  */

/* stories-section Css  */
.stories______btn::before {
	content: "";
	position: absolute;
	background: #1b1b1b;
	width: 40px;
	height: 1px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.stories______btn {
	padding-left: 60px;
}
.video-modal {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	transition: 0.4s ease;
}
.video-modal.active {
	opacity: 1;
	visibility: visible;
}
.video-modal-inner {
	width: min(900px, 90%);
	position: relative;
}
.video-modal video {
	width: 100%;
	border-radius: 20px;
}
.video-close {
	position: absolute;
	right: -15px;
	top: -45px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 0;
	background: #fff;
	font-size: 18px;
	cursor: pointer;
}
.custom-controls button {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	color: #fff;
}
/* stories-section Css  */

/* ticker-section Css  */
.ticker-section {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding: 100px 0;
}
.ticker-strip {
	position: absolute;
	left: -6%;
	width: 112%;
	height: 58px;
	overflow: hidden;
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.ticker-strip-dark {
	top: 58px;
	background: #323232;
	transform: rotate(4deg);
	z-index: 1;
}
.ticker-strip-yellow {
	top: 62px;
	background: #f9c108;
	transform: rotate(-5deg);
	z-index: 2;
}
.ticker-track {
	display: flex;
	align-items: center;
	gap: 45px;
	width: max-content;
	flex-shrink: 0;
}
.ticker-track span {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 12px;
	letter-spacing: 1px;
	line-height: 1;
}
.ticker-track-left {
	animation: tickerLeft 20s linear infinite;
}
.ticker-track-right {
	animation: tickerRight 20s linear infinite;
}
@keyframes tickerLeft {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
@keyframes tickerRight {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0);
	}
}
/* Mobile Responsive */
@media (max-width: 767.98px) {
	.ticker-section {
		height: 90px;
	}

	.ticker-strip {
		height: 30px;
		left: -10%;
		width: 120%;
	}

	.ticker-strip-dark {
		top: 20px;
	}

	.ticker-strip-yellow {
		top: 32px;
	}

	.ticker-track {
		gap: 30px;
	}
}
/* Mobile Responsive */

/* ticker-section Css  */

/* difference-section Css  */
.difference-box {
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: #070707;
}
.difference-right {
	position: relative;
	border-left: 1px solid rgba(255, 255, 255, 0.08);
	background:
		radial-gradient(
			circle at 55% 15%,
			rgba(235, 170, 45, 0.08) 0%,
			rgba(235, 170, 45, 0.04) 35%,
			rgba(235, 170, 45, 0.01) 60%,
			transparent 80%
		),
		#070707;
}
.difference-right::after {
	content: "";
	position: absolute;
	background-image: url(../img/playbook-right-img.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 170px;
	height: 330px;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.difference-icon,
.difference-check {
	font-size: 12px;
	line-height: 1;
	margin-top: 3px;
	border: 1px solid #1b1b1b;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.difference-check {
	background: var(--secondary-color);
}
.difference-box .col-lg-6,
.difference-box li,
.playbook_____logo {
	will-change: transform, opacity;
}
@media (max-width: 991.98px) {
	.difference-right {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.08);
	}
}
/* difference-section Css  */

/* program-section Css  */
.program-section {
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.program-bg {
	position: absolute;
	inset: 0;
	background: url("../img/program-bg.png") center/cover no-repeat;
	z-index: 0;
	transform: scale(0.82);
}
/* program-section Css  */

/* thread-section Css  */
.single-gallery-image {
	overflow: hidden;
}
.single-gallery-image img {
	will-change: transform;
}
.threads_____wrapper {
	will-change: transform;
	cursor: pointer;
}
/* thread-section Css  */

/* footer Css  */
.site-footer {
	background: #0d0d0d;
}
.newsletter-wrapper {
	border: 1px solid #202020;
	padding: 25px 30px;
}
.newsletter-form .form-control {
	background: #111111;
	border: 1px solid #585858;
	border-radius: 0;
	color: #8c8f95;
	box-shadow: none;
	padding: 15px 110px 15px 20px;
	font-size: 14px;
}
.newsletter-form .form-control::placeholder {
	color: #8c8f95;
}
.newsletter-form .btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: 5px;
}
/* footer Css  */

/* sub-banner Css  */
.sub-banner {
	position: relative;
	overflow: hidden;
	padding: 8rem 0 3rem;
	background-image: url(../img/sub-banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 70px;
}
/* sub-banner Css  */

/* about-page Css  */
.vision-section {
	background-image: url(../img/vision-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 100px 0;
}

/* shop-page Css  */
.apparel_____filter {
	background: linear-gradient(
		180deg,
		rgba(42, 123, 155, 1) 0%,
		rgba(59, 59, 59, 0.6) 0%,
		rgba(42, 42, 42, 0.4) 100%
	);
	border: 1px solid #676767;
	padding: 15px;
}
.apparel_____tabs .nav-link {
	background: #242424;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 0;
	padding: 7px 14px;
	color: rgba(255, 255, 255, 0.45);
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.apparel_____tabs .nav-link.active {
	background: transparent;
	color: var(--secondary-color);
	border-color: var(--secondary-color);
}
.filter_____actions input,
.filter_____actions select {
	height: 28px;
	background: #31313130;
	border: 1px solid #4e4e4e;
	color: #bdbdbd;
	font-size: 10px;
	font-family: var(--primary-regular-font);
	padding: 0 10px;
	border-radius: 0;
}
.search_____box input {
	width: 140px;
}
.filter_____actions select {
	width: 140px;
}
.apparel____detail____tabs .nav-pills .nav-link {
	background: #343434;
	border-color: #505050;
}
/* shop-page Css  */

/* contact page Css  */
.contact-section {
	background: #050505;
}
.contact_____form {
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 24px 20px;
}
.contact_____form label {
	display: block;
	margin-bottom: 8px;
}
.contact_____form input,
.contact_____form textarea {
	width: 100%;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	padding: 10px 12px;
	font-size: 12px;
	outline: none;
}
.contact_____form input {
	height: 34px;
}
.contact_____form textarea {
	height: 74px;
	resize: none;
}
.contact_____form input::placeholder,
.contact_____form textarea::placeholder {
	color: rgba(255, 255, 255, 0.35);
}
.contact_____box {
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 14px 12px;
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 48px;
}
.contact-icon {
	width: 24px;
	height: 24px;
	border: 1px solid var(--secondary-color);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--secondary-color);
	font-size: 11px;
}
.contact_____box p {
	letter-spacing: 0.8px;
}
/* contact page Css  */

/* request-quote-page Css  */
.quote-section {
	background: #050505;
}
.quote_____form,
.quote_____box {
	border: 1px solid rgba(255, 255, 255, 0.12);
	padding: 20px;
}
.quote_____step {
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	padding-bottom: 15px;
}
.quote_____form label {
	display: block;
	margin-bottom: 8px;
}
.quote_____form input {
	width: 100%;
	height: 36px;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.12);
	color: #fff;
	padding: 0 12px;
	font-size: 12px;
}
.quote_____form input::placeholder {
	color: rgba(255, 255, 255, 0.35);
}
.quote_____action .btn {
	background: var(--secondary-color);
	color: #000;
	padding: 10px 28px;
	border-radius: 0;
	font-size: 10px;
	letter-spacing: 2px;
}
.quote_____sidebar .quote_____box:first-child {
	padding-bottom: 20px;
}

.timeline-item {
	padding: 12px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.timeline-item:last-child {
	border-bottom: 0;
}
#stepProgressBar {
	transition: width 0.4s ease-in-out;
}
.form-step .btn-outline-warning {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	background-color: transparent;
}
.form-step .btn-outline-warning:hover,
.form-step .btn-outline-warning:focus {
	background-color: rgba(255, 193, 7, 0.15);
	border-color: #ffc107;
	color: #ffffff;
	transform: translateY(-2px);
}
.form-step .btn-outline-warning.active {
	background-color: #ffc107;
	border-color: #ffc107;
	color: #000000;
	font-weight: 600;
}
.quote_____upload {
	transition:
		border-color 0.3s ease,
		background-color 0.3s ease;
}
.quote_____upload:hover {
	border-color: #ffc107;
	background-color: rgba(255, 193, 7, 0.03);
}
.btn-prev {
	transition:
		color 0.2s ease,
		opacity 0.2s ease;
}
.btn-prev:hover {
	color: #ffc107;
	opacity: 1;
}
/* request-quote-page Css  */