@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-regular-straight/css/uicons-regular-straight.css');

html, body {
	width: 100%;
	height: 100%;
	scroll-snap-type: block mandatory;
	scroll-padding: 6.50em;
}


/*
.links {
	*zoom: 1;

}
*/

.links:before,
.links:after {
	content: "";
	display: table;
}

.links:after {
	clear: both;
}

.link-effect-9 a {
	position: relative;
	-moz-transition: ease-out 0.3s 0.1s;
	-o-transition: ease-out 0.3s 0.1s;
	-webkit-transition: ease-out 0.3s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	transition: ease-out 0.3s 0.1s;
}

.link-effect-9 a::after {
	height: 3px;
	width: 100%;
	background: #1d63ff;
	content: "";
	position: absolute;
	left: 0px;
	bottom: -4px;
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.link-effect-9 a:hover::after {
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


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


.splashBtn::before {
	content: "";
	position: absolute;
	left: -2px;
	top: 0;
	width: 102%;
	height: 100%;
	background-color: #000;
	color: #fff;
	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: #fff;
	border: 0px;
	cursor: pointer;
	position: relative;
	background-color: #1d63ff !important;
	text-decoration: none;
	overflow: hidden;
	z-index: 10;
	font-family: inherit;
}

.splashBtn2 span {
	color: #fff;
}



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

.splashBtn2:hover::before {

	transform: translateX(0);
}

.splashBtn2:hover span {
	color: #fff;
}








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

.pageBtn span {
	/*color: #6fb844;*/
	color: rgb(var(--asda-primary));
}

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

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

}

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





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

.pageBtn2 span {
	color: #fff;
}

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

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

}

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









#header {
	background: transparent;
	transition: background 0.3s ease;
}

.headerBg {
	background: #fff84b !important;
	backdrop-filter: blur(12px);
}

#staticHeader div {
	background: #fff84b !important;
}