:root{
	--font-theme-01:"Proxima-Nova-Font";
	--font-theme-02:"Montserrat-Regular";
	--font-theme-03:"FZZYJW";
	--font-theme-04:"RuiZiRuiXianNuFangHeiJian1";
}

@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; 
}
@font-face {
	font-family: "FZZYJW";
	src: url("../fonts/FZZYJW.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: "jzzyy";
	src: url("../fonts/jzzyy.ttf");
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family: "RuiZiRuiXianNuFangHeiJian1";
	src: url("../fonts/RuiZiRuiXianNuFangHeiJian1-0-1.ttf");
	font-weight: normal;
	font-style: normal; 
}
/*** font css ***/
.font-theme-01{
	font-family: var(--font-theme-01);
}

body{
	background:url(../images/background.jpg) no-repeat;
	background-size:cover;
	background-position:center top;
	background-color:transparent;
}
.container-max{
	max-width:1280px;
}
.header-section{
	background:none;
}
.header-section.header-fixed{
	background-color:#170453;
	border-bottom:none;
}
.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;
	font-family: var(--font-theme-03);
	font-weight:normal;
	letter-spacing:1.2px;
}
.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);
}
.logo img{
	max-width:125px;
}
.mobile-logo{
	max-width:125px;
}
.download-app-now{
	width:auto;
	height:auto;
	padding:10px;
	color:#17092c;
	font-weight:500;
	text-transform:uppercase;
}
.download-app-now span{
	display:none;
	font-family:var(--font-theme-04);
}
.download-app-now img{
	display:block;
	max-width:36px;
}
.mobile-view-download{
	display:none;
}
.download-app-now-2{
	display:flex;
	justify-content:end;
	width:auto;
	max-width:300px;
	height:auto;
	font-weight:500;
	font-family:var(--font-theme-04);
	text-transform:uppercase;
	background: url(../images/get-app-now.png) no-repeat;
	background-size: contain;
	background-position:right center;
	color: #000;
	padding: 10px 100px 10px 15px;
	position:relative;
	z-index:1;
}
.download-app-now-2 span{
	display:block;
}
.download-app-now-2 img{
	display:block;
	max-width:36px;
}
.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;
}
@media (min-width: 768px) {
	.download-app-now{
		background:url(../images/get-app-now.png) no-repeat;
		background-size:contain;
		background-position:center;
		color:#fff;
		padding:10px 110px 10px 20px;
		color:#17092c;
		font-weight:500;
		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 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;
	}
	.mobile-view-download{
		display:block;
	}
}
@media(max-width:1088px){
	.download-app-now{
		display:none;
		background:none;
		padding:10px;
	}
	.download-app-now span{
        display: none;
    }
	.download-app-now img{
		display:block;
	}
}
.grid-01{
	background:url(../images/bg-grid-01.png) no-repeat;
	background-size:cover;
	min-height:80vh;
	margin-top:-86px;
	padding-top:100px;
	/*padding-bottom:100px;*/
	overflow:hidden;
	position:relative;
}
.grid-01-container{
	width:100%;
	display:flex;
}
.grid-01-left{
	width:20%;
}
.grid-01-middle{
	width:60%;
	position:relative;
	overflow:hidden;
}
.grid-01-right{
	width:20%;
}
.page-down-list{
	margin:20px 0 35px;
}
.page-down-list ul{
	margin:0;
	padding:0;
}
.page-down-list li{
	display:block;
	list-style:none;
}
.page-down-list li a{
	display:block;
	padding:10px;
	padding-left:20px;
	color:#fff;
	font-size:12px;
	font-weight:300;
	text-decoration:none;
	transition:all ease .3s;
	position:relative;
	font-family:var(--font-theme-03);
	letter-spacing:1.2px;
}
.page-down-list li a:before{
	content:'';
	position:absolute;
	left:10px;
	top:12px;
	width:2px;
	height:12px;
	background:#fff;
	transform:rotate(135deg);
	transition:all ease .3s;
}
.page-down-list li a:hover:before{
	transform:rotate(0deg);
	width:8px;
	height:8px;
	top:15px;
	background:rgba(255,255,255,.5);
}
.page-down-list li a:hover{
	font-weight:bold;
	color:rgba(255,255,255,.5);
	padding-left:30px;
}
.box-two{	
	margin-bottom:50pt;
	border:2px solid #fff;
	border-radius:25px;	
	position:relative;
}
.cube-element-3{
	position:absolute;
	bottom:-52px;
	left:-25px;
	max-width:85px;
	z-index:1;
	animation-name:cube-element-3-floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes cube-element-3-floating {
	0%   {bottom:-52px;}
	25%  {bottom:-49px;opacity:.35;filter:blur(1px);}
	50%  {bottom:-52px;}
	75%  {bottom:-49px;opacity:.35;filter:blur(1px);}
	100% {bottom:-52px;}
}
.box-two-content-body{
	min-height:360px;
	padding:20pt;
	position:relative;
	transition:all ease .3s;
}
.box-two-content-body:before{
	content:'';
	position:absolute;
	right:15px;
	bottom:10%;
	width:20px;
	height:50%;
	background:url(../images/line.png) no-repeat;
	background-size:contain;
	background-position:bottom;
	transition:all ease .3s;
}
.page{
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	display: none;
}

.active{
	display: block;
	opacity: 1;
}
.box-number{
	font-weight:bold;
	font-size:22pt;
	font-family: "Rajdhani", sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding-right:15px;
}
.box-number:before{
	content:'';
	position:absolute;
	bottom:50%;
	right:0;
	width:5px;
	height:15px;
	background:#fff;
	transform:skewX(45deg) translateY(50%);
}
.box-two-02{
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#fff;
	margin:10px 0;
}
.box-two-02-02{
	font-size:20pt;
	font-weight:bold;
}
.platform-icon-img{
	max-width:36px;
}
.box-two-content{
	padding:0 30pt 0 0;
	margin-bottom:30pt;
	font-size:14px;
	color:#fff;
	text-align:-webkit-left;
	background:transparent;
	border-radius:25px;
}
.box-two-content p{
	font-family:var(--font-theme-04);
	font-size:9pt;
	line-height:22px;
	letter-spacing:1.2px;
}
.btn-more{
	display:inline-block;
	transition:all ease .3s;
}
.btn-more img{
	max-width:100px;
	transition:all ease .3s;
}
.btn-more:hover img{
	opacity:.35;
}
.box-two-content-body#page2{
	min-height:360px;
	padding:20pt;
	position:relative;
	transition:all ease .3s;
	background:#fff;
	border-radius:25px;
}
.box-two-content-body#page2:before{
	background:url(../images/line-2.png) no-repeat;
}
.box-two-content-body#page2 .box-number{
	color:#000;
}
.box-two-content-body#page2 .box-number:before{
	background:#000;
}
.box-two-content-body#page2 .box-two-content p{
	color:#000;
}
/*** mobile view box two ***/
.box-two-content-body#page2-m{
	min-height:360px;
	padding:20pt;
	position:relative;
	transition:all ease .3s;
	background:#fff;
	border-radius:25px;
}
.box-two-content-body#page2-m:before{
	background:url(../images/line-2.png) no-repeat;
}
.box-two-content-body#page2-m .box-number{
	color:#000;
}
.box-two-content-body#page2-m .box-number:before{
	background:#000;
}
.box-two-content-body#page2-m .box-two-content p{
	color:#000;
}

.box-three{
	min-height:120px;
	padding:20pt;
	margin-bottom:30pt;
	position:relative;	
	overflow:hidden;
	border-radius:15px;
	background:rgba(100,100,100,.35);
	z-index:1;
}
.box-three-02{
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:#fff;
	margin:10px 0;
}
.box-three-content{
	padding:0 30pt 0 0;
	margin-bottom:10pt;
	font-size:14px;
	color:#fff;
	text-align:-webkit-left;
}
.box-three-content p{
	font-family: var(--font-theme-04);
    font-size: 9pt;
    line-height: 22px;
}
.bracket-video{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.grid-middle-video{
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height:120%;
    object-fit: cover;
}
.grid-01-middle-body{
	padding:50pt;
}
.grid-middle-intro{
	min-height:400px;
	position:relative;
	z-index:1;
	margin-bottom:100pt;
}
.intro-slogan{
	display:flex;
	align-items:center;
	gap:30px;
	margin-bottom:35pt;
	text-transform:uppercase;
	font-family:var(--font-theme-03);
	font-size:24pt;
	color:#fff;
	letter-spacing:1px;
}
.star-icon-img{
	max-width:52px;
}
.middle-intro-title h4{
	font-weight:300;
	font-size:40pt;
	font-family:var(--font-theme-03);
	text-shadow:7px 7px 2px rgb(0 0 0 / 55%);
}
.middle-intro-title h3{
	font-size:50pt;
	font-family: var(--font-theme-03);
	letter-spacing:2px;
	text-shadow:7px 7px 2px rgb(0 0 0 / 55%);
}
.linking-you{
	margin:30pt 0;
	display:inline-block;
	color:#fff;
	font-family:var(--font-theme-03);
	font-size:15pt;
	letter-spacing:2px;
	border:1px solid #fff;
	border-radius:30px;
	padding:15px 30px;
}
.cube-element-2 img{
	max-width:60px;
	animation-name:cube-element-2-floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes cube-element-2-floating{
	0%{transform:rotate(0deg);margin-bottom:0;}
	50%{transform:rotate(25deg);margin-bottom:10px;}
	100%{transform:rotate(0deg);margin-bottom:0;}
}
.grid-middle-text{
	position:relative;
	z-index:1;
}
.grid-middle-text p{
	font-family:var(--font-theme-03);
	letter-spacing:2px;
	line-height:30px;
	color:#fff;
}
.grid-middle-text h4{
	font-family:var(--font-theme-03);
	font-weight:300;
}
.box-one{
	min-height: 120px;
    padding: 20pt;
	margin-bottom:30pt;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background: rgba(100, 100, 100, .35);
    z-index: 1;
}
.cube-element-1{
	position: absolute;
    top:20px;
    right:20px;
    max-width: 85px;
	animation-name:cube-element-1-floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes cube-element-1-floating{
	0%{transform:rotate(0deg);top:20px}
	50%{transform:rotate(25deg);top:10px}
	100%{transform:rotate(0deg);top:20px}
}
.box-one-content{
	padding: 0 30pt 0 0;
    margin-bottom: 30pt;
    font-size: 14px;
    color: #fff;
    text-align: -webkit-left;
}
.box-one-content p{
	font-family: var(--font-theme-04);
    font-size: 9pt;
    line-height: 22px;
}
.box-one-content h3{
	font-family:var(--font-theme-03);
	font-weight:300;
}
.box-four{
	margin-bottom:30pt;
    border: 2px solid #fff;
    border-radius: 25px;
    position: relative;
}
.box-four-content-body{
	min-height: 360px;
    padding: 20pt;
    position: relative;
}
.box-four-02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    margin: 10px 0;
}
.box-four-02-02{
	font-size:36px;
	font-family:var(--font-theme-03);
}
.box-four-content{
	padding: 0 ;
    margin-bottom: 10pt;
    font-size: 14px;
    color: #fff;
    text-align: -webkit-left;
}
.box-four-content p{
	font-family: var(--font-theme-04);
    font-size: 9pt;
    line-height: 22px;
}
.mobile-view-grid{
	display:none;
}
@media (max-width:991px){
	.grid-middle-video{
		opacity:.35;
	}
	.grid-01-container{
		flex-wrap: wrap;
	}
	.grid-01-middle{
		width:100%;
	}
	.grid-01-left, .grid-01-right{
		display:none;
	}
	.grid-middle-intro{
		margin-bottom:50pt;
	}
	.mobile-view-grid{
		display:block;
	}
	.page-down-list li a{
		font-size:12pt;
	}
	.grid-01-middle-body{
		padding:5px;
	}
}
@media (max-width:550px){
	.linking-you{
		font-size:16px;
		padding:15px;
		width: 100%;
        text-align: center;
	}
}
/*** grid 02 ***/
.grid-02{
	padding:50pt 0 100pt;
	min-height:60vh;
	background:linear-gradient(0deg,#100e1e, #9377f2, #241c59, #fbfcfd, #4e338f 65%, #050314);
	position:relative;
}
.img-crystal-glass-01{
	position:absolute;
	top:30pt;
	left:0;
	max-width:200px;
	animation-name:crystal-01-floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition:all ease .3s
}
.img-crystal-glass-02{
	position:absolute;
	bottom:30pt;
	right:0;
	max-width:200px;
	animation-name:crystal-02-floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes crystal-01-floating{
	0%{top:30px}
	50%{top:20px}
	100%{top:30px}
}
@keyframes crystal-02-floating{
	0%{bottom:30px}
	50%{bottom:20px}
	100%{bottom:30px}
}
.grid-02-header{
	text-align:center;
	margin-bottom:30pt;
}
.grid-02-headline{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 35pt;
	gap:15px;
}
.grid-02-headline h3{
	margin-bottom:0;
	font-weight:300;
	font-size:4em;
	letter-spacing:5px;
	color:#fff;
	font-family: var(--font-theme-03);
}
.icon-antenna{
	max-width:100px;
}
.grid-02-headline-02{
	border:2px solid #fff;
	border-radius:50px;
	padding:15px;
	color:#fff;
	letter-spacing:5px;
	font-size:20pt;
	font-family:var(--font-theme-03);
	max-width:520px;
	margin:0 auto 60pt;
}
.evolution-card{
	padding:15px;
	border:2px solid #fff;
	border-radius:15px;
	background:linear-gradient(0deg, #42318b, #8c7cd3);
	min-height:200px;
}
.evolution-card-img{
	max-width:165px;
	margin:15pt auto;
}
.evolution-card-img img{
	max-width:100%;
}
.evolution-card p{
	font-family:var(--font-theme-03);
	font-size:12pt;
	font-weight:300;
	letter-spacing:1px;
	color:#fff;
	text-align:center;
}
.evolution-card-title{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:15px;	
	margin-bottom:15px;
}
.evolution-card-title h3{
	font-size:36px;
	font-family:var(--font-theme-03);
	font-weight:normal;
	text-align:center;
	letter-spacing:2.4px;
	margin-bottom:0;
	text-shadow:0 0 5px rgba(0,0,0,.35);
}
.year-range{
	padding:5px 20pt;
	border:1px solid #fff;
	border-radius:15px;
	color:#fff;
	text-align:center;
	font-family:var(--font-theme-03);
	letter-spacing:2px;
	background:#312e3d;
}
.border-line {
	border: 3px solid transparent;
    border-radius:10px;
    background:linear-gradient(to right, #312e3d, #312e3d), linear-gradient(90deg, #f9b6e6, #bf3cff);
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
}
@media (max-width:992px){
	.grid-02-headline h3{
		font-size:3em;
	}
	.icon-antenna{
		max-width:65px;
	}
}
@media (max-width:768px){
	.icon-antenna{
		max-width:60px;
	}
	.grid-02-headline h3{
		font-size:2em;
	}
	.grid-02-headline-02{
		font-size:10pt;
		max-width:360px;
	}
}

/*** grid 03 ***/
.img-crystal-glass-03{
	position:absolute;
	bottom:30pt;
	left:0;
	max-width:200px;
	animation-name: crystal-03-floating;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transition:all ease .3s;
}
@keyframes crystal-03-floating{
	0%{bottom:30px}
	50%{bottom:20px}
	100%{bottom:30px}
}
.grid-03{
	padding:50pt 0 100pt;
	min-height:80vh;
	background:#100e1e;
	position:relative;
}
.grid-03:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/texture-bg.png) no-repeat;
	background-size:100%;
	background-position:center top;
}
.grid-03-header{
	text-align:center;
	margin-bottom:30pt;
	position:relative;
	display:flex;
	justify-content:center;
}
.grid-03-headline-02{
	border:2px solid #fff;
	border-radius:50px;
	padding:10px 35px;
	color:#fff;
	font-size:30pt;
	font-family:var(--font-theme-03);
	letter-spacing:2px;
	margin:0 auto 60pt;	
}
.tech-innov-card{
	margin-bottom:15pt;
	border-radius:25px;
	position:relative;
	border:1px solid #fff;
	padding:20pt;
	transition:all ease .3s;
	position:relative;
	overflow:hidden;
}
.tech-innov-card-01:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/tech-innov-card-01-bg.png) no-repeat;
	background-size:cover;
	background-position:center;
	transition:all ease .3s;
}
.tech-innov-card-02:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/tech-innov-card-02-bg.png) no-repeat;
	background-size:cover;
	background-position:center;
	transition:all ease .3s;
}
.tech-innov-card-03:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/tech-innov-card-03-bg.png) no-repeat;
	background-size:cover;
	background-position:center;
	transition:all ease .3s;
}
.tech-innov-card h3{
	font-family:var(--font-theme-03);
	font-weight:normal;
	letter-spacing:2px;
	text-shadow:0 0 5px rgba(0,0,0,.65);
	margin-bottom:20pt;
	position:relative;
}
.tech-innov-card p{
	color:#fff;
	font-family:var(--font-theme-03);
	font-size:14pt;
	position:relative;
}
.icon-signal-img{
	display:block;
	max-width:165px;
	margin:15pt auto;
	position:relative;
}
.tech-innov-card-numbering{
	margin-bottom:20pt;
	width:45px;
	height:45px;
	border-radius:50%;
	background:#000;
	color:#fff;
	font-size:20pt;
	font-family:var(--font-theme-01);
	font-weight:bold;
	display:flex;
	justify-content:center;
	align-items:center;
	box-shadow:0 0 10px rgba(255,255,255,.35);
	position:relative;
	transition:all ease .3s;
}
.tech-innov-card-02 h3{
	text-align:right;
}
.tech-innov-card-02 p{
	text-align:right;
}
.tech-innov-card:hover .tech-innov-card-numbering{
	background:#fff;
	color:#000;
	box-shadow:0 0 20px rgba(255,255,255,.35);
}
.tech-innov-card-01:hover:before, .tech-innov-card-02:hover:before, .tech-innov-card-03:hover:before{
	width:110%;
	left:-20px;
	opacity:.5;
	filter:blur(3px);
}
/*** grid 04 ***/
.grid-04{
	padding:50pt 0 100pt;
	background:#100e1e;
	position:relative;
	overflow:hidden;
}
.grid-04:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50%;
	background:linear-gradient(0deg, #9377f2, #100e1e);
}
.grid-04-header{
	max-width:650px;
	text-align:center;
	margin:0 auto;
	margin-bottom:30pt;
	position:relative;
	display:flex;
	justify-content:center;
}
.grid-04-headline-02{
	border:2px solid #fff;
	border-radius:50px;
	padding:10px 35px;
	color:#fff;
	font-size:30pt;
	font-family:var(--font-theme-03);
	letter-spacing:2px;
	margin:0 auto 60pt;		
}
.grid-04-body{
	position:relative;
	padding-bottom:50pt;
}
.phone-img{
	text-align:center;	
}
.phone-img img{
	max-width:450px;
}

.grid-04-content-01{
	max-width:350px;
	position:absolute;
	top:30px;
	right:0;
}
.grid-04-content-01 h4{
	font-family:var(--font-theme-03);
	font-size:30pt;
	font-weight:normal;
	letter-spacing:2px;
	color:#fff;
}
.grid-04-content-01 p{
	font-family:var(--font-theme-04);
	font-size:12pt;
	letter-spacing:1.2px;
	color:#fff;
}
.arrow-left-img, .arrow-right-img{
	max-width:40px;
	margin-bottom:15pt;
	transition:all ease .3s;
}
.grid-04-content-02{
	max-width:350px;
	position:absolute;
	top:100px;
	left:0;
	text-align:right;
}
.grid-04-content-02 h4{
	font-family:var(--font-theme-03);
	font-size:30pt;
	font-weight:normal;
	letter-spacing:2px;
	color:#fff;
}
.grid-04-content-02 p{
	font-family:var(--font-theme-04);
	font-size:12pt;
	letter-spacing:1.2px;
	color:#fff;
}
.grid-04-content-03{
	max-width:350px;
	position:absolute;
	top:350px;
	right:35px;
}
.grid-04-content-03 h4{
	font-family:var(--font-theme-03);
	font-size:30pt;
	font-weight:normal;
	letter-spacing:2px;
	color:#fff;
}
.grid-04-content-03 p{
	font-family:var(--font-theme-04);
	font-size:12pt;
	letter-spacing:1.2px;
	color:#fff;
}
.grid-04-content-04{
	max-width:350px;
	position:absolute;
	top:450px;
	left:50px;
	text-align:right;
}
.grid-04-content-04 h4{
	font-family:var(--font-theme-03);
	font-size:30pt;
	font-weight:normal;
	letter-spacing:2px;
	color:#fff;
}
.grid-04-content-04 p{
	font-family:var(--font-theme-04);
	font-size:12pt;
	letter-spacing:1.2px;
	color:#fff;
}
@media (max-width:992px){
	.phone-img img{
		max-width:360px;
	}
	.grid-04-content-wrapper{
		display:flex;
		flex-wrap:wrap;
	}
}
@media (max-width:900px){
	.grid-04-content-01, .grid-04-content-02, .grid-04-content-03, .grid-04-content-04{
		position:relative;
		padding:15pt;
		max-width:50%;
		top:0;
		left:0;
	}
	.grid-04-content-01 .arrow-left-img, .grid-04-content-03 .arrow-left-img{
		transform:rotate(180deg);
	}
}
@media (max-width:550px){
	.grid-04-content-01, .grid-04-content-02, .grid-04-content-03, .grid-04-content-04{
		max-width:100%;
		text-align:left;
	}
}
/*** footer ***/
.footer{
	background:linear-gradient(180deg, #9377f2, #c3bbf1, #fff);
}
.footer-desc{
	margin-bottom:30pt;
	max-width:320px;
	font-family:var(--font-theme-03);
	font-size:10pt;
	font-weight:bold;
	letter-spacing: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:#5419ee;
	color:#fff;
}