@import url("fonts.css");
@import url("carousel.css");

input:focus,
textarea:focus,
select:focus,
button:focus {
	outline: none !important;
	box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
	color: #fff !important;
	opacity: 0.5 !important;
}

.rounded-5 {
	border-radius: .5rem;
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

.text-gradient-blue {
	background: linear-gradient(to right, #7CFBFD 0, #467EFF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.bg-black-10 {
	background-color: #161617;
}

.border-black-10 {
	border-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-none {
	background: none;
}

.bg-gradient-blue {
	background: linear-gradient(to right, #7CFBFD 0, #467EFF 100%);
}

.bg-blured {
	background-color: rgba(255, 255, 255, 0.1) !important;
}

.shadow-inner-start {
	box-shadow: inset 50rem 0 25rem -10rem rgb(22 22 23 / 70%);
}

.shadow-inner-bottom {
	box-shadow: inset 0 -30px 2rem 0 #161617;
}

.bg-feature {
	background: url("../assets/images/features-4.png");
	background-size: contain;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
}

.marquee {
	overflow: hidden;
}

.marquee-content {
	display: flex;
	animation: scrolling 30s linear infinite;
}

.marquee-item {
	flex: 0 0 10vw;
	margin: 0 1vw;
}

@keyframes scrolling {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translatex(-264vw);
	}
}

.z-index-1 {
	z-index: 1;
}

.feature-3,
.feature-4 {
	height: 50%;
}

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

.accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-icon);
}

.custom-nav-btn {
	transition: all .2s ease-in-out;
	background: #000;
	color: white;
	opacity: .5;
}

.custom-nav-btn.active,
.custom-nav-btn:hover {
	background: linear-gradient(to right, #7CFBFD 0, #467EFF 100%);
	color: black;
	opacity: 1;
}

.nav-link {
	transition: none;
	width: 15rem;
	height: 3rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active p {
	opacity: 1 !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border: 0;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border: 1px solid #A0F192;
	border-bottom: 1px solid #353f3b;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}

.logo {
	width: 2.5rem;
}

@media (max-width: 991.98px) {

	.shadow-inner-start {
		box-shadow: none;
	}

	.padding-header {
		padding-top: 70px;
	}

	.feature-3 {
		height: auto;
	}

	.feature-4 {
		height: 360px;
	}

	.cfs-numbers {
		font-size: 3.5rem;
	}

	.nav-tabs .nav-item.show .nav-link,
	.nav-tabs .nav-link.active {
		border: 1px solid #A0F192;
		border-bottom: 1px solid #0C0D14;
		border-top-left-radius: 1rem;
		border-top-right-radius: 1rem;
	}

	.nav-link {
		width: 10.5rem;
		height: 3rem;
	}

	.marquee-item {
		flex: 0 0 20vw;
		margin: 0 1vw;
	}

	@keyframes scrolling {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translatex(-484vw);
		}
	}

}