:root{
	--font-theme-01:"Proxima-Nova-Font";
	--font-theme-02:"Montserrat-Regular";
	--color-theme-01:#B4A7FF;
}

@font-face {
	font-family: "Proxima-Nova-Font";
	src: url("../fonts/Proxima-Nova-Font.otf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: "Montserrat-Regular";
	src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: "Gilroy-Medium";
	src: url("../fonts/Gilroy/Gilroy-Medium.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: "Gilroy-Bold";
	src: url("../fonts/Gilroy/Gilroy-Bold.ttf");
	font-weight: normal;
	font-style: normal; 
}
/*** utilities css ***/
a{
	color:#eee;
	transition:all ease .3s;
}
a:hover{
	color:#aaa;
}
/*** font css ***/
.font-theme-01{
	font-family: var(--font-theme-01);
}
/*** color css ***/
.text-theme{
	color:var(--color-theme-01);
}
/*** default layout ***/
body{
	background:#0F120A;
}
.container-max{
	max-width:1280px;
}
/*** header ***/
.top-bg{
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:100%;
	animation-name: example;
	animation-duration: 1s;
}
@keyframes example {
	0%{opacity:0;top:-20px;}
	100%{opacity:1;top:0;}
}



.header-section{
	background:none;
	transition:all ease .3s;
}
.header-section.header-fixed{
	background-color:#000;
	border-bottom:none;
	transition-timing-function: ease-in;
}
.features-link a{
	font-size:14px;
}
.menu li a{
	transition:all ease .6s;
	border:1px solid rgba(255,255,255,0);
	border-radius:10px;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
	display:block;
}
.menu li a:before{
	content:'';
	position:absolute;
	top:0;
	left:-20px;
	width:0%;
	height:100%;
	background:rgb(152 160 255 / 35%);
	transform:skewX(-25deg);
	transition:all ease .3s;
}
.menu li a:hover:before{
	width:120%;
}
.menu li a:after{
	content:'';
	position:absolute;
	top:0;
	left:-20px;
	width:0%;
	height:100%;
	background:rgb(113 66 227 / 35%);
	transform:skewX(-25deg);
	transition:all ease .3s;
	z-index:-1;
}
.menu li a:hover:after{
	width:120%;
	left:auto;
	right:-20px;
}
.header-section.header-fixed .menu li a{
	border:1px solid #634da7;
	border-radius:10px;
	transition:all ease .3s;
}
.header-section.header-fixed .menu li a:hover{
	background:rgba(255,255,255,.35);
}
.middle-logo{
	width:100%;
	max-width:85px;
	display:block;
}
.middle-logo img{
	max-width:100%;
}
.header-section.header-fixed .middle-logo img{
	filter: invert(1);
}
.logo img{
	max-width:125px;
}
.mobile-logo{
	max-width:125px;
}
.download-app-now{
	width:auto;
	height:auto;
	padding:15px 20px;
	color:#17092c;
	font-size:14px;
	line-height:normal;
	text-transform:uppercase;
	transition:all ease .3s;
}
.download-app-now:hover{
	color:#111;
	opacity:.65;
}
.download-app-now span{
	display:none;
}
.download-app-now img{
	display:block;
	max-width:32px;
}
.select-lang-href{
	display:flex;
	align-items:center;
	gap:5px;
}
.select-lang-href a{
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	border:1px solid #fff;
	width:32px;
	height:32px;
	font-size:14px;
	font-weight:bold;
}
.select-lang-href a.active{
	background:#fff;
	color:#17092c;
}
.header-bar{
	width: 20px;
    height: 18px;
}
.header-bar span{
	height:2px;
}
@media (min-width: 768px) {
	.middle-logo{
		margin-left:30pt;
	}
	.download-app-now{
		padding:15px 20px;
		background:#eee;
		border-radius:25px;
		color:#17092c;
		text-transform:uppercase;
	}
    .download-app-now span{
        display: inherit;
    }
	.download-app-now img{
		display:none;
	}
}
@media (max-width:991px){
	.header-section.header-fixed .menu li a{
		border:none;
	}
	.menu{
		background:#000;
	}
	.menu li a:last-child{
		border-bottom:1px solid rgba(255,255,255,.1);
	}
	.select-lang-href{
		padding:10px 25px 15px;
		width:100%;
	}
	.select-lang-href a{
		width:25px;
		height:25px;
		font-size:8pt;
	}
}
@media(max-width:1088px){
	.download-app-now{
		background:none;
		padding:10px;
	}
	.download-app-now span{
      display: none;
    }
	.download-app-now img{
		display:block;
	}
}
@media(max-width:500px){
	.middle-logo img{
		max-width:52px;
		display:block;
		margin:0 auto;
	}
}
.page{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	display: none;
}

.active{
	display: block;
	opacity: 1;
}
/*** section grid-01 ***/
.grid-01{
	min-height:60vh;
	position:relative;
}
.welcome-text{
	width:100%;
	max-width:600px;
	display:block;
	margin:0 auto;
	padding-top:60pt;
	text-align:center;
}
.welcome-text h3{
	font-size:30pt;
	text-align:center;
	margin-bottom:20pt;
}
.welcome-text h3 span{
	font-size:50pt;
}
.btn-launch-app{
	padding:10pt 30pt;
	background:#fff;
	border-radius:35px;
	color:#000;
	display:inline-block;
}
.partneship{
	margin:100pt 0;
}
.partneship .item{
	display:flex;
	align-items:center;
	justify-content:center;
	transition:all ease .3s;
}
.partneship .item:hover{
	opacity:.65;
}
.partneship .item h4{
	color:#ccc;
	margin-bottom:0;
}
/*** section grid-02 ***/
.grid-02{
	padding:60pt;
	padding-bottom:0;
	position:relative;
	min-height:50vh;
}
.grid-02-card{
	padding:30pt;
	margin-bottom:30pt;
	background:#1E1E1E;
	min-height:250px;
}
.grid-02-card-inner{
	display:flex;
	align-items:center;
	gap:10px;
}
.grid-02-img{
	width:100%;
	max-width:450px;
	transition:all ease .3s;
}
.grid-02-img:hover{
	opacity:.65;
}
.ipx-label{
	width:62px;
	margin-bottom:15pt;
}
.grid-02-card-subtitle{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:12pt;
	margin-bottom:10pt;
}
.grid-02-card-subtitle img{
	width:25px;
}
.grid-02-card-maintitle{
	font-size:20pt;
	font-weight:600;
	color:#fff;
	margin-bottom:20pt;
}
@media(max-width:991px){
	.grid-02{
		padding:15pt;
	}
	.grid-02-card{
		padding:15pt;
	}
	.grid-02-card-inner{
		flex-wrap:wrap;
		flex-direction: column;
	}
	.grid-02-img{
		max-width:300px;
		display:block;
		margin:auto;
	}
}
/*** section start up ***/
.footer-top{
	background:#fff;
	border-radius:35px 35px 0 0;
	border:1px solid #eee;
	min-height:60px;
}
.start-up-now{
	padding:60pt 15pt;
	display:flex;
	align-items:center;
	gap:10px;
}
.start-up-now-content{
	width:60%;
}
.start-up-now-content h3{
	font-size:2em;
	color:#000;
}
.start-up-now-img{
	width:40%;
	padding:10pt;
	position:relative;
}
.start-up-now-img img{
	max-width:100%;
}
.floating-img-start-up{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	animation-name: float;
	animation-duration: 3s;
	animation-delay: 2s;
	animation-iteration-count: infinite;
}
@keyframes float {
	0%{transform:translate(-50%,-50%);}
	50%{transform:translate(-50%,-48%);}
	100%{transform:translate(-50%,-50%);}
	
}
.btn-launch-app-start{
	padding:10pt 30pt;
	background:#B4A7FF;
	border-radius:35px;
	color:#000;
	text-align:center;
	display:inline-block;
	transition:all ease .3s;
}
.btn-launch-app-start:hover{
	color:#999;
}
@media(max-width:500px){
	.start-up-now{
		flex-direction:column-reverse;
		padding: 100pt 10pt;
	}
	.start-up-now-content{
		width:100%;
		padding-top: 100pt;
	}
	.start-up-now-img{
		width:100%;
	}
}
/*** footer ***/
.footer{
	background:#fff;
}
.footer__content{
	display:flex;
	justify-content:space-between;
}
.footer-desc{
	margin-bottom:30pt;
	max-width:320px;
	font-family:var(--font-theme-02);
	font-size:8pt;
	font-weight:600;
	letter-spacing:1.2px;
	color:#11101f;
}
.copyright-by{
	font-family: "Gilroy-Medium";
	font-size:10pt;
	color:#0f0e1b;
}
.all-right-reserve{
	font-family: "Gilroy-Bold";
	font-size:10pt;
	color:#0f0e1b;	
}
.scrollToTop{
	background:var(--color-theme-01);
	color:#555;
}
.footer-content-right{
	display:flex;
	gap:30px;
	margin:0 30px;
}
.footer-features-link{
	font-size:14px;
	margin:0 30pt;
}
.footer-features-link h4{
	color:#6448FF;
}
.footer-features-link a{
	margin-bottom:5pt;
	display:block;
	color:#000;
	transition:all ease .3s;
}
.footer-features-link a:hover{
	color:#666;
}
.stay-up-date{
	color:#6448FF;
	margin:0 30pt;
}
.stay-up-date ul{
	margin:15pt 0;
	padding:0;
	display:flex;
	align-items:center;
	gap:10px;
}
.stay-up-date li{
	display:block;
	list-style:none;
}
.stay-up-date li img{
	width:100%;
	max-width:36px;
}
.stay-up-date li a{
	transition:all ease .3s;
}
.stay-up-date li a:hover{
	opacity:.5;
}
.footer-btn-launch-app{
	padding:10pt 30pt;
	background:#B4A7FF;
	border-radius:35px;
	color:#000;
	text-align:center;
	display:inline-block;
	transition:all ease .3s;
}
.footer-btn-launch-app:hover{
	color:#999;
}
@media(max-width:992px){
	.footer-features-link{
		margin:0 30pt;
	}
	.stay-up-date{
		margin:0 30pt;
	}
}
@media(max-width:760px){
	.footer-features-link, .stay-up-date{
		margin:0 0pt;
	}
	.footer-btn-launch-app{
		padding:10px 15px;
		font-size:14px;
	}
}
@media(max-width:500px){
	.footer__content{
		flex-direction:column;
	}
	.footer-content-left{
		margin-bottom:20pt;
	}
	.footer-content-right{
		flex-direction:column;
		margin:0;
	}
}