@font-face {
    font-family: 'Vastago Grotesk';
    src: url('../fonts/VastagoGrotesk-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vastago Grotesk';
    src: url('../fonts/VastagoGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vastago Grotesk';
    src: url('../fonts/VastagoGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vastago Grotesk';
    src: url('../fonts/VastagoGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vastago Grotesk';
    src: url('../fonts/VastagoGrotesk-Black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	overflow-x: hidden;
}

body {
	font-family: 'Vastago Grotesk';
	color: var(--black);
    font-weight: normal;
    font-style: normal;
	font-size: 18px;
	background: #FFF;
}

a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
	-moz-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: transparent; 
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	font-family: 'Vastago Grotesk';
    font-weight: 800;
	font-size: 28px;
	margin: 0px;
	padding: 0px;	
}

h2 {
	font-family: 'Vastago Grotesk';
	font-weight: 800;
	font-size: 24px;
	margin: 0px;
	padding: 0px;
}

h3, h4, h5, h6 {
	font-family: 'Vastago Grotesk';
    font-weight: bold;
	font-size: 18px;
	margin: 0px;
	padding: 0px;	
}

h4 {
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
}

form, input, select, textarea, p {
	margin: 0px;
	padding: 0;
}

textarea {
	font-family: 'Vastago Grotesk';
	resize: none;
}

input:focus, textarea:focus {
	outline: none;
}

input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, time {  
	display: block; 
	margin: 0px;
	padding: 0; 
} 

.customClear {
	clear: both;
}

/*IE below 9*/
#ieWrapper {
	background: #000;
	position: fixed;
	z-index: 100;
	top: 0;	left: 0;
	width: 100%;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ieHolder {
	position: relative; 
	width: 555px;
	padding: 20px;
	margin: 200px auto 0 auto;
	background: #FFF;
	border: 7px solid #2b2927;
}

.btnIeUpdate {
	background: url(../images/btnIeUpdate.jpg) 0 0 no-repeat;
	width: 144px;
	height: 37px;
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	line-height: 37px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.ieLogo {
	float: left;
	width: 134px;
	height: 139px;
	background: url(../images/ieLogo.jpg) no-repeat 0 0;
}

.ieContent {
	float: right;
	margin: 0;
	padding: 0;
	width: 350px;
	color: #666;
	font-size: 15px;
	line-height: 18px;
}

.ieContent strong {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
}
/*End IE below 9*/
* {
	box-sizing: border-box;
}

:root {
  --black: #1A1B20;
  --white: #FFFFFF;
  --blue:  #4360FE;
}

.page-header {
	color: var(--white);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-header.scrolled {
	background: var(--black);
}

.page-header.white {
	color: var(--black);
}

.page-header.white.scrolled {
	background: var(--white);
}

.header-wrapper {
	width: 100%;
	margin: 0 auto;
	display: flex;
	padding: 0 40px 0 20px;
	min-height: 116px;
}

.header-left {
	display: flex;
	flex-grow: 1;
	width: 50%;
	position: relative;
	z-index: 3;
}

.mega-nav, .mega-nav-mobile {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}

.mega-nav-trigger,.mega-nav-trigger-mobile {
	text-indent: -9999px;
	width: 45px;
	height: 35px;
	background: url(../images/hamburger.png) no-repeat center center;
	background-size: 16px 14px;
	display: block;
	cursor: pointer;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.mega-nav-mobile,.mega-nav-trigger-mobile {
	display: none;
}

.white .mega-nav-trigger, .white .mega-nav-trigger-mobile {
	filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7467%) hue-rotate(292deg) brightness(94%) contrast(95%);
}

.main-nav {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 2;
}

.main-nav a, .header-right a {
	transition: color 1s cubic-bezier(0.16, 1, 0.3, 1);
	color: var(--white);
}

.white .main-nav a, .white .header-right a {
	color: var(--black);
}

.main-nav ul {
	font-size: 18px;
	list-style: none;
	display: flex;
	font-weight: 600;
    font-style: normal;
    margin: 0;
    padding: 0;
}

.main-nav li {
	padding: 0 21px;
}

.main-nav li a:hover,  a.link-sign:hover {
	color: var(--blue);
}

.main-logo {
	display: flex;
	align-items: center;
}

.main-logo img {
	width: 170px;
	margin-right: 8px;
}

.main-logo a {
	display: flex;
	align-items: center;
}

.main-logo span {
	font-size: 9px;
	font-weight: 600;
	line-height: 12px;
	color: #FFF;
	border-radius: 5px;
	border:  1px solid #FFF;
	height: 20px;
	display: flex;
	padding: 0 10px;
	align-items: center;
}

.white .main-logo {
	filter: brightness(0) saturate(100%) invert(0%) sepia(8%) saturate(7467%) hue-rotate(292deg) brightness(94%) contrast(95%);
}

.header-right {
	font-weight: 600;
    font-style: normal;
	flex-grow: 1;
	width: 50%;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.contact-submit input {
	appearance:  none;
	-webkit-appearance:  none;
	border: none;
	color: var(--white);
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600 !important;
	min-width: 220px;
	margin: 0 auto;
	display: block !important;
	transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 1;
}

.contact-submit {
	max-width: 220px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	border-radius: 15px;
	background: rgb(28,99,255);
	background: linear-gradient(51deg, rgba(28,99,255,1) 0%, rgba(222,0,255,1) 100%);
	position: relative;
}

.link-request, .contact-submit input {
	font-family: 'Vastago Grotesk';
	font-weight: 600;
	border-radius: 15px;
	padding: 18px 20px;
	display: inline-block;
	background: rgb(28,99,255);
	background: linear-gradient(232deg, rgba(28,99,255,1) 0%, rgba(222,0,255,1) 100%);
    position: relative;
    overflow-x: hidden;
}

.lock-clip {
	position: absolute;
    top: -5px;
    left: 2px;
    width: 11px;
    transform: translateY(3.5px) rotate(10deg);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.link-request:hover .lock-clip {
	transform: translateY(0px) rotate(0deg);
}

.contact-submit input:hover {
	opacity: 0;
}

.contact-submit span.hover {
	color: var(--white);
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contact-submit .wpcf7-spinner {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateX(-50%, -100%);
}

.white a.link-request {
	color: var(--white);
}

.link-sign {
    margin: 0 30px 0 20px;
}

.link-request span {
	position: relative;
	z-index: 1;
}

.link-request strong {
	padding: 0 8px 0 0;
	position: relative;
	z-index: 2;
	top: 2px;
	opacity: 0.5;
}

.link-request::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: rgb(222,0,255);
	background: linear-gradient(215deg, rgba(222,0,255,1) 0%, rgba(28,99,255,1) 100%);
	opacity: 0;
	transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
}

.link-request:hover::after {
	opacity: 1;
} 

.home-banner {
	color: var(--white);
	background: var(--black);
	background: radial-gradient(circle, rgba(20,28,58,1) 0%, rgba(0,0,0,1) 100%);
	width: 100%;
	padding: 216px 0 0 0;
}

.banner-content {
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	max-width: 1167px;
	width: 100%;
	padding: 0 20px 57px 20px;
	margin: 0 auto;
}

.banner-content h1 {
	font-size: 72px;
	font-weight: 800;
	line-height: 80px;
	padding-bottom: 10px;
}

.banner-graphic {
	font-size: 18px;
	font-weight: 500;
	color: var(--white);
	line-height: 22px;
	max-width: 1167px;
	width: 100%;
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
}

.banner-graphic h2 {
	font-weight: bold;
	font-size: 42px;
	line-height: 44px;
	margin: 0;
	padding: 0 0 4px 0;
	position: relative;
	z-index: 1;
}

.banner-graphic > div {
	flex-grow: 1;
	max-width: 369px;
	width: 100%;
	min-height: 560px;
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	margin-right: 10px;
}

.banner-graphic > div:last-child {
	margin-right: 0;
}

.banner-avathar {
	background: rgb(0,131,227);
	background: linear-gradient(49deg, rgba(0,131,227,1) 0%, rgba(0,199,106,1) 100%);
	display: flex;
	flex-direction: column;
	padding: 35px 44px 40px 44px;
}

.b-avathar-top {
	flex-grow: 1;
	position: relative;
}

.anim-banner-avathar {
	max-width: 169px;
	animation: anim-banner-avathar 3s infinite ease-out;
	transform: translateY(0px)
}

@keyframes anim-banner-avathar {
  0%   { transform: translateY(0px); }
  50%  { transform: translateY(20px); }
  100%  { transform: translateY(0px); }
}

.anim-avathar-color {
	position: absolute;
	top: 20px;
    right: 20px;
}


.banner-virtual-currencies-main {
	background: rgb(222,0,255);
	background: linear-gradient(51deg, rgba(222,0,255,1) 0%, rgba(28,99,255,1) 100%);
	display: flex;
	flex-direction: column;
	padding: 40px 40px 40px 50px;
	position: relative;
	overflow: hidden;
	height: 100%;
    border-radius: 20px;
    border-bottom-right-radius: 40px;
}

.anim-flip-box .banner-virtual-currencies-main {
    border-bottom-left-radius: 40px;

}

.link-plus-hollow,.link-minus-hollow {
	position: absolute;
	right: 16px;
	bottom: 16px;
	cursor: pointer;
}

.b-virtual-currencies-bottom {
	flex-grow: 1;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.h-banner-three {
	display: flex;
	flex-direction: column; 
    justify-content: space-between;
}

.banner-virtual-store {
	min-height: 265px;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,98,98,1) 0%, rgba(255,110,46,1) 100%);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	position: relative;
	padding: 45px 10px 28px 28px;
}

.img-virtual-store,.img-virtual-store_2, .img-virtual-store_3 {
	position: absolute;
	right: -27px;
    bottom: -21px;
}

.store-counter {
	font-size: 18px;
	font-weight: 600;
	min-height: 26px;
	line-height: 24px;
	padding: 2px 0 0 33px;
	background: url(../images/img-CoinsWcenter-min.png) no-repeat 0 0;
	background-size: 27px;
	position: absolute;
	top: 50px;
	left: 246px;
}

.banner-3D-templates {
	background: rgb(255,176,40);
	background: linear-gradient(51deg, rgba(255,176,40,1) 0%, rgba(255,231,81,1) 100%);
	min-height: 265px;
	width: 100%;
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 20px 20px 26px 28px;
	position: relative;
	overflow: hidden;
}

.img-3D-templates {
	position: absolute;
	top: 19px;
    right: -51px;
}

.banner-logo {
	max-width: 1167px;
	width: 100%;
	margin: 0 auto;
	padding: 160px 0 130px 0;
}

.banner-logo ul {
	text-align: center;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: space-between;
	align-items: center;
}

.banner-logo img {
	width: calc(100%/1.5);
}

.h-business-grow {
	width: 100%;
	background: var(--white);
	padding: 157px 0 100px 0;
}

.icon-hello {
	display: block;
	margin: 0 auto;
}

.text-grow-business {
	text-align: center;
	font-weight: 800;
	font-size: 72px;
	line-height: 80px;
	padding: 20px 0 63px 0;
	margin: 0;
}

.business-for-wrapper {
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.left-business {
	flex-grow: 1;
	padding: 100px 0 50px 100px;
	border-left: 1px solid #E9E9E9;
	position: relative;
}

.b-scroll-handle {
	position: absolute;
	width: 3px;
	height: 104px;
	background: #6F7391;
	left: -1.5px;
	top: 0;
}

.right-business {
	max-width: 460px;
	width: 100%;
}

.business-for-wrapper article {
	font-size: 18px;
	line-height: 24px;
	color: var(--black);
	max-width: 470px;
	width: 100%;
	padding: 100px 0 200px 0;
	opacity: 0.5;
}

.business-for-wrapper article:first-child {
	padding-top: 0;
}

.business-for-wrapper .last {
	padding-bottom: 0;
}

.business-for-wrapper article span {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: #8A91B6;
	letter-spacing: 1.5px;
}

.business-for-wrapper article h2 {
	font-weight: 600;
	font-size: 55px;
	line-height: 60px;
	color: var(--blue);
	margin: 0;
	padding: 0 0 25px 0;
}

.h-how-it-works {
	background: #F7F7F7;
	padding: 172px 0 80px 0;
}

.h-how-it-works-content {
	max-width: 1122px;
	margin: 0 auto;
	width: 100%;
}

.h-how-it-works-content > h3 {
	font-size: 14px;
	line-height: 17px;
	color: var(--blue);
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 40px 0;
	letter-spacing: 1.5px;
}

.h-how-it-works-content > h2 {
	font-size: 72px;
	line-height: 80px;
	color: var(--black);
	margin: 0;
	padding: 0 0 115px 0;
}

.how-it-works-list-wrap {
	display: flex;
	width: 100%;
}

.how-it-works-list-image {
	max-width: 539px;
	width: 100%;
}

.how-it-works-list-right {
	max-width: 580px;
	width: 100%;
}

.coloum-img {
	margin-bottom: 18px;
	border-radius: 6px;
}

.how-it-works-list {    
	padding: 0px 0 180px 0;
	min-height: 500px;
}

.how-it-works-list figure {
	text-align: center;
	max-width: 539px;
	width: 100%;
}

.how-it-works-list article {
	flex-grow: 1;
	padding: 100px 0 0 90px;
	display: flex;
	align-items: flex-start;
	color: var(--black);
}

.how-it-works-list.list_3 {
	padding: 0px 0 180px 0;
	min-height: inherit;
}

.how-it-image-colum {
	width: 100%;
	position: relative;
}

.how-it-image-colum-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;

}

.coloum-upload {
	position: absolute;
	z-index: 2;
	bottom: -30px;
	left: 50%;
	transform: translate(-50%, 0);
}

.coloum-upload-blur {
	position: absolute;
	z-index: 1;
	bottom: -8px;
	left: 50%;
	transform: translate(-50%, 0);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 13px;
	width: 315px;
	height: 179px;
}

.coloum-media {
	position: absolute;
	z-index: 2;
	bottom: 15px;
	left: 50%;
	transform: translate(-50%, 0);
}
.coloum-tree {
	position: absolute;
	right: 57px;
    bottom: -68px;
    z-index: 4;
	transform-origin: bottom bottom;
}

.publish-xp {
	position: absolute;
	top: -105px;
	left: 50%;
    margin-left: -190px;
	z-index: 5;
}

.xp-publish {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -120px;
	z-index: 6;
	font-size: 20px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	background: var(--blue);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
	height: 67px;
	width: 240px;
	-webkit-box-shadow: -6px 12px 4px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: -6px 12px 4px 0px rgba(0,0,0,0.49);
	box-shadow: -6px 12px 4px 0px rgba(0,0,0,0.49);
	opacity: 0;
	transform: scale(0);
}

.coloum-img-center {
	top: 117px;
    left: 185px;
	z-index: 1;
	-webkit-box-shadow: 6px 11px 10px 0px rgba(0,0,0,0.54);
	-moz-box-shadow: 6px 11px 10px 0px rgba(0,0,0,0.54);
	box-shadow: 6px 11px 10px 0px rgba(0,0,0,0.54);
	position: absolute;
	border-radius: 6px;
	transform-origin: bottom bottom;
	opacity: 0;
}

.coloum-cursor {
	position: absolute;
	top: 167px;
    left: 250px;
    z-index: 6;
}

.count {
	font-weight: 500;
    font-size: 100px;
    line-height: 88px;
    min-width: 100px;
    text-align: center;
}

.how-it-works-list article h3 {
	font-size: 30px;
	font-weight: bold;
	line-height: 35px;
	padding-bottom: 5px;
}

.how-it-works-list article {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
}

.h-analytics, .h-metaverse {
	background: var(--black);
	background: radial-gradient(circle, rgba(26,27,57,1) 0%, rgba(26,27,32,1) 100%);
	padding: 168px 0 184px 0; 
}

.h-analytics-wrapper, .h-metaverse-wrapper {
	color: var(--white);
	max-width: 1171px;
	width: 100%;
	margin: 0 auto;
}

.h-analytics-wrapper > h3, .h-metaverse-wrapper > h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	padding-bottom: 40px;
	letter-spacing: 1.5px;
}

.h-analytics-wrapper > h3 {
	color: #9E20FF;
	background: #CA09FF;
	background: linear-gradient(to right, #CA09FF 0%, #9E20FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.h-analytics-top, .h-metaverse-top {
	display: flex;
	padding-bottom: 63px;
}

.h-analytics-top h2, .h-metaverse-top h2 {
	flex-grow: 1;
	font-size: 55px;
	font-weight: 800;
	line-height: 60px;
	padding: 0 130px 0 0;
}

.h-analytics-top p, .h-metaverse-top p {
	max-width: 401px;
	width: 100%;
}

.h-analytics-bottom, .h-metaverse-bottom {
	display: flex;
	margin-bottom: 30px;
}

.h-analytics-bottom .left, .h-metaverse-bottom .left {
	max-width: 370px;
	width: 100%;
}

.ana-insights-engine {
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	display: flex;
	flex-direction: column;
	background: var(--black);
	padding: 40px 50px 70px 30px;
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	position: relative;
	height: 100%;
}

.ana-insights-engine span {
	font-size: 8px;
	color: #EFD1DE;
	font-weight: normal;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	line-height: 11px;
}

.ana-insights-engine .link-plus-hollow, .ana-dashborad .link-plus-hollow{
	opacity: 0.25;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.ana-insights-engine .link-plus-hollow:hover, .ana-dashborad .link-plus-hollow:hover{
	opacity: 0.5;	
}

.ana-insights-engine figure {
	text-align: center;
	position: relative;
}

.ana-insights-engine h3 {
	font-weight: bold;
	font-size: 22px;
	line-height: 27px;
	padding-bottom: 10px;
}

.txt-coming-soon:after {
	content: "coming soon";
	font-weight: 600;
	font-size: 9px;
	color: #5FCFD5;
	line-height: 12px;
	border-radius: 6px;
	border:  1px solid #5FCFD5;
	padding: 2px 10px;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	top: -7px;
	left: 10px;
}

.ana-insights-engine p {
	color: #8A91B6;
}

.h-analytics-bottom .right, .h-metaverse-bottom .right {
	flex-grow: 1;
	padding: 0 0 0 30px;
}

.ana-dashborad, .meta-edit-content {
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	background: var(--black);
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 56px 52px;
	position: relative;
}

.ana-dashborad > h2 {
	font-size: 42px;
	line-height: 44px;
	font-weight: bold;
	padding-bottom: 40px;
}

.ana-dash-block {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.dash-ana_2 {
	padding-left: 10px;
	max-width: 305px;
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.see-analytics { 
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: var(--white);
	border-radius: 15px;
	border:  2px solid var(--white);
	padding: 13px 28px;
	display: block;
	margin: 0 auto;
	text-align: center;
	max-width: 290px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.see-analytics::after {
	content: "";
	background: url(../images/icon-arrow-min.png) no-repeat 0 center;
	background-size: 22px;
	display: inline-block;
	width: 22px;
	height: 22px;
	filter: brightness(0) saturate(100%) invert(100%) sepia(71%) saturate(236%) hue-rotate(317deg) brightness(119%) contrast(105%);
	margin-left: 15px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.see-analytics:hover {
	border-color: var(--blue);
	color: var(--blue);
}

.see-analytics:hover::after {
	filter: brightness(0) saturate(100%) invert(46%) sepia(94%) saturate(5563%) hue-rotate(226deg) brightness(104%) contrast(105%);
	transform: translateX(10px);
}

.h-metaverse {
	background: #ECF1FF;
}

.h-metaverse-wrapper {
	color: var(--black);
}

.h-metaverse-wrapper > h3 {
	color: var(--blue);
}

.h-metaverse-wrapper a {
	color: var(--blue);
}

.h-metaverse-wrapper .see-analytics {
	border-color: var(--blue);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.h-metaverse-wrapper .see-analytics:hover {
	border-color: var(--black);
	color: var(--black);
}

.h-metaverse-wrapper .see-analytics::after {
	content: "";
	background: url(../images/icon-arrow-min.png) no-repeat 0 center;
	background-size: 22px;
	display: inline-block;
	width: 22px;
	height: 22px;
	filter: brightness(0) saturate(100%) invert(42%) sepia(82%) saturate(5563%) hue-rotate(225deg) brightness(101%) contrast(99%);
}

.h-metaverse-wrapper .see-analytics:hover {
	border-color: var(--black);
	color: var(--black);
}

.h-metaverse-wrapper .see-analytics:hover::after {
	filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(7476%) hue-rotate(219deg) brightness(104%) contrast(96%);
}

.meta-edit-content {
	background: var(--white);
	padding: 37px 30px;
}

.h-metaverse-bottom {
	line-height: 22px;
}

.h-metaverse-bottom h3 {
	font-size: 22px;
	line-height: 27px;
	font-weight: bold;
	color: var(--blue);
	padding: 25px 0 15px 0;
}

.h-metaverse-bottom p {
	padding-bottom: 25px;
}

.wrap-hover {
	cursor: pointer;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.wrap-hover:hover {
	color: var(--white);
	background: var(--blue);
}

.wrap-hover:hover h3 {
	color: var(--white);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.library-worlds-wrap {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}

.library-worlds {
	max-width: 370px;
}

.library-worlds .flip-box-front, .manage-user .flip-box-front, .manage-user .flip-box-front {
	background: var(--white);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	width: 100%;
	padding: 37px 30px;
}

.white-bg {
	background: var(--white) !important;
	color: var(--blue) !important;
}

.white-bg .link-minus-hollow {
	filter: brightness(0) saturate(100%) invert(87%) sepia(11%) saturate(160%) hue-rotate(188deg) brightness(89%) contrast(88%) !important;
}

.manage-user .flip-box-front {
	display: flex;
	max-width: 100%;
}

.manage-user-back {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.manage-user-back .left-img {
	max-width: 364px;
	width: 100%;
	padding: 28px 0 0 9px;
}

.flip-box-back.manage-user-back {
    background: var(--white) !important;
}

.manage-user-back .right-content {
	max-width: 400px;
	width: 100%;
    text-align: left;
    color: var(--black);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 60px;
}

.manage-user .flip-box-front > div {
	max-width: 306px;
	width: 100%;
}

.manage-user figure {
	flex-grow: 1;
	padding: 0 0 0 20px;
	text-align: center;
}

.h-testimonials-wrapper {
	background: var(--white);
	color: var(--white);
	padding: 80px 0;
}

.testi-item {
	font-size: 35px;
	font-weight: 600;
	line-height: 38px;
	width: 100%;
	background: var(--black);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	padding: 80px 90px;
}

.owl-item:nth-child(even) .testi-item {
	background: #FF6262;
}

.h-testimonials-wrapper .owl-carousel .owl-item img {
	width: auto;
}

.testi-footer {
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.testi-item article {
	padding-bottom: 60px;
	display: block;
}

.testi-footer figure {
	padding: 0 24px 0 35px;
}

.testi-footer .line {
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	padding: 0 35px 0 0;
}

.testi-footer .image img {
	width: 73px !important;
	max-width: 73px;
	height: 73px;
	overflow: hidden;
	border-radius: 100%;
	object-fit: cover;
}

.h-testimonials .owl-dots {
	text-align: center;
	padding-top: 25px;
}

.h-testimonials .owl-dot {
	width: 10px;
	height: 10px;
	background: #E2E6FF !important;
	font-size: 0;
	border-radius: 100%;
	margin: 0 7px;
}

.h-testimonials .owl-dot.active {
	background: var(--black) !important;
}


.employee-engagement {
	background: rgb(255,176,40);
	background: linear-gradient(51deg, rgba(255,176,40,1) 0%, rgba(255,231,81,1) 100%);
	padding: 112px 0 ;
}

.engagement-content {
	line-height: 24px;
	font-weight: 500;
	max-width: 1130px;
	width: 100%;
	margin: 0 auto;
	display: flex;
}

.engagement-content h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	padding-bottom: 40px;
	letter-spacing: 1.5px;
}

.engagement-content h2 {
	font-weight: 800;
	font-size: 55px;
	line-height: 60px;
	padding-bottom: 20px;
}

.engagement-content figure {
	flex-grow: 1;
	position: relative;
	min-height: 250px;
}

.anim_engagement_1, .anim_engagement_2, .anim_engagement_3, .anim_engagement_4, .anim_engagement_5, .anim_engagement_6 {
	position: absolute;
	top: 0;
	left: 0;
}

.anim_engagement_2 {
	top: 45px;
	left: 70px;
	z-index: 5;
}

.anim_engagement_3 {
	top: 83px;
	left: 10px;
	z-index: 4;
}

.anim_engagement_4 {
	top: 123px;
	left: 100px;
	z-index: 3;
}

.anim_engagement_5 {
	top: 155px;
	left: 0px;
	z-index: 3;
}

.anim_engagement_6 {
	top: 184px;
    left: 144px;
	z-index: 3;
}

.engagement-content article {
	max-width: 770px;
	width: 100%;
}

.engagement-content p {
	padding-bottom: 30px;
}

.learn_more {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: var(--black);
	border-radius:15px;
	border: 2px solid var(--black);
	padding: 16px 15px 16px 26px;
	max-width: 205px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.learn_more::after {
	content: "";
	background: url(../images/icon-arrow-min.png) no-repeat 0 center;
	background-size: 22px;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-left: 15px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.learn_more:hover {
	border-color: var(--blue);
	color: var(--blue);
}

.learn_more:hover::after {
	filter: brightness(0) saturate(100%) invert(32%) sepia(53%) saturate(2609%) hue-rotate(220deg) brightness(97%) contrast(106%);
	transform: translateX(10px);
}

.faq-banner {
	background: var(--white);
	text-align: center;
	width: 100%;
	padding: 191px 0 75px 0;
}

.faq-banner h3 {
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	color: var(--blue);
	padding-bottom: 30px;
}

.faq-banner h2 {
	font-size: 72px;
	line-height: 80px;
	font-weight: bold;
	padding-bottom: 40px;
}

.faq-nav {
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.faq-nav a {
	cursor: pointer;
	border: 1px solid #E2E6FF;
	border-radius: 16px;
	padding: 19px 17px;
	min-width: 170px;
	display: inline-block;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	color: var(--black);
	margin-bottom: 30px;
}

.faq-nav a:hover {
	color: var(--blue);
}

.faq-nav li {
	padding: 0 15px;
}

.faq-content {
	width: 100%;
	padding: 88px 0;
	color: var(--black);
}

.blue {
	background: #ECF1FF;
}

.faq-wrapper {
	max-width: 971px;
	width: 100%;
	margin: 0 auto;
}

.faq-wrapper h3 {
	font-size: 28px;
	line-height: 28px;
	padding-bottom: 28px;
}

.faq-content.blue h3 {
	color: var(--blue);
}

.faq-item {
	border-bottom: 1px solid #E1E0E7;
	padding: 10px 0 10px 0;
}

.faq-item:last-child {
	border: 0;
}

.faq-description {
	display: none;
}

.faq-item {
	font-size: 18px;
	line-height: 23px;
}

.faq-item a {
	font-weight: 600;
	color: var(--blue) !important;
}


.faq-item > h4 {
	padding: 10px 25px 10px 0;
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
	position: relative;
	text-transform: inherit;
}

.faq-item p {
	padding-bottom: 20px;
}

.faq-item > h4::after {
	content: "";
	position: absolute;
	background: url(../images/down_arrow-min.png) no-repeat right center;
	background-size: 22px;
	width: 22px;
	height: 11px;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.faq-item.active > h4::after {
	transform: rotate(180deg);
}

.title-sub {
	font-size: 14px;
	line-height: 17px;
	color: #6E7393;
	padding: 50px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.faq-content.green {
	background: var(--white);
}

.faq-content.green h3 {
	color: #147F5D;
}

.faq-content.yellow {
	background: #FCF8F0;
}

.faq-content.yellow h3 {
	color: #FFB028;
}

.faq-content.red {
	background: var(--white);
}

.faq-content.red h3 {
	color: #FF6262;
}

.faq-footer {
	text-align: center;
	background: var(--white);
	line-height: 22px;
	color: #3E4459;
	padding: 60px 0;
	min-height: 390px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.faq-footer h2 {
	color: var(--black);
	font-size: 42px;
	line-height: 44px;
	padding-bottom: 20px;
}

.faq-footer p {
	padding-bottom: 36px;
}

.link-support {
	border-radius: 15px;
	border:  2px solid var(--blue);
	padding: 17px 35px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: var(--blue);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.link-support:hover {
	border:  2px solid var(--black);
	color: var(--black);
}

.contact-wrapper {
	padding: 196px 30px 80px 30px;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,247,1) 100%);
}

.contact-content {
	max-width: 1212px;
	width: 100%;
	margin: 0 auto;
	display: flex;

}

.contact-content h4 {
	font-size: 14px;
	color: var(--blue);
	line-height: 17px;
	text-transform: uppercase;    
	letter-spacing: 1.5px;
	padding-bottom: 40px;
}

.contact-content h1 {
	font-size: 72px;
	line-height: 80px;
	padding-bottom: 40px;
}

.contact-content .left {
	font-size: 22px;
	font-weight: 500;
	line-height: 27px;
	max-width: 517px;
	width: 100%;
	padding: 0 47px 0 0;
}

.contact-content .left p {
	padding-bottom: 21px;
}

.contact-content .left a {
	color: var(--blue);
	font-weight: 600;
}

.contact-content .right {
	flex-grow: 1;
	background: var(--white);
	border-radius: 31px;
	padding: 47px 40px;
}

.flex-wrap {
	display: flex;
	justify-content: space-between;
}

.input-wrapper {
	width: 100%;
	padding-bottom: 15px;
}

.flex-wrap .input-wrapper {
	width: 50%;
}

.flex-wrap .input-wrapper:first-child {
	padding-right: 15px;
}

.input-wrapper input, .input-wrapper textarea {
	font-family: 'Vastago Grotesk';
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	height: 56px;
	color: var(--black);
	border: 1px solid #E2E6FF;
	border-radius: 16px;
	background: #FFF;
	appearance: none;
	-webkit-appearance: none;
	width: 100%;
	padding: 0 25px;
}

.input-wrapper textarea {
	height: 184px;
	padding: 25px;
}

::placeholder {
  color: #8A91B6;
  opacity: 1; 
}

:-ms-input-placeholder { 
 color: #8A91B6;
}

::-ms-input-placeholder { 
 color: #8A91B6;
}

.modal-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgb(0, 0, 0,0.5);
}

.modal-wrapper {
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 2000;
}

.employee-wrapper {
	text-align: center;
	max-width: 1032px;
	width: 100%;
	border-radius: 40px;
	background: #FFBC3A;
	margin: 0 auto;
	padding: 80px 70px;
	position: relative;
}

.employee-close {
	position: absolute;
	right: 40px;
	top: 40px;
	cursor: pointer;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.employee-close img {
	display: block;
}

.employee-close:hover {
	transform: rotate(180deg);
}

.employee-wrapper h4 {
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	padding-bottom: 22px;
	letter-spacing: 1.5px;
}

.employee-wrapper h3 {
	font-size: 35px;
	line-height: 38px;
	padding-bottom: 35px;
}

.employee-wrapper .flex-wrap, .input-employee {
	max-width: 570px;
	width: 100%;
	margin: 0 auto;
}

h4.employee-title {
	padding: 20px 0 30px 0;
}

.input-labels {
	display: flex;
	justify-content: space-between;
	padding-bottom: 45px;
}

.input-labels .label {
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	max-width: 165px;
	width: 100%;
	border-radius: 16px;
	padding: 25px 18px 18px 18px;
	position: relative;
	background: #FFCE52;
	transition: all 2s cubic-bezier(0.16, 1, 0.3, 1);
}

.input-labels .label p {
	display: none;
}

.input-labels .label p.show {
	display: block;
}

.input-labels .label:hover {
	-webkit-box-shadow: -5px 4px 19px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: -5px 4px 19px 0px rgba(0,0,0,0.14);
	box-shadow: -5px 4px 19px 0px rgba(0,0,0,0.14);
}

.input-labels p {
	padding: 15px 0 0 0;
}

.input-labels input {
	position: absolute;
	visibility: hidden;
}

.input-labels span {
	width: 19px;
	height: 19px;
	background: #FFF;
	border: 1px solid #8A91B6;
	border-radius: 5px;
	position: absolute;
	top: 11px;
	left: 16px;
}

.input-labels input:checked ~ span {
	background-image: url(../images/tick-min.png);
	background-position: center center;
	background-size: 11px;
	background-repeat: no-repeat;
}

.submit-form {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	border-radius: 15px;
	background: var(--white);
	border: none;
	appearance:  none;
	-webkit-appearance:  none;
	padding: 18px 30px;
	max-width: 228px;
	width: 100%;
	margin: 0 auto;
	cursor: pointer;
	color: var(--blue);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.submit-form:hover {
	color: var(--black);-webkit-box-shadow: -5px 4px 19px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: -5px 4px 19px 0px rgba(0,0,0,0.14);
	box-shadow: -5px 4px 19px 0px rgba(0,0,0,0.14);
}

.features-body {
	padding: 0;
}

.features-body .page-header {
	background: none;
}

.features-banner {
	text-align: center;
	width: 100vw;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
}

.bg-features-banner {
  	width: 100%;
  	min-width: 1166px;
  	height: 100vh;
  	top: 50%;
  	left: 50%;
  	z-index: 0;
	overflow: hidden;
  	border-radius: 0;
	position: absolute;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.bg-features-banner::after {
	content: "";
	background: url(../images/Visual-Break.jpg) no-repeat center center;
	background-size: cover;
	filter: blur(5px);
  	-webkit-filter: blur(5px);
  	transform: scale(1.010);
  	position: absolute;
  	top: 0;
  	left: 5px;
  	width: 100%;
  	height: 100%;
}

.features-banner-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.features-banner h1 {
	font-size: 72px;
	line-height: 80px;
	color: var(--white);
	font-weight: 800;
}

.features-banner-title {
	opacity: 0;
	position: relative;
	z-index: 1;
}

.anim-Missions {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	margin: -316px 0 0 -117px;
}

.anim-Leaderboard {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 2;
	margin: -198px -29px 0 0;
}

.anim-UI {
	position: absolute;
	top: 50%;
	right: 50%;
	margin: -291px 200px 0 0;
	z-index: 2;
}

.anim-Catalog {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 75px 0 0 -200px;
	z-index: 1;
}

.anim-mission-Avatar {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0px 0 0 335px;
	z-index: 3;
}

.features-banner-container {
	width: 100%;
	background: #1a1b20;
	position: relative;
	overflow: hidden;
}

.features-banner-container::after {
	content: "";
	width: 100%;
	min-height: 530px;
	height: 50vh;
	background: rgb(21,27,68);
	background: radial-gradient(circle, rgba(21,27,68,1) 0%, rgba(26,27,32,1) 50%);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
}

.feature-wrapper {
	color: var(--white);
	text-align: center;
	padding: 80px 0;
	position: relative;
	z-index: 1;
}

.features-content {
	max-width: 770px;
	margin: 0 auto;
	width: 100%;
	color: #E2E6FF;
	font-size: 22px;
	line-height: 27px;
	font-weight: 500;
}

.features-content h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	text-transform: uppercase;
	padding-bottom: 20px;
	color: #9E20FF;
	letter-spacing: 1.5px;
	background: #CA09FF;
	background: linear-gradient(to right, #CA09FF 0%, #9E20FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.features-content h2 {
	color: var(--white);
	font-size: 55px;
	font-weight: 800;
	line-height: 60px;
	padding-bottom: 30px;
}

.features-list-wrap {
	background: var(--white);
	width: 100%;
}

.features-list {
	font-size: 18px;
    line-height: 22px;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 490px;
    position: relative;
}

.features-list-img-wrap {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.features-list-img {
	position: absolute;
	top: 115px;
	left: 0;
	max-width: 713px;
	width: 100%;
	z-index: 2;

}

.features-list-img > div {
	width: 100%;
	position: absolute;
	top: 50vh;
	left: 0;
	transform: translateY(-50%);
}

.features-list h4 {
	padding-bottom: 35px;
	color: var(--blue);
	letter-spacing: 1.5px;
}

.features-list h2 {
	font-weight: bold;
	font-size: 42px;
	line-height: 44px;
	padding-bottom: 20px;
}

.features-list article {
	max-width: 435px;
	width: 100%;
	padding: 0 60px 0 0;
	position: relative;
	min-height: 100vh;
}

.feature-right-content {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 115px;
	padding-left: 46px;
}

.features-list figure {
	flex-grow: 1;
}

.features-list figure img {
	display: none;
}

.features-list p {
	padding-bottom: 20px;
}

.features-list.red h4 {
	color: #FF6262;
}

.features-list.green h4 {
	color: #147F5D;
}

.features-list.yellow h4 {
	color: #FFB028;
}

.features-list.leftcontent article {
	order: 1;
}

.features-list.leftcontent figure {
	order: 2;
	text-align: right;
}

.cms-edit .front {
 	background-color: var(--white);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	position: relative;
	padding: 40px 45px 0 45px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	overflow: hidden;
}

.cms-edit {
	font-weight: 500;
	line-height: 22px;
}

.cms-edit .front article {
	padding-bottom: 35px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.cms-edit .front figure {
	max-width: 790px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}

.img-edit-content {
	position: relative;
	top: 25px;
}

.img-edit-content-hover , .img-edit-content-hover_2,.img-edit-content-hover_3, .img-edit-content-hover_4{
	position: absolute;
	top: 91px;
	left: 0;
	opacity: 0;
}

.img-edit-content-hover_2 {
	top: 179px;
}

.img-edit-content-hover_3 {
	top: 267px;
}

.img-edit-content-hover_4 {
	top: 356px;
}

.cms-edit .front figure img {
	display: block;
}

.cms-edit .front .link-plus-hollow, .media-library  .link-plus-hollow {
	filter: brightness(0) saturate(100%) invert(92%) sepia(11%) saturate(172%) hue-rotate(188deg) brightness(86%) contrast(84%);
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.cms-edit .front .link-plus-hollow:hover, .media-library  .link-plus-hollow:hover {
	filter: brightness(0) saturate(100%) invert(22%) sepia(99%) saturate(2298%) hue-rotate(228deg) brightness(99%) contrast(106%);
}

.cms-edit .front h3, .media-library h3 {
	font-size: 22px;
	line-height: 27px;
	font-weight: bold;
	color: var(--blue);
	background: url(../images/edit-content-min.png) no-repeat 0 0;
	background-size: 42px;
	padding: 11px 0 8px 54px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.choose-wrapper {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding: 30px 0;
}

.library-wrapper {
	background-color: var(--white);
	max-width: 770px;
	width: 100%;
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 570px;
	position: relative;
	overflow: hidden;
	padding: 20px 0 20px 40px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	cursor: pointer;
}

.library-wrapper figure {
    position: absolute;
    right: -162px;
    top: -7px;
}

.library-wrapper h2 {
	font-size: 35px;
	line-height: 36px;
	font-weight: bold;
	max-width: 302px;
	width: 100%;
	color: var(--blue);
	padding: 30px 0 20px 0;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.title-coming-soon {
	font-size: 9px;
	line-height: 12px;
	font-weight: 600;
	color: var(--black);
	text-transform: uppercase;
	border-radius: 5px;
	border:  1px solid var(--black);
	max-width: 84px;
	width: 100%;
	text-align: center;
	padding: 2px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	display: inline-block;
}

.library-wrapper:hover {
	background: var(--blue);
}

.library-wrapper:hover .title-coming-soon, .library-wrapper:hover h2 {
	color: var(--white);
	border-color: var(--white);
}

.media-library {
	font-weight: 500;
	max-width: 371px;
	line-height: 22px;
	width: 100%;
}

.media-library .front {
	background-color: var(--white);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	padding: 25px 30px;
	width: 100%;
	height: 100%;
	position: relative;
}

.media-library h3 {
	background: url(../images/Media-Library-min.png) no-repeat 0 4px;
	background-size: 40px;
}

.media-library article {
	padding-bottom: 20px;
}

.media-library .title-coming-soon {
	color: #8A91B6;
	border-color: #8A91B6;
}

.media-library figure {
	margin: 20px 0 0 10px;
	position: relative;
}

.anim-media-star-min, .anim-media-particle_1, .anim-media-particle_2, .anim-media-particle_3 {
	position: absolute;
	top: 0;
	left: 0;
}

.anim-media-game-min {
	position: absolute;
	top: 130px;
    left: 80px;
}

.anim-media-trophy-min {
	position: absolute;
	top: 180px;
    left: 130px;
}

.anim-media-loack-min {
	position: absolute;
	top: 50px;
    left: 191px;
}

.orbit_1, .orbit_2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 261px;
	height: 261px;
}

.orbit_2 {
	z-index: 1;
}

.anim-media-particle_1 {
	top: 175px;
    left: 10px;
}

.anim-media-particle_2 {
	top: -14px;
    left: 140px;
}

.anim-media-particle_3 {
	top: 145px;
    left: 205px;
}

.m-user-wrapper {
	background-color: var(--white);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	width: 100%;
	padding: 47px;
	justify-content: space-between;
	display: flex;
}

.m-user-wrapper figure {
	position: relative;
}

.anim-Manage-Users-Graphic {
	position: relative;
	z-index: 2;
}

.anim-Manage-Users-hover-min {
	position: absolute;
	z-index: 1;
	top: 39px;
    left: -19px;
	max-width: 680px;
	opacity: 0;
}

.anim-Manage-Users-cursor {
	position: absolute;
	top: 12px;
    left: 320px;
    z-index: 2;
}

.m-user-content {
	line-height: 22px;
	font-weight: 500;
	max-width: 322px;
	width: 100%;
	padding-right: 49px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.m-user-content h3 {
	font-size: 22px;
	line-height: 27px;
	font-weight: bold;
	color: var(--blue);
	padding: 25px 0 15px 0;
}

.title-other {
	font-size: 42px;
	line-height: 44px;
	font-weight: bold;
	color: var(--black);
	text-align: center;
	padding: 100px 0 30px 0;
}

.other-faq {
	max-width: 970px;
	margin: 0 auto;
}

.other-faq h4 {
	font-size: 22px;
	line-height: 27px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.other-faq img {
	margin-right: 18px;
}

.other-faq .faq-description {
	padding-left: 44px;
}

.workflow-wrapper {
	background: var(--white);
	width: 100%;
	display: flex;
}

.workflow-wrapper figure {
	width: 50vw;
}

.workflow-wrapper figure img {
	width: calc(100% / 1.35);
	display: block;
	min-height: 100%;
}

.workflow-wrapper figure img.mobile-integration {
	display: none;
}

.workflow-wrapper .right {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 22px;
	line-height: 27px;
	font-weight: 500;
}

.workflow-wrapper .right article {
	max-width: 482px;
	width: 100%;
}

.workflow-wrapper .right h2 {
	font-size: 55px;
	line-height: 60px;
	padding: 35px 0 20px 0;
}

.metaverse-FAQ {
	background: #F5F5F7;
	width: 100%;
	padding: 0 0 80px 0;
}

.metaverse-FAQ .faq-item {
	background: #FFF;
	max-width: 970px;
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 15px 30px;
	border-radius: 12px;
	border: none;
}

.metaverse-FAQ .faq-item > h4::after {
    background: url(../images/ico-plus-min.png) no-repeat center center;
    background-size: 15px;
    width: 22px;
    height: 20px;
    right: 0;
    top: 10px;
    transform: translate(0px, 0px);
}

.metaverse-FAQ .faq-description {
	padding-right: 20px;
}

.metaverse-FAQ .faq-item.active > h4::after {
	transform: rotate(135deg) translate(0px, 0);
}

.see-faq {
	border-color: var(--blue);
	color: var(--blue);
	max-width: 215px;
	margin-top: 35px;
}

.see-analytics.see-faq::after {
	filter: invert(32%) sepia(56%) saturate(5780%) hue-rotate(228deg) brightness(107%) contrast(99%);
}

.see-analytics.see-faq:hover {
	border-color: var(--black);
	color: var(--black);
}

.see-analytics.see-faq:hover::after {
	filter: invert(24%) sepia(13%) saturate(1052%) hue-rotate(189deg) brightness(95%) contrast(89%);
}

.measure-wrapper {
	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
}

.measure-wrapper .left {
	max-width: 770px;
	width: 100%;
}

.measure-wrapper .right {
	max-width: 370px;
	width: 100%;
}

.measure-left-content {
	font-weight: 500;
	line-height: 22px;
	background-color: var(--black);
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	padding: 40px 67px;
	color: #8A91B6;
}

.measure-wrapper h3, .user-retention h3 {
	font-size: 22px;
	line-height: 27px;
	font-weight: bold;
	color: var(--white);
	padding: 43px 0 15px 0;
}

.make-wrap {
	height: 100%;
}

.make-wrap .front {
	background: rgb(28,99,255);
	background: linear-gradient(215deg, rgba(28,99,255,1) 0%, rgba(222,0,255,1) 100%);
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	padding: 30px;
	position: relative;
}

.make-wrap .front h2 {
	font-size: 60px;
	line-height: 62px;
	color: var(--white);
	padding: 40px 0 0 0;
}

.user-retention {
	line-height: 22px;
	font-weight: 500;
	color: #8A91B6;
	display: flex;
	justify-content: space-between;
}

.make-wrap .flip-box-back {
	color: #8A91B6;
	background: var(--white);
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 32px;
}

.make-wrap .flip-box-back .link-minus-hollow {
	filter: brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(215%) hue-rotate(188deg) brightness(82%) contrast(93%);
	opacity: 1;
}

.make-wrap .flip-box-back h3 {
	color: var(--black);
}

.user-retention h3 {
	padding-top: 0;
}

.user-retention p {
	padding-bottom: 30px;
}

.user-retention .left, .user-retention .right {
	background-color: #101114;
	max-width: 570px;
	border-radius: 20px;
	border-bottom-right-radius: 40px;
	width: 100%;
	padding: 50px 50px 30px 50px;
}

.thank-you-wrapper {
	background-color: var(--white);
	max-width: 630px;
	width: 100%;
	margin: 0 auto;
	border-radius: 30px;
	-webkit-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.19);
	box-shadow: 0px 1px 24px 0px rgba(0,0,0,0.19);
	text-align: center;
	line-height: 22px;
	font-weight: 500;
	padding: 95px 95px 57px 95px;
}

.thank-you-wrapper h2 {
	padding: 45px 0 20px 0;
	font-size: 42px;
	line-height: 44px;
	font-weight: bold;
}

.thank-you-wrapper p {
	padding-bottom: 48px;
}

.thank-you-wrapper .link-request {
	color: var(--white);
	min-width: 220px;
}

.bg-menu-over {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	display: none;
}

.bg-menu {
	background-color: var(--white);
	position: absolute;
	top: 0;
	left: -28px;
	height: 100vh;
	width: 479px;
	z-index: 1;
	opacity: 0;
	display: none;
	transform: translateX(-100%);
	padding: 150px 0 0 0;
}

.bg-menu::after {
	content: "";
	background: var(--white);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.active .bg-menu-over, .active .bg-menu {
	display: block;
	animation: fade 0.5s both cubic-bezier(0.16, 1, 0.3, 1);
}

.menu-footer {
	font-weight: 500;
	font-size: 15px;
	line-height: 22px;
	color: var(--black);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	z-index: 5;
	width: 100%;
	max-width: 390px;
	padding: 24px 0;
	border-top: 1px solid #E2E6FF;
}

.menu-footer a {
	color: var(--blue) !important;
	font-weight: bold;
}

.menu-footer ul {
	list-style: none;
	padding: 0;
	display: flex;
	margin: 0;
	align-items: baseline;
	justify-content: space-between;
	position: absolute;
	top: -18px;
	left: 0;
	transform: translateY(-100%);
}

.menu-footer ul img {
	filter: brightness(0) saturate(100%) invert(0%) sepia(4%) saturate(0%) hue-rotate(337deg) brightness(93%) contrast(107%);
	margin-right: 20px;
}

@keyframes fade {
  0% { opacity: 0;  }
  100% { opacity: 1; transform: translateX(0); }
}

.remove_active .bg-menu {
	animation: fadeOutLeft 1s both cubic-bezier(0.16, 1, 0.3, 1);
	display: block;
}

@keyframes fadeOutLeft {
  0% { opacity: 1;   transform: translateX(0);}
  99% { opacity: 0; transform: translateX(-100%); }
  100% { opacity: 0; transform: translateX(-100%); }
}

.remove_active .bg-menu-over {
	animation: fadeOut 1.5s both cubic-bezier(0.16, 1, 0.3, 1);
	display: block;
}

@keyframes fadeOut {
  0% { opacity: 1; }
  99% { opacity: 0; }
  100% { opacity: 0; }
}

.active a {
	color: var(--black);
}

.active a.selected {
	color: var(--blue);
}

.active .mega-nav-trigger {
	filter: brightness(0) saturate(100%) invert(6%) sepia(21%) saturate(586%) hue-rotate(192deg) brightness(94%) contrast(89%);
}

.mega-nav-trigger:hover, .mega-nav-trigger.selected {
	filter: brightness(0) saturate(100%) invert(44%) sepia(64%) saturate(6444%) hue-rotate(224deg) brightness(101%) contrast(99%);
}

.main-platform {
	font-size: 22px;
	line-height: 27px;
	font-weight: 500;
	position: relative;
	z-index: 1;
}

.main-platform ul {
	margin: 0;
	padding: 0 0 0 45px;
	width: 100%;
	list-style: none;
}

.main-platform li a {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	padding-right: 55px;
}

.main-platform img {
	max-width: 16px;
	margin-right: 20px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.main-platform li:hover a, .main-platform li.selected a {
	color: var(--blue);
}

.main-platform li:hover img, .main-platform li.selected img {
	filter: brightness(0) saturate(100%) invert(44%) sepia(64%) saturate(6444%) hue-rotate(224deg) brightness(101%) contrast(99%);
}

.submenu {
	background: url(../images/right-arrow-min.png) no-repeat  calc(100% - 45px) center;
	background-size: 9px;
}

.submenu-wrap {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	max-width: 378px;
	width: 100%;
	opacity: 0;
	background-color: var(--white);
	border-left: 1px solid #E2E6FF;
	z-index: 0;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	padding: 100px 40px 40px 40px;
}

.active-submenu .submenu-wrap {
	transform: translateX(100%);
	opacity: 1;
}

.submenu-wrap h2 {
	font-size: 14px;
	line-height: 17px;
	color: #8A91B6;
	text-transform: uppercase;
	border-bottom: 1px solid #E2E6FF;
	padding-bottom: 25px;
	margin-bottom: 30px;
}

.submenu-wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 22px;
	font-weight: 500;
}

.submenu-wrap li {
	padding-bottom: 40px;
}

.submenu-wrap h3 {
	font-weight: bold;
	color: var(--black);
	padding-bottom: 10px;
	transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.submenu-wrap a, .submenu-wrap p {
	color: #8A91B6;
}

.submenu-wrap a:hover h3 {
	color: var(--blue);
}

.last-menu, .main-platform {
	display: none;
}

.menu-coming-soon a::after {
	content: "coming soon";
	font-size: 9px;
	line-height: 12px;
	font-weight: 600;
	color: #8A91B6;
	text-transform: uppercase;
	border-radius: 5px;
	border:  1px solid #8A91B6;
	max-width: 84px;
	width: 100%;
	text-align: center;
	padding: 2px;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	display: inline-block;
	position: relative;
	left: 10px;
}

.menu-coming-soon a, .menu-coming-soon a:hover {
	color: #8A91B6 !important;
}

.menu-coming-soon img {
	filter: brightness(0) saturate(100%) invert(63%) sepia(17%) saturate(589%) hue-rotate(193deg) brightness(90%) contrast(82%) !important;
}

.anim-business {
	width: 400px;
	height: 400px;
	background: url(../images/anim-business-min.png) no-repeat  0 0;
	background-size: 400px 400px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1);
	opacity: 1;
}

.anim-business > * {
	position: absolute;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}



.anim-rect {
    top: 199px;
    left: 17px;
}

.anim-rectangle {
    top: 166px;
    left: 318px;
}

.anim-triangle {
    top: 16px;
    left: 121px;
}

.business-1 .anim-avathar-03 {
        top: 260px;
    left: 57px;
    opacity: 1;
}

.business-1 .anim-ico-ano {
    top: 266px;
    left: 195px;
    opacity: 1;
}

.business-1 .anim-avathar-02 {
	top: 90px;
    left: 40px;
    opacity: 1;
}

.business-1 .anim-avathar-01 {
	top: 50px;
    left: 233px;
    opacity: 1;
}

.anim-busi-slide1, .anim-busi-slide2, .anim-busi-slide3 {
	top: 30%;
	left: 30%;
	opacity: 0;
}

.business-2 .anim-busi-hart {
	left: 3px;
    top: 49px;
    opacity: 1;
}

.business-2 .anim-avathar-06 {
	top: 46px;
    left: 235px;
    opacity: 1;
}

.business-2 .anim-avathar-05 {
	top: 290px;
    left: 94px;
    opacity: 1;
}

.business-2 .anim-avathar-04 {
	top: 252px;
    left: 243px;
    opacity: 1;
}

.business-3 .anim-cap {
	top: 6px;
    left: 215px;
    opacity: 1;
}

.business-3 .anim-avathar-09 {
	top: 97px;
    left: 39px;
    opacity: 1;
}

.business-3 .anim-avathar-08 {
	top: 280px;
    left: 66px;
    opacity: 1;
}

.business-3 .anim-avathar-07 {
	top: 271px;
    left: 245px;
    opacity: 1;
}

.sacle-none {
	opacity: 0;
}

.flip-box {
  width: 100%;
  height: 100%;
  perspective: 1000px;
}

.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	transform-style: preserve-3d;
}

.anim-flip-box {
  transform: rotateY(-180deg);
}

.anim-flip-box .flip-box-front {
	border-bottom-left-radius: 40px;
}

.banner-virtual-currencies-main, .ana-insights-engine, .ana-dashborad, .flip-box-front, .front, .ana-dash-block, .ana-dash-back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-back {
  	transform: rotateY(180deg);
  	border-radius: 20px;
	border-bottom-right-radius: 40px;
}

.ana-insights-engine-back {
	color: #8A91B6;
	background: var(--black);
    width: 100%;
    padding: 40px 50px 70px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    text-align: left;
}

.ana-insights-engine-back h3 {
	font-size: 22px;
	line-height: 27px;
	color: var(--white);
	padding-bottom: 8px;
}

.ana-insights-engine-back h3:after {
	display: none;
}

.flip-box-back .link-minus-hollow {
	opacity: 0.3;
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.flip-box-back .link-minus-hollow:hover {
	opacity: 0.6;
}

.ana-dash-back {
	color: var(--white);
	background-color: var(--blue);
	text-align: left;
    padding: 56px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 5;
}

.ana-dash-back h3 {
	font-size: 22px;
	line-height: 27px;
	padding-bottom: 10px;
}

.h-metaverse-wrapper .link-plus-hollow {
	filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(296%) hue-rotate(188deg) brightness(95%) contrast(80%);
}

.h-metaverse-wrapper .link-minus-hollow {
	filter: brightness(0) saturate(100%) invert(85%) sepia(6%) saturate(296%) hue-rotate(188deg) brightness(95%) contrast(80%);
}

.h-metaverse-wrapper .flip-box-back p {
	padding: 0 30px;
}

.meta-edit-back {
	text-align: left;
	color: var(--white);
	line-height: 22px;
	background: var(--blue);
	padding: 40px 0 60px 0;
}

.meta-edit-back .link-minus-hollow {
	opacity: 1;
	filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(1%) hue-rotate(268deg) brightness(104%) contrast(100%);
}

.meta-edit-back figure {
	width: 100%;
	text-align: right;
	padding-top: 40px;
}

.meta-edit-back figure img {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.features-anim {
	position: relative;
	min-height: 543px;
	margin-top: -50px;
}


.features-anim img, .features-anim-avathar img, .features-anim-multiplayer img, .features-anim-Engagement img, .features-anim-Currency img {
	position: absolute;
	opacity: 0;
}

.anim-theme-floor,.anim-theme-floor-v2 {
	bottom: 0;
	left: 125px;
	z-index: 0;
	transform: scale(0);
}

.anim-theme-tree, .anim-theme-tree-v2 {
	bottom: 108px;
	left: 46px;
	z-index: 1;
	opacity: 0;
	transform: scaleY(0.5);
	transform-origin: left bottom;
}

.anim-theme-build, .anim-theme-build-v2 {
	bottom: 21px;
    left: 169px;
	z-index: 1;
	transform: scale(0);
  	transform-origin: bottom bottom;
}

.anim-theme-select {
	top: 0px;
    left: 0px;
	z-index: 2;
	transform: scale(0);
}

.anim-theme-select-selected {
	top: 0px;
    left: 0px;
	z-index: 2;
}

.anim-theme-drop {
	top: 112px;
    left: 224px;
    z-index: 3;
	transform: scale(0);
}

.anim-theme-dropMenu, .anim-theme-dropMenu-sekected {
    left: 89px;
    top: 140px;
    z-index: 4;
}
.anim-cursor {
    left: 312px;
    top: 115px;
    z-index: 5;
	transform: scale(0);
}

.features-anim-avathar {
	position: relative;
	min-height: 400px;
	z-index: 2;
}

.anim-avathar-graphic {
	top:  0px;
	left: 0;
	transform: scaleX(0);
}

.anim-avathar-panel {
    top: -29px;
    width: 352px;
    left: 35px;
	transform: scale(0);
}

.anim-avathar-skin {
	position: absolute;
	width: 100%;
	top:  0px;
	left: 405px;
}

.img-anim-avathar-skin {
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(0);
  	transform-origin: bottom bottom;
}

.active-circle {
	position: absolute;
	top:  65px;
	left: 248px;
	border: 2px solid #0D0D0F;
	border-radius: 100%;
	width: 39px;
	height: 39px;
	z-index: 2;
	opacity: 0;
	transform: scale(0);
}

.text-sking {
	font-size: 13px;
	color: var(--black);
	font-weight: bold;
	position: absolute;
	top: 24px;
	left: 88px;
	z-index: 5;
	opacity: 0;
	transform: scale(0);
}

.text-head {
	top: 182px;
}

.text-nose {
	top: 295px;
}

.active-color {
	position: absolute;
	top: 18px;
	left: 268px;
	width: 66px;
	height: 28px;
	background: #DBAD79;
	border-radius: 20px;
	border:  2px solid #FFF;
	opacity: 0;
	transform: scale(0);
}

.active-color::after {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	width: 66px;
	height: 28px;
	border: 2px solid #0D0D0F;
	border-radius: 20px;
}

.anim-cursor-skin {
	top: 87px;
	left: 255px;
	transform: scale(0);
}

.img-anim-avathar-skin-v2 {
	position: absolute;
	top: 0;
	left: 0;
}

.features-anim-multiplayer {
	width: 100%;
	position: relative;
	min-height: 514px;
}

.rotator, .rotator_2 {
	width: 390px;
	height: 390px;
	position: absolute;
	top: 70px;
	left: 63px;
	z-index: 0;
}

.rotator {
	z-index: 1;
}

.anim-mutliplayer-bg-min {
	top: 0px;
	left: 0px;
	z-index: 0;
	transform: scale(0);
}

.anim-mutliplayer-chat {
	top: 280px;
	left: 150px;
	z-index: 0;
	transform: scale(0);
}

.anim-multi-rectangle-min {
	top: 398px;
    left: 60px;
}

.anim-multi-triangle-min {
	top: 338px;
    left: 284px;
}

.anim-multi-rec-b-min {
	top: 36px;
    left: 42px;
}

.anim-Avatar-Purple {
	top: 122px;
    left: -32px;
	transform: scale(0);
    width: 144px;
    height: 265px;
    position: absolute;
}


.img-anim-title-purple {
	top: -119px;
	left: -90px;
    opacity: 1!important;
    max-width: 248px;
}

.img-anim-Avatar-Purple, .img-animAvatar-Pink, .img-anim-Avatar-Orange {
	top: 0;
	left: 0;
    opacity: 1 !important;
}

.animAvatar-Pink {
	top: -36px;
    left: 112px;
	transform: scale(0);
	position: absolute;
	width: 111px;
	height: 204px;
}

.img-anim-title-pink {
	top: -114px;
	left: -53px;
    opacity: 1 !important;
    max-width: 294px;
}

.anim-Avatar-Orange {
	top: 105px;
    left: 287px;
	transform: scale(0);
	position: absolute;
	width: 132px;
	height: 228px;
}

.img-anim-title-orange {
	top: -139px;
	left: 0px;
    opacity: 1 !important;
    max-width: 332px;
}

.features-anim-Leaderboard {
	position: relative;
	height: 390px;
	display: flex;
	flex-direction: column;
	align-items: end;
	width: 100%;
	margin-left: -95px;
	margin-top: -45px;
}

.anim-leaderboad-tab {
	max-width: 640px;
	transform: scale(0);
}

.leaderboad-back {
	background: #FFF;
	-webkit-box-shadow: -6px 12px 43px 0px rgba(171,171,198,0.27);
	-moz-box-shadow: -6px 12px 43px 0px rgba(171,171,198,0.27);
	box-shadow: -6px 12px 43px 0px rgba(171,171,198,0.27);
	border-radius: 20px;
	width: 586px;
	height: 284px;
	position: relative;
	left: -10px;
	top: -18px;
	text-align: center;
	padding: 30px 15px 26px 15px;
	transform: scale(0);
}

.leaderboad-back img {
	display: block;
	margin: 0 auto 4px auto;
	transform: scale(0);
}

.anim-leaderboad-count, .anim-leaderboad-count_1, .anim-leaderboad-count_2, .anim-leaderboad-count_3 {
	color: var(--black);
	font-size: 27px;
	font-weight: 600;
	position: absolute;
	right: 20px;
    top: 65px;
    width: 97px;
    text-align: left;
}

.top-1-min, .top-2-min, .top-3-min {
	position: relative;
}

.anim-leaderboad-count {
	transform: scale(0);
}

.anim-leaderboad-count_1 {
	font-size: 18px;
	top: 22px;
    right: auto;
    left: 437px;
}

.anim-leaderboad-count_2 {
	font-size: 18px;
	top: 22px;
    right: auto;
    left: 437px;
}

.anim-leaderboad-count_3 {
	font-size: 18px;
	top: 22px;
    right: auto;
    left: 437px;
}

.features-anim-Engagement {
	position: relative;
	min-height: 480px;
}

.anim-ngagement-bg {
	top: 0;
	right: 0;
	transform: scale(0);
}

.anim-Engagement-graphic {
	bottom: 0;
    right: 341px;
	transform: scale(0);
}

.anim-Engagement-tab_1 {
	top: 56px;
    right: 165px;
	transform: scale(0);
}

.anim-Engagement-tab_2 {
	top: 189px;
    right: 165px;
	transform: scale(0);
}

.anim-Engagement-tab_3 {
	top: 324px;
    right: 165px;
	transform: scale(0);
}

.features-anim-Currency {
	position: relative;
	min-height: 350px;
	width: 715px;
	float: right;
	top: 0;
}

.anim-lock-min {
	left: 138px;
	top: 6px;
	transform: scale(0);
}

.anim-coin-min {
	left: 246px;
	top: 0;
	transform: scale(0);
}

.anim-mug-min {
	right: 401px;
	top: 90px;
	transform: scale(0);
}

.anim-cap-coin {
	right: 200px;
	top: 90px;
	transform: scale(0);
}

.anim-cot-min {
	right: 0px;
	top: 90px;
	transform: scale(0);
}

.anim-coin-count {
	color: var(--black);
    font-size: 27px;
    font-weight: 600;
    position: absolute;
    top: 69px;
    left: 385px;
	transform: scale(0);
	opacity: 0;
}

.anim-mug-count, .anim-cap-count, .anim-cot-count {
	color: var(--black);
    font-size: 18px;
    font-weight: 600;
    position: absolute;
    top: 311px;
    right: 525px;
	transform: scale(0);
	opacity: 0;
}

.anim-cap-count {
	right: 322px;
}

.anim-cot-count {
	right: 118px;
}

.anim-redeem, .anim-redeem_2, .anim-purchased {
	right: 293px;
    top: 303px;
    z-index: 1;
}

.anim-redeem_2, .anim-purchased {
 	right: 90px;
}

.anim-cursor-Currency {
	top: 400px;
    right: 460px;
    z-index: 3;
}

.top_one, .top_two, .top_three {
	font-size: 24px;
    color: #FFF;
    font-weight: bold;
    position: absolute;
    top: 21px;
    left: 36px;
    z-index: 5;
    text-align: center;
    width: 15px;
	transform: scale(0);
}

.cms-edit .flip-box-back p {
	padding: 0;
}

.cms-edit .anim-flip-box .front, .media-library .anim-flip-box .front {
	border-radius: 20px;
    border-bottom-left-radius: 40px;
}

.media-library .flip-box-back h3, .media-library .flip-box-back p {
	color: #FFF;
	padding: 0 0 15px 0;
	background: no-repeat;
}

.cms-edit-cursor {
	position: absolute;
	top: 0;
	left: 172px;
	z-index: 2;
}

.d_flex {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
}

.d_m_count {
	color: #E2E6FF;
	border-radius: 20px;
	background: #23252c;
	min-height: 91px;
	padding: 24px 0px 15px 19px;
	max-width: 157px;
	width: 100%;
}

.d_left.d_m_count.d_m_count_1 {
	margin-right: 7px;
}

.ana-dash-block .d_right {
	margin-left: 7px;
}

.measure-gra-wrap .d_m_count {
	padding-top: 18px;
}

.d_m_count p {
	font-size: 10px;
	text-transform: uppercase;
}

.d_m_count span, .d_m_count strong {
	font-size: 35px;
	font-weight: 600;
}

.d_m_count strong {
	padding: 0 40px 0 0;
	background: url(../images/green-dash-ico.png) no-repeat right center;
}

.flex {
	display: flex;
}
.newUser {
	width: 33px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0 0 0 15px;
}

.d_right {
	color: #E2E6FF;
	max-width: 164px;
	width: 100%;
	background: #23252c;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	padding-top: 15px;
}

.d_right .flex {
	justify-content: space-between;
}

.amin-analytics-Left {
	max-width: 341px;
	width: 100%;
}

.right_u_count {
	font-size: 20px;
	font-weight: bold;
	margin: 0 15px 0 0;
	padding-right: 15px;
	background: url(../images/icon-das-up-min.png) no-repeat right center;
}

.vist-weekly {
	font-size: 10px;
	color: #E2E6FF;
	width: 100%;
	min-height: 194px;
	background: #23252c;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
}

.vist-weekly p {
	text-transform: uppercase;
	padding: 15px 0 0 18px;
}

.vist-weekly a {
	position: absolute;
	padding: 7px 10px;
	background: var(--blue);
	border-radius: 6px;
	min-width: 71px;
	text-align: center;
	top: 10px;
	right: 10px;
}

.anim-visit-graph_1, .anim-visit-graph_2, .anim-visit-graph_3 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.anim-visit-graph_1 {
	bottom: -28px;
}
.anim-visit-graph_2 {
	bottom: -11px;
}



.anim-visit-map {
	color: #E2E6FF;
	max-width: 305px;
	width: 100%;
	min-height: 199px;
	background: #23252c;
	overflow: hidden;
	border-radius: 20px;
	position: relative;
}

.anim-visit-map p {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 10px;
	padding: 15px 0 0 15px;
}

.anim-visit-map span {
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	border:  1px solid #707070;
	padding: 2px 4px;    
	position: relative;
    z-index: 1;
    top: 34px;
    left: 107px;
    width: 62px;
    display: inline-block;
}

.anim-visit-map span strong {
	background: url(../images/icon-das-up-min.png) no-repeat right center;
	padding: 0 15px 0 0;
}

.anim-visit-member-min {
	position: absolute;
	top: 95px;
    left: 131px;
	z-index: 1;
}

.amin-img-visit-map {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.visit-tokken {
	width: 100%;
	display: flex;
	padding: 20px 15px 20px 15px;
	align-items: center;
	justify-content: space-between;
	background: #23252c;
	border-radius: 20px;
}

.visit-left p {
	color: #E2E6FF;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 10px;
}

.visit-left h5 {
	color: #FFFFFF;
	font-size: 35px;
	font-weight: 600;
	background: url(../images/anim-visit-down-min.png) no-repeat right center;
	padding: 0 20px 0 0;
}

.visit-right a {
	font-size: 10px;
	font-size: 500;
	color: #FFF;
	background: var(--blue);
	border-radius: 6px;
	padding: 10px 8px;
}

.measure-gra-wrap {
	display: flex;
	justify-content: space-between;
}
.measure-count-left {
	max-width: 157px;
	width: 100%;
}

.measure-gra-left .d_left  {
	margin-bottom: 17px;
}

.measure-gra-left .d_left:last-child {
	margin: 0;
}

.measure-gra-right {
	max-width: 456px;
	width: 100%;
}

.measure-gra-read {
	position: relative;
	overflow: hidden;
	background: #23252c;
	min-height: 262px;
	border-radius: 20px;
}
.measure-gra-read p, .returning-grap-wrap p {
	color: #CFCAD2;
	font-size: 10px;
	font-weight: 500;
	padding: 20px 0 0 30px;
	text-transform: uppercase;
}

.measure-gra-read a, .returning-grap-wrap a {
	position: absolute;
	top: 18px;
	right: 20px;
	background: var(--blue);
	padding: 8px 10px;
	font-size: 10px;
	font-weight: 500;
	color: #FFF;
	width: 83px;
	border-radius: 6px;
	text-align: center;
}

.anim-Measure_1 {
	max-width: 473px;
	position: absolute;
	bottom: -43px;
	left: -7px;
	z-index: 1;
}

.anim-Measure_2 {
	max-width: 473px;
	position: absolute;
	bottom: -13px;
	left: -7px;
	z-index: 2;
}

.anim-Measure_3 {
	max-width: 473px;
	position: absolute;
	bottom: 0px;
	left: -7px;
	z-index: 3;
}

.img-data-user {
	margin: 30px 0 20px 0;
	display: block;
}

.anim-user-wrap {
	color: #CFCAD2;
	font-size: 35px;
	font-weight: 600;
	display: flex;
	max-width: 352px;
	padding: 20px 0 0 27px;
}

.anim-user-wrap p {
	color: #CFCAD2;
	font-size: 10px;
	font-weight: 500;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

.anim-user-container {
	position: relative;
	overflow: hidden;
	background: #23252c;
	min-height: 262px;
	border-radius: 20px;
}

.anim-grap-data {
	position: absolute;
	bottom: 0px;
	left: -7px;
	max-width: 480px;
	width: 480px;
}

.data_collected_m {
	background: url(../images/green-dash-ico.png) no-repeat right center;
	padding-right: 33px;
}

.anim-user-left {
	padding-right: 35px;
}

.returning-text {
	color: #CFCAD2;
	font-size: 10px;
	font-weight: 500;
	padding: 0 20px 0 0;
	text-transform: uppercase;
}

.returning-text::before {
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 100%;
	background: #6C5DD3;
	display: inline-block;
	position: relative;
	top: 3px;
	margin-right: 10px;
}

.returning-text-last::before {
	background: #A0D7E7;
}

.returning-grap-wrap {
	background: #23252c;
	min-height: 292px;
	border-radius: 20px;
	position: relative;
	overflow: hidden;
}

.user-retention .right .spacer {
	padding-bottom: 30px;
}

.anim-login-grap {
	position: absolute;
	left: 45px;
	bottom: 20px;
	width: 380px;
	max-width: 380px;
	height: 0;
}





.page-footer {
	background: rgb(31,34,87);
	background: radial-gradient(circle, rgba(31,34,87,1) 0%, rgba(27,29,35,1) 100%);
	color: var(--white);
}

.footer-top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 630px;
	width: 100%;
	min-height: 482px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
}

.footer-top h2 {
	font-size: 55px;
	line-height: 60px;
	font-weight: 800;
	padding-bottom: 30px;
}

.page-footer .link-request {
	max-width: 274px;
	margin: 0 auto;
}

.page-footer a {
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	color: var(--white);
}

.page-footer a:hover {
	color: var(--blue);
}

.page-footer .link-request:hover {
	color: var(--white);
}

.footer-middle {
	max-width: 1085px;
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #313747;
	padding: 52px 0 30px 0;
	display: flex;
}

.footer-logo {
	max-width: 265px;
	width: 100%;
	padding-right: 15px;
}

.footer-middle h4 {
	font-weight: bold;
	font-size: 12px;
	color: #8A91B6;
	text-transform: uppercase;
	padding-bottom: 20px;

}

.footer-middle ul {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-middle ul li {
	padding-bottom: 25px;
}

.menu-platform {
	max-width: 217px;
	width: 100%;
	padding-right: 15px;
}

.menu-about {
	max-width: 223px;
	width: 100%;
	padding-right: 15px;
}

.menu-learn {
	max-width: 220px;
	width: 100%;
	padding-right: 15px;
}

.menu-explore {
	max-width: 160px;
	width: 100%;
	padding-right: 15px;
}

.footer-bottom {
	background: var(--black);
}

.footer-bot-content {
	max-width: 1085px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	padding: 25px 0;
	align-items: center;
}

.footer-socialmedia ul {
	display: flex;
	align-items: self-end;
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-socialmedia ul li {
	padding-right: 20px;
}

.footer-socialmedia img {
	display: block;
}

.footer-socialmedia a {
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	transform: scale(1);
	display: inline-block;
}

.footer-socialmedia a:hover {
	transform: scale(1.2);
}

.copyright {
	font-size: 14px;
	color: #8A91B6;
	font-weight: 500;
	text-align: right;
	flex-grow: 1;
}

.copyright a::after {
	content: "|";
	padding-left: 9px;
	display: inline-block;

}

.copyright a, .copyright span {
	color: #8A91B6;
	padding: 0 5px;
}

.default-details {
	text-align: center;
	padding: 115px 30px 80px 30px;
}

.default-details h1 {
    padding: 0px 0 20px 0;
    line-height: 32px;
}

.b-virtual-currencies-bottom img, .meta-edit-content img {
	object-fit: cover;
}

.mobile-scroll, .business-for-inner figure, .trigger_list_1 img, .how-it-works-list h3 span, .trigger_list_2 img, .trigger_list_3 img,
.img-Manage-Users, .testi-header, .mobile-menu, .img-mobile-features, .feature-right-content .image, .imgUserRetention, .mobile-choose-library,
.img-Users-Graphic, .mobile-integration, .mobile-faq-nav, .checkboxvalues, .thank-you-mobile, .ana-insights-engine figure img  {
	display: none;
}

@media only screen and (max-device-width: 1400px) {
	.h-how-it-works {
	    padding: 12vw 0 6vw 0;
	}

	.h-analytics, .h-metaverse {
	    padding: 12vw 0 12vw 0;
	}

	.testi-item {
	    font-size: 2.5vw;
	    line-height: 2.8vw;
	    padding: 7vw 7vw;

	}

	.testi-footer .image img {
	    width: 5vw !important;
	    max-width: 5vw;
    	height: 5vw;
	}

	.employee-engagement {
		padding: 8vw 0;
	}
}

@media only screen and (max-device-width: 1200px) {
   .main-nav li {
	    padding: 0 1.5vw;
	}

	.header-wrapper {
	    padding: 0 2vw 0 1vw;
	}

	.link-sign {
	    margin: 0 2vw;
	}

	.link-request, .contact-submit input {
	    padding: 18px 1.5vw;
	}

	.banner-content h1, .faq-banner h2, .contact-content h1 {
	    font-size: 6vw;
    	line-height: 6.5vw;
	}

	.banner-graphic, .h-how-it-works-content, .business-for-wrapper, .h-analytics-wrapper, .h-metaverse-wrapper, 
	.engagement-content, .footer-middle, .footer-bot-content {
	    max-width: 95vw;
	}

	.banner-graphic > div {
	    max-width: 30.5vw;
	}

	.banner-avathar {
		padding: 35px 3vw 40px 3vw;
	}

	.banner-virtual-currencies-main {
	    padding: 40px 3vw 40px 3vw;
	}

	.business-for-wrapper article h2 {
	    font-size: 4.5vw;
    	line-height: 4.5vw;
	}

	.h-analytics-top h2, .h-metaverse-top h2, .features-content h2, .workflow-wrapper .right h2 {
	    font-size: 4.5vw;
    	line-height: 4.8vw;
	}

	.h-analytics-bottom .left, .h-metaverse-bottom .left {
	    max-width: 32vw;
	}

	.library-worlds {
	    max-width: 29.8vw;
	}

	.meta-edit-back figure img {
	    max-width: 29vw;
	}

	.testi-footer {
	    font-size: 1.5vw;
    	line-height: 1.8vw;
	}

	.engagement-content article {
	    max-width: 64vw;
	}

	.engagement-content h2 {
	    font-size: 4.8vw;
    	line-height: 5vw;
	}

	.store-counter {
		left: 21vw;
	}

	.img-virtual-store, .img-virtual-store_2, .img-virtual-store_3 {
		width: 26vw;
	}

	.coloum-img {
	    max-width: 15vw;
	}

	.how-it-works-list-right {
		max-width: 45vw;
	}

	.how-it-works-list article {
	    padding-left: 6vw;
	}

	.ana-dashborad, .meta-edit-content {
	    padding: 56px 2.5vw;
	}

	.ana-insights-engine {
	    padding: 40px 2.5vw 70px 2.5vw;
	}

	.h-analytics-bottom .right, .h-metaverse-bottom .right {
	    padding: 0 0 0 1.5vw;
	}

	.testi-item {
	    padding: 4vw;
	}

	.employee-wrapper {
		max-width: 87%;
	}

	.input-labels .label {
		margin: 0 5px 5px 0;
	}

	.input-labels {
	    flex-wrap: wrap;
	    justify-content: center;
	}

	.bg-features-banner {
		min-width: 90vw;
	}

	.features-list-img > div {
		transform: translateY(-50%) scale(0.8);
		transform-origin: left top;
	}

	.features-anim-avathar, .features-anim-multiplayer {margin-left: 10px;}
	.features-anim-Engagement{margin-left: -20px;}

	.features-list h2 {
	    font-size: 37px;
	}

	.features-banner-content {
	    transform: scale(0.9);
	}

	.measure-left-content {
		padding: 3vw;
	}

	.make-wrap .front h2 {
		font-size: 5vw;
    	line-height: 5.2vw;
	}

	.measure-wrapper .left {
	    max-width: 61vw;
	    margin-right: 15px;
	}

	.measure-count-left, .user-retention .left, .library-wrapper {
		margin-right: 10px;
	}

	.anim-Measure_1, .anim-Measure_2, .anim-Measure_3, .anim-grap-data {
	    width: 103%;
	}

	.user-retention .left, .user-retention .right {
	    padding: 4vw 3.8vw 3vw 3.8vw;
	}

	.anim-login-grap {
	    left: 45px;
	    width: 82%;
	}

	.m-user-content {
	    padding-right: 49px;
	    padding-left: 49px;
	}

	.library-wrapper figure img {
		position: relative;
		left: 124px;
	}

	.workflow-wrapper .right {
	    font-size: 1.8vw;
    	line-height: 2.2vw;
	}



.h-testimonials .owl-stage {
	transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
	
}

@media only screen and (max-device-width: 1020px){
	.page-header {
		background: transparent;
	}

	.page-header.scrolled.white {
		background: var(--white);
	}

	.page-header.scrolled {
		background: var(--black);
	}

	.mega-nav,.main-nav, .link-sign, .header-right .link-request, .b-scroll-handle, .right-business, .how-it-works-list-image,
	.features-banner-content, .cms-edit-cursor, .anim-Manage-Users-cursor {
		display: none !important;
	}

	.mega-nav-mobile {
		display: flex;
	}

	.mega-nav-trigger-mobile {
		display: block;
	}
	.header-wrapper {
	    padding: 0 40px 0 20px;
	    min-height: 57px;
	}

	.main-logo img {
		width: 96px;
	}

	.main-logo span {
	    height: 16px;
	    padding: 0 5px;
	}

	.header-wrapper {
	    padding: 0 20px 0 0px;
	}

	.home-banner {
	    padding: 137px 0 0 0;
	    background: var(--black) !important;
	}

	.home-banner:after {
		content: "";
		position: absolute;
		width: 100%;
		background: -webkit-radial-gradient(center, #162F69, #1A1B20);
		background: -moz-radial-gradient(center, #162F69, #1A1B20);
		background: radial-gradient(ellipse at center, #162F69, #1A1B20);
		position: absolute;
		top: 0;
		left: 0;
		height: 600px;
		z-index: 0;
	}

	.banner-content {
	    font-size: 16px;
	    line-height: 18px;
	    padding: 0 30px 40px 30px;
	    position: relative;
	    z-index: 1;
	}

	.banner-content p {
		padding-bottom: 50px;
	}

	.mobile-scroll {
		display: block;
		margin: 0 auto;
		filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
	}

	.banner-graphic {
		z-index: 1;
		position: relative;
		flex-wrap: wrap;
    	justify-content: center;
    	max-width: 633px;
	}

	.banner-graphic > div {
		min-height: 392px;
	}

	.banner-virtual-currencies-main {
		padding: 25px 19px 70px 19px;
	}

	.banner-graphic > div, .h-banner-three > div {
		max-width: 296px;
		margin: 0 0 20px 0;
	}

	div.banner-avathar, div.banner-virtual-store {
		margin-right: 10px;
	}

	div.banner-virtual-currencies, div.banner-3D-templates {
		margin-left: 10px;
	}

	div.h-banner-three {
		max-width: 100%;
		flex-direction: row;
		align-items: start;
		flex-wrap: wrap;
    	justify-content: center;
		min-height: inherit;
	}

	.banner-virtual-store, .banner-3D-templates {
	    min-height: 205px;
	    padding: 23px 19px;
	}

	.store-counter {
		left: inherit;
		right: 0;
		width: 98px;
		top: 25px;
	}

	.img-virtual-store, .img-virtual-store_2, .img-virtual-store_3 {
		width: 232px;
		right: 3px;
		bottom: -7px;
	}

	.img-3D-templates {
		width: 263px;
		right: -23px;	
	}

	.anim-banner-avathar {
	    max-width: 129px;
	    position: relative;
	    left: 10px;
	    top: -10px;
	}

	#tick li, #tick2 li { list-style-type:none; float:left; position:absolute; left:0px;}
	#tick, #tick2 { position:relative; display:block; width:5000px; margin:0; content=""; display:table; height:0px; }
	#outer{width:100%; overflow:hidden; }

	.banner-logo {
		overflow: hidden;
		position: relative;
		padding: 40px 0px 65px 0px;
		height: 150px;
	}

	.banner-logo ul {
		text-align: center;
		flex-wrap: nowrap;
	}

	.banner-logo ul li {
		width: 100px;
		max-width: 100px;
		height: 50px;
		display: flex;
		align-items: center;
	}

	.banner-logo img {
	    width: calc(100%/2) !important;
	    margin: 0 auto;
	}

	.banner-logo .owl-carousel .owl-stage {
		display: flex;
    	align-items: center;
	}

	.h-business-grow {
		padding: 67px 30px 0 30px;
	}

	.text-grow-business {
	    font-size: 7.5vw;
	    line-height: 8vw;
	}

	.business-for-wrapper {
		 display: block;
	}

	.left-business {
	    flex-grow: 1;
	    padding: 0 0 0px 0px;
	    border-left: none;
	}
	.business-for-wrapper article {
	    font-size: 18px;
	    line-height: 24px;
	    max-width: 100%;
	    padding: 0px 0 0 0;
	    opacity: 1;
	}

	.business-for-wrapper article h2 {
		padding: 10px 0 15px 0;
	}

	.business-for-inner {
		display: flex;
		justify-content: space-between;
		padding-bottom: 80px;
	}

	.business-for-inner figure {
		order: 2;
		display: block;
		max-width: 300px;
		width: 100%;
	}

	.business-for-inner > div {
		flex-grow: 1;
		padding: 50px 50px 0 0;
	}

	.business-for-wrapper article img {
		display: block;
		width: 300px;
		max-width: 300px;
	}

	.banner-graphic h2 {
	    font-size: 25px;
	    line-height: 27px;
	}

	.h-how-it-works-content > h3 {
	    padding: 0 0 20px 0;
	}

	.h-how-it-works-content > h2 {
	    font-size: 7.5vw;
    	line-height: 8vw;
	    padding: 0 0 48px 0;
	}

	.h-how-it-works {
	    padding: 60px 0;
	}

	.how-it-works-list-wrap {
		display: block;
	}

	.how-it-works-list-right {
	    max-width: 100%;
	}

	.how-it-works-list {
	    padding: 0px 0 90px 0;
	    min-height: inherit;
	    display: flex;
	}

	.how-it-works-list article {
	    padding: 0;
	}

	.how-it-works-list.list_1 article {
		padding-top: 40px;
	}

	.how-it-works-list.list_2 article, .how-it-works-list.list_3 article {
		padding-top: 40px;
	}

	.how-it-works-list.list_3 article {
		padding-top: 110px;
	}

	.trigger_list_1 img,.trigger_list_2 img,.trigger_list_3 img {
		display: block;
		width: 300px;
		max-width: 300px;
	}


	.how-it-works-list article h3 {
	    font-size: 26px;
	}

	.how-it-works-list.list_3, .how-it-works-list.list_2 {
		padding-bottom: 20px;
	}

	.h-analytics, .h-metaverse {
	    padding: 68px 20px;
	}

	.h-analytics-wrapper > h3, .h-metaverse-wrapper > h3 {
	    padding-bottom: 20px;
	}

	.h-analytics-bottom, .h-metaverse-bottom {
		align-items: center;
		flex-direction: column;
	    margin-bottom: 72px;
	}

	.h-analytics-bottom .left, .h-metaverse-bottom .left {
	    margin-bottom: 15px;
	}

	.h-analytics-bottom .right, .h-metaverse-bottom .right {
	    padding: 0;
	    max-width: 700px;
	    width: 100%;
	}

	.h-analytics-bottom, .h-metaverse-bottom {
		margin-bottom: 20px;
	}

	.ana-dash-block {
	    padding-bottom: 10px;
	}

	.h-analytics-bottom .left, .h-metaverse-bottom .left {
	    max-width: 296px;
	}

	.library-worlds {
	    max-width: 48%;
	}

	.engagement-content article {
	    max-width: 59.5vw;
	}

	.link-request {
		font-size: 18px;
		min-width: 217px;
	}

	.mobile-menu {
		display: block;
		position: fixed;
		min-height: 100vh;
		width: 247px;
		background: #FFF;
		z-index: 10;
		top: 0;
		left: 0;
		overflow: hidden;
		transform: translateX(-100%);
		opacity: 0;
		transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.44);
	}

	.mobile-menu.active {
		transform: translateX(0);
		opacity: 1;
	}

	.mobile-close {
		position: absolute;
		top: 13px;
		right: 13px;
		cursor: pointer;
		z-index: 10;
		padding: 5px;
	}

	.mobile-menu-section {
		font-size: 14px;
		line-height: 17px;
		font-weight: 500;
		padding: 60px 19px 0 19px;
	}

	.mobile-menu-section a {
		color: var(--black);
		display: block;
	}

	.mobile-menu-section ul:first-child {
		padding: 0;
	}

	.mobile-menu-section ul {
		margin: 0;
		padding: 23px 0 0 0;
		border-bottom: 1px solid #E1E0E7;
		list-style: none;
	}

	.mobile-menu-section ul:last-child {
		border:  none;
	}	

	.mobile-menu-section ul li {
		margin: 0 0 25px 0;
	}

	.submenu {
	    background-size: 5px;
	    background-position: 100% 0;
	}

	.menu-footer {
		font-size: 11px;
		line-height: 15px;
		max-width: 207px;
		padding: 19px 0;
	}

	.submenu-wrap {
	    position: absolute;
	    right: 0;
	    top: 0;
	    max-width: 100%;
	    width: 100%;
	    opacity: 0;
	    border-left: 0;
	    z-index: 1;
	    padding: 0px 19px;
	    transform: translateX(100%);
		transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.submenu-wrap.active {
	    transform: translateX(0%);
	    opacity: 1;
	}

	.submenu-wrap h2 {
	    font-size: 10px;
	    line-height: 13px;
	    border-bottom: 1px solid #E2E6FF;
	    padding-bottom: 15px;
	    margin-bottom: 30px;
	}

	.submenu-wrap li {
	    padding-bottom: 26px;
	}


	.submenu-wrap ul {
	    line-height: 17px;
	    font-size: 14px;
	}

	.submenu-wrap h3 {
		line-height: 15px;
		padding-bottom: 3px;
	}

	.back-main-menu {
		color: var(--black);
		font-weight: 500;
		position: relative;
		margin: 17px 0 30px 0;
		padding: 5px 0 5px 18px;
		width: 90%;
	}

	.back-main-menu::before {
		content: "";
		background: url(../images/right-arrow-min.png) no-repeat  0 0;
		background-size: 5px;
		transform: rotate(180deg);
		width: 6px;
		height: 10px;
		left: 0;
		top: 7px;
		position: absolute;
	}

	.main-platform {
		font-size: 12px;
		line-height: 15px;
		font-weight: 500;
		color: var(--black);
	}

	.main-platform a {
		color: var(--black);
	}

	.main-platform li a {
	    margin-bottom: 0px;
	    padding-right: 0;
	}
	.submenu-wrap li {
	    padding-bottom: 25px;
	}

	.page-header.white.scrolled {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	}

	.faq-banner {
	    padding: 125px 0 60px 0;
	}

	.faq-banner h3, .contact-content h4 {
	    padding-bottom: 22px;
	}

	.faq-content {
		padding: 53px 20px;
	}

	.contact-content .left {
	    max-width: 440px;
	}

	.features-banner-title {
	    opacity: 1;
	    position: relative;
	    z-index: 1;
	}

	.bg-features-banner {
	    width: 100%;
	    height: 100vh;
	    top: 0;
	    left: 0;
	    position: absolute;
	    opacity: 1;
	    transform: translate(0, 0);
	}

	.bg-features-banner::after {
	    filter: blur(5px);
	    -webkit-filter: blur(0px);
	    transform: scale(1);
	    left: 0px;
	}

	.features-banner h1 {
		font-size: 4.5vw;
    	line-height: 4.8vw;
	}

	.img-mobile-features {
		display: block;
		text-align: center;
		position: relative;
		z-index: 5;
		padding: 40px 0 0 0;
	}

	.feature-wrapper {
	    padding: 0 40px 70px 40px;
	}

	.features-list-img-wrap, .features-list figure {
		display: none;
	}

	.features-list {
	    min-height: inherit;
	    align-items: flex-start;
	    display: block;
	}

	.features-list article {
	    max-width: 100%;
	    width: 100%;
	    padding: 0;
	    min-height: inherit;
	}

	.feature-right-content .image {
		display: block;
	}

	.feature-right-content {
	    min-height: inherit;
	    flex-direction: column;
	    justify-content: center;
	    padding: 70px 46px 115px 46px;
	}

	.features-list:first-child .feature-right-content:nth-child( even ) {
		background: #F7F7F7;
	}

	.leftcontent .feature-right-content:nth-child( odd ) {
		background: #F7F7F7;
	}

	.features-list-wrap {
		text-align: center;
	}

	.features-list h4 {
		padding-top: 20px;
	}

	.img-EngagementGraphic {
		position: relative;
		left: -50px;
	}

	.measure-wrapper, .user-retention {
		flex-direction: column;
	    justify-content: center;
	    padding-bottom: 30px;
	    align-items: center;
	}

	.measure-wrapper .left, .user-retention .left {
		margin: 0 0 20px 0;
	}

	.make-wrap .front, .make-wrap .flip-box-back {
		padding: 30px 60px 64px 30px;
	}

	.measure-wrapper .left {
	    max-width: 61vw;
	    margin-right: 15px;
	}

	.measure-wrapper .left {
	    max-width: 700px;
	    margin-right: 0;
	}

	.user-retention .left, .user-retention .right {
	    max-width: 533px;
	}

	.cms-edit .front {
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	    padding: 40px 15px 100px 15px;
	}

	.cms-edit .front figure {
	    max-width: 790px;
	    width: 100%;
	    border-radius: 10px;
	    border: 1px solid #E2E6FF;
	}

	.img-edit-content {
	    top: 0px;
	    transform: scale(1.02);
	}

	.choose-wrapper {
		flex-direction: column;
	}

	.library-wrapper {
	    max-width: 100%;
	    width: 100%;
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	    min-height: 570px;
	    padding: 20px 0 20px 40px;
	}

	.library-wrapper figure {
	    right: 0px;
	    top: -7px;
	}

	.media-library {
		margin: 0 auto;
		padding-top: 30px;
	}

	.m-user-content {
	    padding-right: 0;
	}

	.workflow-wrapper .right article {
		padding: 50px 30px 50px 0;
	}

	.metaverse-FAQ {
		padding: 0 20px 40px 20px;
	}
	
}

@media only screen and (max-device-width: 768px){
	
	.ana-insights-engine h3 {
	    font-size: 19px;
	    line-height: 21px;
	    padding-bottom: 10px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.ana-insights-engine h3:after {
		display: none;
	}

	.ana-insights-engine h3:before {
		content: "coming soon";
	    font-weight: 600;
	    font-size: 9px;
	    color: #5FCFD5;
	    line-height: 12px;
	    border-radius: 6px;
	    border: 1px solid #5FCFD5;
	    padding: 2px 10px;
	    text-transform: uppercase;
	    display: inline-block;
		max-width: 78px;
		margin-bottom: 13px;
	}

	.ana-insights-engine {
	    font-size: 14px;
	    line-height: 17px;
	}


	.banner-content h1 {
		font-size: 32px;
		line-height: 35px;
	}

	.banner-graphic {
		font-size: 14px;
		line-height: 17px;
	}

	.h-analytics-top h2, .h-metaverse-top h2 {
	    padding: 0 40px 0 0;
	}

	.footer-middle {
		flex-wrap: wrap;
		justify-content: center;
		padding: 35px 0px 0 0;
	}

	.footer-logo {
	    max-width: 100%;
	    padding-right: 0;
	    padding-bottom: 30px;
	    text-align: center;
	}

	.menu-explore, .menu-learn {
	    max-width: 25%;
	    width: 100%;
	    padding-right: 0;
	}

	.menu-platform {
	    max-width: 25%;
	    padding-right: 0px;
	}
		.menu-about {
	    max-width: 25%;
	    padding-right: 0;
	}

	.footer-bot-content {
		flex-direction: column;
	}

	.footer-socialmedia {
		padding-bottom: 24px;
	}

	.copyright {
		width: 100%;
		text-align: center;
		border-top: 1px solid #313747;
		padding-top: 33px;
	}

	.copyright a {
		margin-bottom: 10px;
		display: inline-block;
	}

	.faq-banner h2 {
	    padding-bottom: 11px;
	}

	.contact-content {
		flex-direction: column;
	}

	.contact-content .left {
	    max-width: 100%;
	    text-align: center;
	    padding: 0 20px 55px 20px;
	}

	.contact-wrapper {
		padding: 127px 0 0px 0;
	}

	.contact-content .right {
	    border-radius: 0px;
	    padding: 47px 40px;
	}

	.library-wrapper figure img {
	    left: 160px;
	}

	.faq-nav {
		display: none !important;
	}

	.mobile-faq-nav {
		color: var(--black);
		display: block;
		border: 1px solid #E2E6FF;
		border-radius: 8px;
		display: inline-block;
		font-size: 12px;
		line-height: 15px;
		font-weight: 600;
		padding: 13px 36px 13px 16px;
		position: relative;
	}

	.mobile-faq-nav::after {
		content: "";
		width: 6px;
		height: 13px;
		background: url(../images/right-arrow-min.png) no-repeat 0 0;
		background-size: 6px;
		position: absolute;
		top: 14px;
		right: 15px;
		transform: rotate(90deg);
	    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.mobile-faq-nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		bottom: -5px;
		left: 50%;
		transform: translate(-50%, 80%);
		background: #FFF;
		border: 1px solid #E2E6FF;
		border-radius: 8px;
		width: 150px;
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
		padding: 8px 0px;
		z-index: 5;
		display: none;
		opacity: 0;

	}

	.mobile-faq-nav.selected ul {
		display: block;
		animation: fadeFaq 0.5s both cubic-bezier(0.16, 1, 0.3, 1);
	}

	.mobile-faq-nav.selected::after {
		transform: rotate(-90deg);
	}

	.mobile-faq-nav ul li a {
		display: block;
		padding: 10px 6px;
		color: var(--black);
	}

	@keyframes fadeFaq {
	  0% { opacity: 0;  }
	  100% { opacity: 1; transform: translate(-50%, 100%); }
	}
	.h-analytics-top p, .h-metaverse-top p {
	    max-width: 360px;
	}

	.library-wrapper:hover {
		background: #FFF;
	}

	.library-wrapper:hover .title-coming-soon, .library-wrapper:hover h2 {
	    color: var(--blue);
	    border-color: var(--blue);
	}
	
}

@media only screen and (max-device-width: 760px){

	.visit-left h5 {
	    font-size: 26px;
	}

	.dash-ana_2 {
	    padding-left: 0px;
	    max-width: 305px;
	    width: 100%;
	}

	.anim-visit-map p, .visit-left p {
		text-align: left;
	}

	.vist-weekly, .anim-visit-map{
		margin-bottom: 15px;
	}
	.vist-weekly p {
	    padding: 15px 0 0 18px;
	    text-align: left;
	}

	.h-analytics, .h-metaverse {
	    padding: 68px 15px;
	}

	.h-metaverse {
	    padding-bottom: 35px;
	}

	.d_m_count {
	    min-height: 72px;
	    padding: 15px 0 0 0;
	    max-width: 157px;
	    width: 100%;
	}

	.d_m_count p {
		padding-bottom: 5px;
	}

	.d_m_count strong {
	    padding: 0 20px 0 0;
	}

	.anim-new-user-bg-min {
		display: none;
	}

	.d_right .flex {
		flex-direction: column;
		align-items: center;
	    justify-content: space-between;
	}

	.newUser {
	    width: 100%;
	    display: block;
	    padding: 0 0 2px 0;
	}

	.right_u_count {
	    font-size: 20px;
	    font-weight: bold;
	    margin: 0 ;
	    padding-right: 15px;
	    width: 86px;
	    background: url(../images/icon-das-up-min.png) no-repeat right center;
	}

	.h-analytics-bottom .right, .h-metaverse-bottom .right {
	    max-width: 296px;
	}

	.d_m_count span, .d_m_count strong {
	    font-size: 20px;
	}

	.d_m_count {
		padding-left: 0;
	}

	.ana-dash-block {
		flex-direction: column;
		align-items: center;
		max-width: 296px;
    	margin: 0 auto;
	}
	.ana-dashborad > h2 {
	    font-size: 23px;
	    line-height: 28px;
	    padding-bottom: 40px;
	    text-align: center;
	}

	.ana-dashborad, .meta-edit-content {
	    padding: 40px 16px 90px 16px;
	}

	.business-for-inner figure {
		max-width: 100%;
	}

	.h-analytics-top, .h-metaverse-top {
	    display: block;
	    padding-bottom: 35px;
	}

	.h-analytics-top h2, .h-metaverse-top h2 {
	    padding: 0 0 10px 0;
	}

	.text-grow-business {
	    font-size: 28px;
	    line-height: 31px;
	}

	.business-for-wrapper article h2 {
	    font-size: 25px;
	    line-height: 30px;
	}

	.banner-graphic {
	    max-width: 415px;
	}

	div.banner-avathar, div.banner-virtual-store {
		margin-right: 0px;
	}

	div.banner-virtual-currencies, div.banner-3D-templates {
	    margin-left: 0px;
	}

	.banner-avathar {
	    padding: 35px 19px 40px 19px;
	}

	.business-for-wrapper article span {
	    font-size: 13px;
	    line-height: 15px;
	}

	.business-for-wrapper article {
		font-size: 14px;
		line-height: 17px;
	}

	.business-for-inner {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.business-for-wrapper article img {
		max-width: 360px;
		width: 100%;
		margin: 0 auto;
	}

	.business-for-inner > div {
		padding: 20px 0 0 0;
	}

	.text-grow-business {
		padding-bottom: 32px;
	}

	.h-how-it-works-content > h2 {
	    font-size: 26px;
	    line-height: 30px;
	}

	.how-it-works-list, .testi-header {
		display: block;
	}

	.how-it-works-list .count {
		display: none;
	}

	.how-it-works-list h3 span {
		display: block;
	}

	.h-how-it-works-content {
		margin: 0 auto;
		padding: 0 12px;
		text-align: center;
	}

	.trigger_list_1 img, .trigger_list_2 img, .trigger_list_3 img {
	    width: 265px;
	    max-width: 100%;
	    margin: 0 auto;
	}

	.how-it-works-list article h3 {
		font-size: 23px;
		line-height: 25px;
		position: relative;
    	padding: 0px;
    	margin-bottom: 10px;
	}

	.how-it-works-list article h3 span {
		font-size: 45px;
		line-height: 30px;
		font-weight: 500;    
		position: relative;
	    left: 0;
	    bottom: 3px;
	    padding-bottom: 7px;
	}

	.how-it-works-list.list_1 article, .how-it-works-list.list_2 article, .how-it-works-list.list_3 article {
		padding-top: 40px;
	}

	.how-it-works-list article {
		font-size: 14px;
		line-height: 17px;
	}

	.h-analytics-wrapper,.h-metaverse-wrapper, .d_m_count, .d_right {
		text-align: center;
	}

	.h-analytics-top p, .h-metaverse-top p {
	    margin: 0 auto;
	}

	.see-analytics {
	    font-size: 14px;
	    line-height: 18px;
	    border-radius: 10px;
	}

	.library-worlds-wrap, .manage-user .flip-box-front, .manage-user-back {
		flex-direction: column;
	}
	.manage-user-back {
		justify-content: flex-start;
	}

	.library-worlds {
	    max-width: 100%;
	}

	.library-worlds {
		margin-bottom: 15px;
	}

	.library-worlds-wrap {
	    padding-bottom: 15px;
	}

	.manage-user figure {
	    padding: 0 0 0 0px;
	}

	.manage-user figure img:first-child, .testi-footer figure.image, .testi-footer p {
		display: none;
	}

	.img-Manage-Users, .engagement-content {
		display: block;
	}

	.h-metaverse-bottom h3 {
	    font-size: 19px;
	    line-height: 21px;
	    padding: 20px 0 5px 0;
	}

	.h-metaverse-bottom {
		text-align: left;
	    line-height: 17px;
	}
	
	.meta-edit-content {
	    padding: 40px 16px 75px 16px;
	}

	.library-worlds .flip-box-front, .manage-user .flip-box-front, .manage-user .flip-box-front, .ana-insights-engine, .ana-dashborad, .meta-edit-content,
	.flip-box-back,.banner-graphic > div, .d_m_count, .d_right, .vist-weekly, .anim-visit-map, .visit-tokken {
	    border-radius: 10px;
	}

	.banner-graphic > div, .banner-virtual-currencies-main, .banner-virtual-store, .banner-3D-templates {
		border-radius: 10px;
		border-bottom-right-radius: 20px;
	}

	.h-testimonials {
		padding: 0 16px;
	}

	.testi-footer .line {
	    border-right: 0;
	    padding: 0;
	}

	.testi-footer {
	    justify-content: center;
	}

	.testi-item {
	    font-size: 20px;
	    line-height: 24px;
	    padding: 0px 34px 40px 34px;    
	    margin-top: 46px;
	}

	.testi-item article {
	    padding-bottom: 20px;
	}

	.testi-header {
		text-align: center;
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 30px;
	}

	.testi-header img {
		border-radius: 100%;
		width: 75px !important;
		max-width: 75px !important;
		height: 75px;
		object-fit: cover;
		display: block;
		margin: 0 auto;
		transform: translateY(-50%);
	}

	.h-testimonials-wrapper {
	    padding: 60px 0;
	}

	.h-testimonials .owl-dot {
	    width: 8px;
	    height: 8px;
	}

	.engagement-content figure {
	    min-height: 292px;
	    width: 231px;
	    margin: 0 auto;
	}

	.engagement-content article {
	    max-width: 100%;
	    text-align: center;
	}

	.learn_more {
		margin: 0 auto;
		font-size: 14px;
		line-height: 18px;
		border-radius: 10px;
		max-width: 150px;
		padding: 13px 15px 13px 17px;
	}

	.engagement-content h3 {
	    font-size: 14px;
	    line-height: 17px;
	    padding-bottom: 27px;
	}

	.engagement-content h2 {
	    font-size: 28px;
	    line-height: 33px;
	    padding-bottom: 10px;
	}

	.engagement-content {
		line-height: 17px;
	}

	.employee-engagement {
	    background: rgb(255,176,40);
	    background: linear-gradient(0deg, rgba(255,231,81,1) 0%, rgba(255,176,40,1) 100%);
	    padding: 46px 0;
	}
	.footer-top {
	    min-height: 272px;
	    padding: 20px;
	}

	.footer-top h2 {
	    font-size: 25px;
	    line-height: 28px;
	    padding-bottom: 30px;
	}

	.link-request, .contact-submit input {
		border-radius: 10px;
		padding: 15px 24px;
	}

	.link-request span {
		font-size: 14px;
	}

	.menu-learn {
	    max-width: 50%;
	    width: 100%;
	    padding: 0 0 30px 0;
	}

	.menu-platform {
	    max-width: 50%;
	    padding: 0 0 30px 0;
	}
	.menu-about, .menu-explore {
	    max-width: 102px;
	    padding: 0 0 30px 0;
	}

	.footer-middle h4 {
	    font-weight: bold;
	    font-size: 12px;
	    color: #8A91B6;
	    text-transform: uppercase;
	    padding-bottom: 20px;
	}

	.footer-middle ul {
		font-size: 14px;
		line-height: 18px;
	}

	.footer-middle ul li {
	    padding-bottom: 14px;
	}

	.page-footer {
		padding: 0;
	}

	.copyright {
		font-size: 12px;
		line-height: 16px;
	}

	.copyright span {
		display: block;
	}

	a.link-privacy::after{
		display: none;

	}

	.link-plus-hollow img, .link-minus-hollow img {
		display: none;
	}

	.link-plus-hollow, .link-minus-hollow {
		left: 50%;
		right: auto;
		bottom: 35px;
		top: auto;
		transform: translateX(-50%);
	}

	.link-plus-hollow, .link-minus-hollow {
		width: 31px;
		height: 31px;
		background: url(../images/Combined-Shape-min.png) no-repeat 0 0;
		background-size: 31px 31px;
	}

	.link-minus-hollow {
		transform: translateX(-50%) rotate(44deg);
	}

	.ana-insights-engine p {
		text-align: center;
	}

	.banner-virtual-currencies-main .link-plus-hollow {
		opacity: 0.5;
	}

	.manage-user .flip-box-front {
		padding-bottom: 62px;
	}

	.faq-wrapper h3 {
	    font-size: 16px;
	    line-height: 18px;
	    padding-bottom: 20px;
	}

	.faq-item > h4 {
	    font-size: 19px;
	    line-height: 21px;
	}

	.faq-item > h4::after {
	    background-size: 15px;
	    width: 15px;
	    height: 11px;
	}

	.title-sub {
	    font-size: 11px;
	    line-height: 13px;
	}

	.faq-item, .contact-content .left {
	    font-size: 14px;
	    line-height: 17px;
	    text-align: left;
	}

	.faq-item {
		font-weight: 500;
		margin: 0 10px;
	}

	.faq-content .faq-item {
		margin: 0;
	}

	.other-faq .faq-description {
	    padding-left: 44px;
	    padding-right: 30px;
	}

	.faq-banner h3, .contact-content h4, .employee-wrapper h4 {
	    font-size: 14px;
	    line-height: 16px;
	}

	.banner-content h1, .faq-banner h2, .contact-content h1 {
	    font-size: 32px;
	    line-height: 35px;
	}

	.contact-content .left p, .contact-content h1 {
	    padding-bottom: 13px;
	}

	.input-wrapper input, .input-wrapper textarea {
	    font-size: 14px;
	    line-height: 17px;
	    height: 46px;
	    border-radius: 8px;
	    padding: 0 16px;
	}

	.input-wrapper textarea {
	    height: 80px;
	    padding: 16px;
	}

	.contact-content .right {
	    border-radius: 0px;
	    padding: 47px 28px;
	}

	.contact-submit input, .contact-submit, .submit-form, .thank-you-wrapper .link-request {
		min-width: 141px;
		max-width: 141px;
	}

	.contact-submit, .submit-form, .thank-you-wrapper .link-request {
		font-size: 14px;
	}

	.flex-wrap {
		flex-direction: column;
	}

	.flex-wrap .input-wrapper {
	    width: 100%;
	    padding: 0 0 15px 0 !important;
	}

	.modal-wrapper {
		top: 0px;
		height: 100%;
	}

	.employee-wrapper {
	    max-width: 100%;
	    border-radius: 0;
	    min-height: 100%;
	    padding: 59px 30px;
	}

	.employee-wrapper h3 {
		font-size: 23px;
		line-height: 27px;
	}

	.input-labels {
	    justify-content: space-between;
	    max-width: 258px;
	    margin: 0 auto;
	}

	.input-labels .label {
	    margin: 0 0 15px 0;
	    max-width: 121px;
	    font-size: 14px;
	    line-height: 17px;
	    padding: 19px 10px 18px 10px;
	    min-height: 99px;
	    border-radius: 8px;
	    border: 2px solid #D7A23B;
	    background: none;
	}

	.input-labels span {
		left: 6px;
	}

	.input-labels p {
	    padding: 10px 0 0 0;
	}

	.employee-close {
		top: 15px;
		right: 15px;
	}

	.employee-close img {
		width: 11px;
	}

	.thank-you-wrapper {
	    max-width: 100%;
	    border-radius: 0px;
	    text-align: center;
	    line-height: 15px;
	    padding: 115px 32px 57px 32px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow:none;
	}

	.thank-you-wrapper > img {
		width: 57px;
	}

	.thank-you-wrapper h2 {
	    padding: 20px 0 15px 0;
	    font-size: 22px;
	    line-height: 24px;
	    max-width: 265px;
    	margin: 0 auto;
	}

	.thank-you-wrapper p {
	    padding-bottom: 26px;
	}

	.contact-modal, .thankYou, .measure-gra-right > img, .measure-gra-left .d_left:last-child {
		display: none;
	}

	.features-banner h1 {
		font-size: 32px;
    	line-height: 35px;
	}

	.features-content h3 {
		font-size: 13px;
		line-height: 15px;
		padding-bottom: 18px;
	}

	.features-content h2, .features-list h2 {
		font-size: 25px;
		line-height: 28px;
		padding-bottom: 15px;
	}

	.features-content {
		font-size: 14px;
		line-height: 17px;
		padding: 0 25px;
	}

	.feature-wrapper {
	    padding: 0 0px 70px 0px;
	}

	.feature-right-content {
	    padding: 50px 30px 60px 30px;
	}

	.features-list h4 {
	    padding:40px 0 15px 0;
	}

	.features-list {
		font-size: 14px;
		line-height: 17px;
	}

	.features-list p {
	    padding-bottom: 14px;
	}

	.measure-gra-wrap {
		flex-direction: column;
	    justify-content: center;
	}

	.measure-count-left {
	    max-width: 100%;
	    margin: 0;
	    display: flex;
	}

	.measure-wrapper .left, .measure-wrapper .right, .user-retention .left, .user-retention .right {
	    max-width: 296px;
	}

	.measure-gra-left .d_left {
	    margin-right: 8px;
	}

	.measure-gra-wrap .d_m_count {
	    padding-top: 10px;
	    text-align: center;
	}

	.measure-gra-read {
	    min-height: 151px;
	    border-radius: 10px;
	}

	.measure-gra-wrap .d_m_count.d_m_count_3 {
	    margin-right: 0px;
	}

	.measure-left-content {
	    padding: 35px 15px 40px 15px;
	}

	.anim-Measure_1 {
	    bottom: -30px;
	}

	.measure-gra-read p, .returning-grap-wrap p {
	    padding: 20px 0 0 19px;
	}

	.h-analytics-wrapper, .h-metaverse-wrapper, .d_m_count, .d_right {
	    text-align: left;
	}

	.measure-gra-read a, .returning-grap-wrap a {
	    padding: 5px 10px;
	}

	.measure-wrapper h3, .user-retention h3 {
	    font-size: 18px;
	    line-height: 20px;
	    padding: 20px 0 8px 0;
	}

	.measure-left-content {
		line-height: 16px;
	    border-radius: 10px;
	    border-bottom-right-radius:  20px;
	}

	.make-wrap .front h2 {
	    font-size: 32px;
	    line-height: 35px;
	    text-align: center;
	}

	.make-wrap .front > img {
		margin: 0 auto;
		display: block;
	}

	.make-wrap .front {
		padding: 66px 50px 110px 50px;
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	}

	.user-retention {
		line-height: 15px;
	}

	.img-data-user {
		max-width: 163px;
	    margin: 0px 0 20px 0;
	}

	.user-retention p {
	    padding-bottom: 20px;
	}

	.user-retention .left, .user-retention .right {
	    padding: 43px 16px;
    	border-radius: 10px;
    	border-bottom-right-radius: 20px;
	}

	.anim-user-wrap {
	    flex-direction: column;
	    padding: 34px 0 0 42px;
	}

	.anim-user-right {
	    padding: 20px 0 0 0;
	}

	.imgUserRetention {
		display: block;
		width: 192px;
		display: block;
		margin: 0 auto;
	}

	.anim-login-grap, .returning-grap-wrap a {
		display: none;
	}

	.returning-grap-wrap {
	    min-height: 177px;
	    border-radius: 10px;
	    padding-bottom: 10px;
	}

	.h-analytics-top p, .h-metaverse-top p {
	    max-width: 100%;
	}

	.cms-edit .front h3, .media-library h3 {
	    font-size: 22px;
	    line-height: 27px;
	    font-weight: bold;
	    color: var(--blue);
	    background: url(../images/edit-content-min.png) no-repeat 0 0;
	    background-size: 42px;
	    padding: 11px 0 8px 54px;
	    transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.h-analytics-wrapper > h3, .h-metaverse-wrapper > h3 {
	    font-size: 15px;
	    line-height: 17px;
	    padding-bottom: 20px;
	}

	.h-analytics-top h2, .h-metaverse-top h2 {
	    font-size: 28px;
	    line-height: 31px;
	}

	.h-analytics-top p, .h-metaverse-top {
		font-size: 14px;
		line-height: 17px;
	}

	body {
		font-size: 14px;
		line-height: 17px;
	}

	.cms-edit .front article {
		line-height: 17px;
    	padding-bottom: 18px;
	}

	.media-library {
	    line-height: 17px;
	}


	h3, h4, h5, h6 {
	    font-size: 15px;
	}

	.cms-edit .front h3, .media-library h3 {
	    font-size: 19px;
	    line-height: 21px;
	    padding: 62px 0 8px 0px;
	}

	.library-wrapper {
	    max-width: 100%;
	    width: 100%;
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	    min-height: 570px;
	    padding: 20px 0 20px 40px;
	}

	.library-wrapper figure {
	    position: static;
	}

	.library-wrapper figure img {
	    left: 0px;
	}

	.library-wrapper figure {
		display: none;
	}

	.mobile-choose-library {
		display: block;
		position: relative;
		top: 32px;
	}

	.library-wrapper {
	    max-width: 100%;
	    width: 100%;
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	    min-height: 570px;
	    padding: 20px 0 0px 0px;
	    overflow: hidden;
	}

	.library-wrapper h2 {
	    font-size: 19px;
	    line-height: 21px;
	    max-width: 302px;
	    padding: 30px 12px 20px 12px;
	}

	.library-wrapper img:first-child {
		margin-left: 12px;
	}

	.library-wrapper .title-coming-soon {
		color: #5FCFD5;
		border-color: #5FCFD5;
		margin-left: 12px;
	}

	.media-library .front {
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	    padding: 40px 13px 90px 13px;
	}

	.media-library figure {
	    margin: 20px auto 0 auto;
	    position: relative;
	    max-width: 276px;
	    width: 100%;
	    z-index: 0;
	}

	.library-wrapper {
	    min-height: inherit;
	}

	.m-user-wrapper {
		flex-direction: column-reverse;
	    padding: 30px 13px 13px 13px;
	    border-radius: 10px;
	    border-bottom-right-radius: 20px;
	    max-width: 371px;
	    margin: 0 auto;
	}
	.m-user-content {
	    line-height: 17px;
	    max-width: 100%;
	    padding: 0px 0 20px 0;
	}

	.title-other {
	    font-size: 22px;
	    line-height: 24px;
	    padding: 70px 0 20px 0;
	}

	.workflow-wrapper {
		flex-direction: column-reverse;
	}

	.workflow-wrapper .right {
	    font-size: 14px;
	    line-height: 17px;
	    padding: 0 27px;
	}

	.workflow-wrapper figure {
	    width: 100%;
	}

	.workflow-wrapper figure img, img.anim-Manage-Users-Graphic {
		display: none;
	}

	.workflow-wrapper figure img.mobile-integration {
		display: block;
		width: 100%;
	}
	.workflow-wrapper .right article {
	    max-width: 100%;
	    padding: 67px 0 28px 0;
	}

	.workflow-wrapper .right h2 {
	    font-size: 25px;
	    line-height: 28px;
	    padding: 18px 0 10px 0;
	}

	.workflow-wrapper .title-coming-soon {
		color: #5FCFD5;
		border-color: #5FCFD5;
	}

	.title-other {
	    font-size: 22px;
	    line-height: 24px;
	    padding: 70x 0 28px 0;
	}

	.metaverse-FAQ .faq-item {
	    padding: 15px 15px 15px 23px;
	}

	.metaverse-FAQ {
		background: #F5F5F7;
	}

	img.img-Users-Graphic {
		display: block;
	}

	.d_m_count, .newUser {
		text-align: center;
	}

	.d_m_count p, .newUser {
		text-align: center;
		padding-bottom: 12px;
	}

	.visit-tokken p {
		padding-bottom: 12px;
	}

	.manage-user-back .right-content {
	    padding: 20px 20px;
	}

	.ana-dash-back {
	    padding: 56px 20px 70px 20px;
	}

	.meta-edit-back figure img {
	    max-width: 93%;
	}

	.anim-visit-map {
		    min-height: 181px;
	}

	.vist-weekly {
		min-height: 141px;
	}

	.testi-item {
		border-radius: 10px;
	}
	.amin-img-visit-map {
		height: 100%;
		width: 100%;
	}

	.ana-insights-engine {
	    padding: 40px 2.5vw 95px 2.5vw;
	}

	.library-worlds .flip-box-front, .manage-user .flip-box-front, .manage-user .flip-box-front {
	    padding: 37px 30px 70px 30px;
	}

	.manage-user .flip-box-front {
	    padding-bottom: 90px;
	}

	.ana-insights-engine figure video {
		display: none;
	}

	.ana-insights-engine figure img {
		display: block;
		margin: 0 auto;
	}

	.ana-insights-engine-back {
	    padding: 40px 50px 90px 30px;
	}
}


@media only screen and (max-device-width: 480px){
	.h-how-it-works-content, .business-for-inner, .h-analytics-wrapper, .h-metaverse-wrapper, .engagement-content article {
	    text-align: left;
	}

	.how-it-works-list article h3 span {
	    position: absolute;
	    padding-bottom: 0;
	}

	.how-it-works-list article h3 {
	    padding: 0px 0 0 37px;
	}

	.ana-insights-engine {
	    padding: 23px 15px 95px 15px;
	}

	.h-how-it-works-content,  .engagement-content, .h-business-grow, .engagement-content, .banner-content, .footer-top {
	   	width: 100%;
	   	margin: 0 auto;
	   	padding-left: 25px;
	   	padding-right: 25px;
	}

	.h-analytics-wrapper, .engagement-content {
		width: 100%;
		max-width: 100%;
	}

	.h-analytics-bottom .left, .h-metaverse-bottom .left {
	    max-width: 296px;
	}

	.h-metaverse-wrapper > h3, .h-metaverse-top h2, .h-metaverse-top p {
		padding-right: 12px;
		padding-left: 12px;
	}

	.anim-visit-map span {
	    left: 131px;
	}

	.learn_more, .trigger_list_1 img, .trigger_list_2 img, .trigger_list_3 img, .business-for-wrapper article img {
		margin: 0 auto;
	}

	.banner-graphic, .h-how-it-works-content, .business-for-wrapper, .h-analytics-wrapper, .h-metaverse-wrapper, .engagement-content, .footer-middle, .footer-bot-content {
		max-width: 100%;
	}

	.trigger_list_1 img, .trigger_list_2 img, .trigger_list_3 img {
		width: 100%;
	}

	.img-EngagementGraphic {
	    left: -35px;
	}

	.features-list-wrap {
	    text-align: left;
	}
	.banner-graphic > div, .h-banner-three > div , .h-analytics-bottom .right, .h-metaverse-bottom .right, 
	.h-analytics-bottom .left, .h-metaverse-bottom .left, .ana-dash-block, .dash-ana_2, .vist-weekly, .anim-visit-map, 
	.measure-wrapper .left, .measure-wrapper .right, .user-retention .left, .user-retention .right, .amin-analytics-Left{
	    max-width: 307px;
	}

	.anim-visit-graph_1, .anim-visit-graph_2, .anim-visit-graph_3 {
		width: 100%;
		max-width: 100%;
	} 

	.banner-graphic {
		padding: 0 16px;
	}

	.vist-weekly {
	    min-height: 44vw;
	}

	.anim-visit-map {
	    min-height: 212px;
	}

	.anim-visit-map span, .anim-visit-member-min {
	    left: 39vw;
	}
	
	.measure-gra-read {
	    min-height: 46vw;
	    border-radius: 10px;
	}

	.anim-user-container {
	    min-height: 79vw;
	}

}


@media only screen and (max-device-width: 320px){

	.banner-logo ul li {
	    width: 110px;
	}
}