@import url('https://cdn-uicons.flaticon.com/uicons-regular-rounded/css/uicons-regular-rounded.css');

@import url('https://cdn-uicons.flaticon.com/uicons-solid-rounded/css/uicons-solid-rounded.css');

@import url('https://cdn-uicons.flaticon.com/uicons-bold-rounded/css/uicons-bold-rounded.css');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

@import url('https://cdn-uicons.flaticon.com/uicons-solid-straight/css/uicons-solid-straight.css');

@import url('https://cdn-uicons.flaticon.com/uicons-brands/css/uicons-brands.css');

@import url('https://cdn-uicons.flaticon.com/uicons-bold-straight/css/uicons-bold-straight.css');

@import url('https://cdn-uicons.flaticon.com/2.3.0/uicons-solid-rounded/css/uicons-solid-rounded.css');



html {
	scroll-behavior: smooth;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: auto;
	scrollbar-color: #111827 #ffffff;

}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 16px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: #111827;
	border-radius: 10px;
	border: 3px solid #ffffff;

}


/*

.container {
	max-width: 1200px !important;

}

*/

#mobHeader button {
	-webkit-appearance: none;
	appearance: none;
	background: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	position: absolute;
	z-index: 999999999999999999999999999;

	right: 20px;
	top: 20px;
	bottom: 0;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	outline: 0;
	border: 0;
	cursor: pointer;


}

#mobHeader button span {
	width: 40%;
	background: #fff;
	height: 2px;
	display: block;
	margin: 5px auto;

}

#mobHeader button:hover {
	border-color: rgba(255, 255, 255, 0.5);
}

#mobHeader button:hover span {
	margin: 10px auto;
}





.gradient-line:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -75px;
	height: 75px;
	filter: blur(30px);
	-webkit-filter: blur(30px);
	background-image: conic-gradient(from 180deg at 50% 100%, transparent 0, transparent 27%, #ff3998 27%, #d764ff 36.04%, #00b5ff 58.23%, #0fd 63%, #54fa43 73%, transparent 73%, transparent 100%);
	animation: hueRotate 2.5s linear infinite;
}


.txtShadow {
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);

}


ol {
	counter-reset: orderedlist;
}

ol li:before {
	content: counter(orderedlist, none);
	display: block;
	flex-shrink: 0;
	background-image: url('../images/red-tick.svg');
	background-size: 18px 18px;
	background-repeat: no-repeat;

	width: 25px;
	margin-bottom: 0.25em;
	counter-increment: orderedlist;
	color: #fe2f64;
}

  .tab-background[selected="true"] {
    background-color: #00caa6 !important;
    background-image: none !important;
  }


#levelDown p {
	display: block !important;
	padding-bottom: 24px !important;
}