ul {
	list-style-type: disc;
	list-style-position: inside;
}
ol {
	list-style-type: decimal;
	list-style-position: inside;
}
/* firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #03256c;
	scrollbar-color: #03256c #f9f9f9;
}

/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f9f9f9;
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #03256c;
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #1768ac;
}
.marquee {
	animation: scrolling var(--marquee-time) linear infinite;
}

.marquee:hover {
	animation-play-state: paused;
}

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

	100% {
		transform: translateX(calc(-1 * var(--marquee-width)));
	}
}

.cs-slider {
	flex-basis: 510px;
	overflow: hidden;
	height: 650px;
	max-height: calc(60vh - var(--headerHeight));
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: grab;
	-webkit-mask-image: linear-gradient(
		180deg,
		hsla(0, 0%, 0%, 0) 0%,
		hsl(0, 0%, 0%) 19%,
		hsl(0, 0%, 0%) 81%,
		hsla(0, 0%, 0%, 0) 100%
	);
	mask-image: linear-gradient(
		180deg,
		hsla(0, 0%, 0%, 0) 0%,
		hsl(0, 0%, 0%) 19%,
		hsl(0, 0%, 0%) 81%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

.cs-slider-box {
	display: flex;
	flex-direction: column;
	gap: 28px;
	touch-action: none;
}

.footer__nav ul {
	display: flex;
	flex-direction: row;
	column-gap: 2rem;
}

/*FAQ*/
#faq__sec .pt-6:nth-child(2) {
	border-top: 0;
}

/* ------- wave animation --------- */
.wv {
	position: absolute;
	left: 0px;
	height: 100%;
	width: 200%;
	background-repeat: repeat no-repeat;
	background-position: 0 bottom;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

.wvone {
	background-size: 50% 100px;
}

.wvanim .wvone {
	animation: mv-wv 3s;
	-webkit-animation: mv-wv 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.wvtwo {
	background-size: 50% 120px;
}

.wvanim .wvtwo {
	-webkit-animation: mv_wv 10s linear infinite;
	animation: mv_wv 10s linear infinite;
}

.wvthree {
	background-size: 50% 100px;
}

.wvanim .wvthree {
	-webkit-animation: mv_wv 15s linear infinite;
	animation: mv_wv 15s linear infinite;
}

@-webkit-keyframes mv_wv {
	0% {
		-webkit-transform: translateX(0) translateZ(0) scaleY(1);
		transform: translateX(0) translateZ(0) scaleY(1);
	}

	50% {
		-webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
		transform: translateX(-25%) translateZ(0) scaleY(0.55);
	}

	100% {
		-webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
		transform: translateX(-50%) translateZ(0) scaleY(1);
	}
}

@keyframes mv_wv {
	0% {
		-webkit-transform: translateX(0) translateZ(0) scaleY(1);
		transform: translateX(0) translateZ(0) scaleY(1);
	}

	50% {
		-webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
		transform: translateX(-25%) translateZ(0) scaleY(0.55);
	}

	100% {
		-webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
		transform: translateX(-50%) translateZ(0) scaleY(1);
	}
}

@media (max-width: 36rem) {
	.footer__nav ul {
		flex-direction: column;
		align-items: center;
	}

	#faq__sec .pt-6:nth-child(2) {
		border-top: 1px solid rgb(17 24 39 / 0.1);
	}

	.site-logo {
		height: 3.6rem;
	}
}