@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');


.capitalize-first {
	text-transform: lowercase;
}

.capitalize-first::first-letter {
	text-transform: uppercase;
}




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

}

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

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

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

}

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

}

.mask {
	
/*	
	bottom: 0px;
	left: 0px;

	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	display: block !important;
*/
	-webkit-mask-image: url(../images/mask2.svg);
	mask-image: url(../images/mask2.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.buttonVidClip {
	position: relative;
	font-family: inherit;
	transition: all 0.1s ease-in;
	display: flex;
	gap: 1.15rem;
	cursor: pointer;
	border-radius: 8px;

	background-color: #ff3067;
	color: #fff;
	border: none;
	align-items: center;
	font-size: 1.2rem;
	font-weight: 600;

	justify-content: center;
}

.buttonVidClip:hover {
	background-color: #6c00ff;
}

.buttonVidClip:has(input:checked) {
	background-color: #6c00ff;
}

.buttonVidClip:active {
	transform: translateY(0.2rem);
}


.buttonVidClip .label {
	cursor: pointer;
}

.buttonVidClip .visually-hidden {
	cursor: pointer;
	position: absolute;
	opacity: 0;
}

.buttonVidClip:has(input:checked)>.arrow::before {
	transform: translateX(-1rem);
	background: rgb(255, 255, 255);
	background: linear-gradient(90deg,
			rgba(255, 255, 255, 1) 30%,
			rgba(0, 156, 255, 1) 30%,
			rgba(0, 156, 255, 1) 70%,
			rgba(255, 255, 255, 1) 70%);
}

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

	20% {
		transform: translateX(-0.8rem);
	}

	100% {
		transform: translateX(0rem);
	}
}

@keyframes slidey {
	0% {
		transform: translateX(-1rem);
	}

	to {
		transform: translateX(0rem);
	}
}

.move {
	animation-name: slidey;
	animation-duration: 0.3s;
}

.back {
	animation-name: back;
	animation-duration: 0.4s;
}










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;
}








.splashBtn {
	display: block;
	padding: 0.9rem 1.8rem;
	font-size: 16px;
	font-weight: 700;
	color: #132082;
	border: 0px;
	cursor: pointer;
	position: relative;
	background-color: #5bffc9 !important;
	text-decoration: none;
	overflow: hidden;
	z-index: 10;
	font-family: inherit;
}





.splashBtn::before {
	content: "";
	position: absolute;
	left: -1px;
	top: 0;
	width: 101%;
	height: 100%;
	background-color: #fff;
	color: #ff6d4f;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}

.splashBtn:hover::before {
	transform: translateX(0);
}



.splashBtn2 {
	display: block;
	padding: 0.9rem 1.8rem;
	font-size: 16px;
	font-weight: 700;
	color: #132082;
	border: 0px;
	cursor: pointer;
	position: relative;
	background-color: #5bffc9 !important;
	text-decoration: none;
	overflow: hidden;
	z-index: 10;
	font-family: inherit;
}

.splashBtn2 span {
	color: #132082;
}

.splashBtn2 span.noWin {
	color: #13dcf2;
}

.splashBtn2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	color: #ff6d4f;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}

.splashBtn2:hover::before {
	transform: translateX(0);
}



.pageBtn {
	display: block;
	padding: 0.9rem 1.8rem;
	font-size: 16px;
	font-weight: 700;
	color: #132082;
	border: 0px;
	cursor: pointer;
	position: relative!important;
	background-color: #ff0066 !important;
	text-decoration: none;
	overflow: hidden !important;
	z-index: 10;
	font-family: inherit;
}

.pageBtn span {
	color: #fff;
}

.pageBtn span.noWin {
	color: #13dcf2;
}

.pageBtn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #6c00ff;
	color: #ffffff;
	transform: translateX(-100%);
	transition: all .3s;
	z-index: -1;
}

.pageBtn:hover::before {
	transform: translateX(0);

}
.pageBtn:hover span {
	color: #ffffff;
}








.animatedGlow {
	transition: all 0.18s ease-in-out;
	transform: translate3d(0, 0, 0);
	position: relative;
  }
  
  
  .animatedGlow:after, .animatedGlow:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: calc(15px + 1.5px);
	background-size: 100% 100%;
	background-position: 0px 0px;
	background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, var(--glowColor) 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
	animation: rotate 4s infinite linear;
  }
  .animatedGlow:before {
	animation: rotate 4s infinite linear;
	filter: blur(20px);
  }
  :root {
	--size-default: 22px;
	--size-sm: 16px;
	--color-green: #13dcf2;
	--color-black: #000;
  }
  
  
  @property --angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
  }
  @property --glowColor {
	syntax: "<color>";
	initial-value: #13dcf2;
  }
  @keyframes rotate {
	0% {
	  --angle: 0deg;
	  --glowColor: var(--color-green);
	}
	100% {
	  --angle: 360deg;
	  --glowColor: var(--color-green);
	}
  }
  
  
  .animatedGlow .formInner {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	z-index: 1;
	transition: all 0.18s ease;
	background: #fff;
	backdrop-filter: blur(40px);
	backface-visibility: hidden;
  }




section .scroll {
	width: 100%;
	display: flex;
}

section .scroll div {
	white-space: nowrap;
	text-transform: uppercase;
	animation: animate 40s linear infinite;
	animation-delay: -40s;
}

section .scroll div:nth-child(2) {
	animation: animate2 40s linear infinite;
	animation-delay: -20s;
}

section .scroll div span {
	-webkit-text-stroke: 2px #132082;
	color: transparent;
}

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

	100% {
		transform: translateX(-100%);
	}
}
@keyframes animate2 {
	0% {
		transform: translateX(0);
	}

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


table {
	display: table;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	
	font-size: 14px;
}
table td,
table th {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid hsla(0, 0%, 50.2%, .5019607843);
}
tr {
	display: table-row;
	vertical-align: inherit;
	unicode-bidi: isolate;
	border-color: inherit;
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: hsla(0, 0%, 50.2%, .0705882353);
}
table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: rgba(128, 128, 128, 0.0705882353);
}