@import url("transition_and_animate.css");

:root {
  --light-100: #efefef;
  --light-110: #d9d9d9;
  --darkish: #280073; /* Base */
  --dark: #180f62; /* Base */
  --darker: #040120; /* Base */
  --bg-gradient-header: linear-gradient(to bottom, #040120 35%, #180f62 85%, #280073 );
 
  --orange: #ff5a29;
  --yellow: #ffd326;
  --grey: #737373;
  --yellow-light: #ffe788;
  --pink-light: #ff94bc;
  --blue-light: #75a9ff;
  --blue-dark: #00024f;
  --green-50: #0be00b;
  --green-100: #009600;
  --green-150: #006900;
  
  --med-spring-green: #00fa9a;
  --lime: #00ff00;
  --aqua: #7fffd4;
  --cyan: #00ffff;
  --turquoise: #40e0d0;
  --deep-sky-blue: #00bfff;
  --med-slate-blue: #7b68ee;
  --royal-blue: #4169e1;
  --violet: #ee82ee;
  --dark-violet: #9400d3;
  --magenta: #ff00ff;
  --dark-magenta: #8b008b;
  
  --heading-font: 'Inter', sans-serif;
  --content-font: 'Source Sans 3', sans-serif;
  
  --line-height: 1.3;
  --font-size-p: 20px;
  --font-size-h1: 48px;
  --font-size-h2: 40px;
  --font-size-h3: 28px;
  --font-size-h4: 24px;
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html
{
	min-width: 360px;
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 400;
	font-size: 20px;
	scroll-behavior: smooth;
}
body {
	color: #000;
	min-width: 360px;
	line-height: var(--line-height);
	background: #000029;
}

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
p,a,ul,li { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,.heading-font,.h1,.h2,.h3,.h4 { font-family: 'Inter', sans-serif; font-weight: 700; }
p,a,ul,li,.content-font { font-family: 'Source Sans 3', sans-serif; font-size: var(--font-size-p); line-height: var(--line-height); }
ul { padding-left: 10px; }
p { margin-bottom: 15px; line-height: 1.5; font-weight: 400; font-size: 24px; color: rgba(255, 255, 255, 0.7);}
h1, .h1 { font-size: var(--font-size-h1); line-height: var(--line-height); }
h2, .h2 { font-size: var(--font-size-h2); line-height: var(--line-height); letter-spacing: 3px;}
h3, .h3 { font-size: var(--font-size-h3); line-height: var(--line-height); letter-spacing: 3px; }
h4, .h4 { font-size: var(--font-size-h4); line-height: var(--line-height); letter-spacing: 3px; }
.h1 { font-size: var(--font-size-h1) !important; }
.h2 { font-size: var(--font-size-h2) !important; }
.h3 { font-size: var(--font-size-h3) !important; }
.h4 { font-size: var(--font-size-h4) !important; }

.trans-all { transition: all 0.3s ease-in; }
.trans-all:hover { transition: all 0.5s ease-out; }
.stop-scrolling { height: 100%; overflow: hidden; } /* this is for the js disable scroll function */

.brand-link { text-decoration: none; color:#fff; transition: color 0.3s ease; }
.brand-link:hover { color: #6f97ff; transition: color 0.2s ease; }

a.link-fade { text-decoration: none; opacity: 1;  transition: opacity 0.3s ease; }
a.link-fade:hover, 
a.link-fade:focus { opacity: 0.5; transition: opacity 0.2s ease;  }

/* Header and Top */
.top-bar { 
	
}

#header { 
	position:relative; 
	padding-top: 122px;
}
#header.header-grow { 
	padding-top: 100px;
	transition: padding 0.6s ease;
	-moz-transition: padding 0.6s ease;
	-webkit-transition: padding 0.6s ease;
	-o-transition: padding 0.6s ease;
}
#header .bg-video
{
	width: 100%;
    position:absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    background-image: var(--bg-gradient-header);
}
#header .bg-header,
#header .bg-over-video
{
    position:absolute;
    z-index: -2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
	background: var(--darker); /* #040120 #180f62 #280073 */
    background-image: var(--bg-gradient-header);
}
#header .bg-over-video { z-index: 0; }
.bg-video-filter { mix-blend-mode: exclusion; opacity: 0.2;}

#intro { width: 100%; object-fit: contain; }

#preHeader { background: rgba(0,0,41, 0.7); padding: 20px 0px; position:fixed; width: 100%; z-index: 998; }
#preHeader::after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(88,0,255, 0), #835dff , rgba(88,0,255, 0)); z-index: 9999;}
#preHeader.topbar-shrink {
	padding: 10px 0px; 
	transition: padding 0.3s ease-in-out;
	-moz-transition: padding 0.3s ease-in-out;
	-webkit-transition: padding 0.3s ease-in-out;
	-o-transition: padding 0.3s ease-in-out;
}
#preHeader.topbar-grow {
	padding: 20px 0px; 
	transition: padding 0.3s ease;
	-moz-transition: padding 0.3s ease;
	-webkit-transition: padding 0.3s ease;
	-o-transition: padding 0.3s ease;
}
/* ******************** */
/* Main Nav */
/* ******************** */
#navToggle { display: none; }

/* #mainNav { gap: 40px !important; } */

#mainNav a.nav-link,
#mobileNav a.nav-link {  
	color: rgba(255,255,255, 0.7);
	text-decoration:none;
	padding: 5px 20px;
	/* border: 1px solid rgba(0,0,0, 1); */
	font-weight: 500;
	font-family: var(--content-font);
	font-size: 18px;
	letter-spacing: 1px;
	background: transparent;
	border-radius: 6px;
}

#mainNav a.nav-link:hover,
#mainNav a.nav-link.active {  
	color: #fff;
	/* border-color:rgba(91,14,217, 0.5); */
	background: linear-gradient(to top, rgba(91,14,217, 0.9), #070262);
	text-decoration:none;
}

/* ******************** */
/* Mobile Nav */
/* ******************** */
#mobileNavWrapper { position: fixed; top:0; left: 0; display:block; width: 100%; height: 0; overflow: hidden; z-index: 999; color:#fff; opacity: 0; transition: opacity 0.8s ease-out;}
#mobileNavWrapper.show-nav { height: 100vh; opacity: 1; transition: opacity 0.4s ease-out; }
#mobileNav { width: 100%; height: 100%; margin: 0 auto;}
#mobileNav a.nav-link {
	width: 100%;
	font-size: 1.3rem;
	padding: 10px 10px !important;
	font-family: var(--heading-font);
	font-weight: 200;
	letter-spacing: normal;
	text-align: center;
}
#mobileNav a.nav-link:hover,
#mobileNav a.nav-link.active {  
	color: #fff;
	background: linear-gradient(to top, rgba(91,14,217, 0.9), #070262);
	text-decoration:none;
}
#mobileNav a.nav-link.brand-link {  }
#mobileNav a.nav-link.brand-link:hover,
#mobileNav a.nav-link.brand-link.active { background: transparent; color: #6f97ff; }

#navCloseBtn { background: transparent; border: 1px solid rgba(74,124,275, 0.5); color: #4a7cf5; }
#navCloseBtn:hover { color: #fff; border-color: #fff; }

/* nav toggle */
#navToggle {  padding: .4rem; }
#navToggle { background: transparent; border: 2px solid rgba(74,124,275, 0.5); color: #4a7cf5;  }
#navToggle:hover { color: #fff; border-color: #fff; }
/**/

.btn { 
	padding: 5px 20px;
	border-radius: 8px;
	font-family: var(--content-font);
}
.btn-dark {
	color:#d3f4ff;
	background: linear-gradient(45deg, #3104ef , #07009d );
	border: 1px solid #421cfb;
}
.btn-dark:hover, .btn-dark:active { 
	background: #000029 !important;
	color:#d3f4ff !important;
	border-color: #421cfb !important;
}
.btn-launch {
	background: linear-gradient(45deg, #e40196 , #060193 );
	border: 1px solid #ea33a5;
	color:#f8d3ff;
	font-weight: 900;
	min-width: 200px;
	text-align:center;
	text-transform: uppercase;
	/* box-shadow: rgba(255,115,174, 0.17) 0px -23px 25px 0px inset; */
	/* box-shadow: rgb(255,115,174, 0.9) 0px 13px 24px -15px; */
}

.btn-launch .state-visible { display:flex; }
.btn-launch .state-hidden { display:none; }
.btn-launch:hover, .btn-launch:active { 
	background: #000029 !important;
	color:#d3f4ff !important;
	border-color: #421cfb !important;
	cursor: url(../images/icons/ban.svg) 15 15, not-allowed;
}
.btn-launch:hover .state-visible { display:none; }
.btn-launch:hover .state-hidden { display:flex; }

.btn-launch.--crew { margin-top: -48px; font-size: 30px; line-height: 1.7; padding: 7px 60px; width: 250px; min-width: 385px; border-radius: 12px; background: linear-gradient(#ff00a2 , #07009d ); }
.btn-launch.--crew:hover, .btn-launch.--crew:active { background: linear-gradient(#0000b3 , #07009d ) !important; }
.btn-launch.--crew { 
	box-shadow: rgb(255,12,112) 0px 10px 70px -20px, rgb(255,112,112) 0px 7px 20px -10px;
	transition: all 0.6s ease-out;
	
}
.btn-launch.--crew:hover, .btn-launch.--crew:active { 
	box-shadow: rgba(167,217,255,1) 0px 10px 70px -20px, rgba(166,235,255,1) 0px 7px 20px -10px;
	transition: all 0.6s ease;
	
}

.ai-crew { position:relative;}

.slogan { font-size: 58px; font-weight: 500; text-align:center; margin-top: -50px; margin-bottom: 15px; color: rgba(255, 255, 255, 0.7); }
.sub-slogan { 
	/* background: -webkit-linear-gradient(0deg, #06affc, #f100a1); */
	background: rgba(255, 255, 255, 1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: var(--heading-font);
  font-weight: 800;
  font-size: 72px;
 }
.pre-h2 { text-transform:uppercase; letter-spacing: 7px; color: rgba(255, 255, 255, 0.5); font-size: 16px;}
.bg-header {
	background: var(--darker); /* #040120 #180f62 #280073 */
    background-image: var(--bg-gradient-header);
}
.bg-pill { background: #201588; }
.bg-dark-1 { background: #040120; }
.bg-dark-2 { background: #180f62; }
.bg-dark-3 { background: #280073; }
.bg-dark-3.--divider {
	background: #280073 url(../images/bg-divider-2.png) center top no-repeat;
}
.bg-gradient-1-2 {
	background-image: linear-gradient(to bottom, #040120 , #180f62 );
}
.bg-gradient-1-2.--divider {
	background: transparent url(../images/bg-divider-2.png) center top no-repeat;
	background-image: url(../images/bg-divider-2.png), linear-gradient(#040120 , #180f62 );
}
.bg-gradient-2-1 {
	background-image: linear-gradient(to bottom, #180f62 , #040120);
}
.bg-gradient-2-1.--divider {
	background: transparent url(../images/bg-divider-2.png) center top no-repeat;
	background-image: url(../images/bg-divider-2.png), linear-gradient(#180f62 , #040120);
}
.bg-gradient-2-3 {
	background-image: linear-gradient(#180f62 , #280073);
}
.bg-gradient-2-3.--divider {
	background: transparent url(../images/bg-divider-2.png) center top no-repeat;
	background-image: url(../images/bg-divider-2.png), linear-gradient(#180f62 , #280073);
}
.bg-gradient-3-2 {
	background-image: linear-gradient(#280073 , #180f62);
}
.bg-gradient-3-2.--divider {
	background: transparent url(../images/bg-divider-2.png) center top no-repeat;
	background-image: url(../images/bg-divider-2.png), linear-gradient(#280073 , #180f62);
}

.bg-divider-1, .bg-divider-2, .bg-divider-3 {
	background: transparent url(../images/bg-divider-1.png) center bottom no-repeat;
	height: 280px;
	padding: 0 !important;
	background-size: 1920px;
	margin-top: -170px;
}
.bg-divider-1 { background-image: url(../images/bg-divider-1.png), linear-gradient(rgba(4,1,32, 0),  rgba(4,1,32, 1) 50%); }
.bg-divider-2 { background-image: url(../images/bg-divider-1.png), linear-gradient(rgba(24,15,98, 0),  rgba(24,15,98, 1) 50%); }
.bg-divider-3 { background-image: url(../images/bg-divider-1.png), linear-gradient(rgba(40,0,115, 0),  rgba(40,0,115, 1) 50%); }

.tech-box-1
 {
	background-image: linear-gradient(45deg, rgba(138,166,255, 0.3), rgba(40,0,115, 0) 50%);
	border: 1px solid #472ae4;
	padding: 20px;
	border-radius: 12px;
}
.tech-box-1.--darker { background-image: linear-gradient(45deg, rgb(62,84,154), #0f084f 50%); }
.tech-box-1.--faded { background-image: linear-gradient(45deg, rgba(138,166,255, 0.1), rgba(40,0,115, 0) 50%); }
.tech-box-1.--solid { background-image: linear-gradient(45deg, rgba(138,166,255, 1), rgba(40,0,115, 1) 50%); }
.tech-box-1.--color-purple-light { 
	background-image: linear-gradient(45deg, rgba(112,86,255, 0.3), rgba(112,86,255, 0) 50%); 
	border-color: rgba(112,86,255, 0.5);
}
.tech-box-1.--color-magenta { 
	background-image: linear-gradient(45deg, rgba(255,0,255, 0.3), rgba(255,0,255, 0) 50%); 
	border-color: rgba(255,0,255, 0.5);
}
.tech-box-1.--color-green { 
	background-image: linear-gradient(45deg, rgba(0, 250, 154, 0.3), rgba(0, 250, 154, 0) 50%); 
	border-color: rgba(0, 250, 154, 0.5);
}
.tech-box-1.--color-yellow { 
	background-image: linear-gradient(45deg, rgba(255,200,30, 0.3), rgba(255,200,30, 0) 50%); 
	border-color: rgba(255,200,30, 0.5);
}
.tech-box-1.--color-yellow-light { 
	background-image: linear-gradient(45deg, rgba(255, 231, 136, 0.3), rgba(255, 231, 136, 0) 50%); 
	border-color: rgba(255, 231, 136, 0.5);
}
.tech-box-1.--color-blue { 
	background-image: linear-gradient(45deg, rgba(0,191,255, 0.3), rgba(0,191,255, 0) 50%); 
	border-color: rgba(0,191,255, 0.5);
}
.tech-box-1.--color-cyan {
	background-image: linear-gradient(45deg, rgba(0,255,255, 0.3), rgba(0,255,255, 0) 50%); 
	border-color: rgba(0,255,255, 0.5);
}
.tech-box-1.--color-slate-blue { 
	background-image: linear-gradient(45deg, rgba(123,104,238, 0.3), rgba(123,104,238, 0) 50%); 
	border-color: rgba(123,104,238, 0.5);
}
.badge-circle { display: block; padding: 3px 5px; min-width: 60px; border-radius: 50px; text-align:center; font: var(--headline-font); font-weight: 700; }
.badge-circle.--yellow { border: 1px solid rgba(255,200,30, 1); background: rgba(255,200,30, 0.7); color:#000; }
.badge-circle.--yellow-light { border: 1px solid rgba(255, 231, 136, 1); background: rgba(255, 231, 136, 0.7); color:#000; }
.badge-circle.--purple-light { border: 1px solid rgba(112,86,255, 1); background: rgba(112,86,255, 0.7); color:#000; }
.badge-circle.--pink { border: 1px solid rgba(234,51,165, 1); background: rgba(234,51,165, 0.7); color:#000; }
.badge-circle.--pink-light { border: 1px solid rgba(241,118,196, 1); background: rgba(241,118,196, 0.7); color:#000; }
.badge-circle.--blue { border: 1px solid rgba(0,191,255, 1); background: rgba(0,191,255, 0.7); color:#000; }
.badge-circle.--green { border: 1px solid rgba(0, 250, 154, 1); background: rgba(0, 250, 154, 0.7); color:#000; }
.badge-circle.--cyan { border: 1px solid rgba(0,255,255, 1); background: rgba(0,255,255, 0.7); color:#000; }
.badge-circle.--magenta { border: 1px solid rgba(255,0,255, 1); background: rgba(255,0,255, 0.7); color:#000; }

.tech-stack .tech-box-1 { transition: all 0.3s ease; }
.tech-stack .tech-box-1:hover { 
	background-image: linear-gradient(45deg, rgba(255,0,255, 0) 50%, rgba(255,0,255, 0.3) ); 
	transition: all 0.3s ease; 
	box-shadow: rgba(255,0,255, 1) 0px 0px 10px 0;
}
.tech-stack .tech-box-1.--color-blue:hover { 
	background-image: linear-gradient(45deg, rgba(0,191,255, 0) 50%, rgba(0,191,255, 0.3) ); 
	transition: all 0.3s ease; 
	box-shadow: rgba(0,191,255, 1) 0px 0px 10px 0;
}

.blend { mix-blend-mode: exclusion; }
.blend-color-burn { mix-blend-mode: color-burn; }
.img-fluid { width: 100%; display:block; height: auto; }
 
.gold-filter {
    filter: grayscale(100%) sepia(100%) saturate(160%) hue-rotate(345deg);
}

.video { min-height: 200px; border: 10px solid #010302; border-radius: 19px; position:relative; }
.video::before { content: "Video is Loading..."; font-weight: strong; font-size: 34px; width: 100%; height: auto; position:absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.video iframe { border-radius: 16px; }

section.section-y-20 { padding: 20px 0; }
section.section-y-30 { padding: 30px 0; }
section, section.section-y-40 { padding: 40px 0; }
section.section-y-40 { padding: 40px 0; }
section.section-y-50 { padding: 50px 0; }
section.section-y-60 { padding: 60px 0; }

/**/
.logo { max-width: 400px; }

/* The Buy Btn */
.buy-btn
{
	display:inline-block;
	margin: 0 auto;
	font-family: var(--heading-font);
	font-size: 28px;
    font-weight: 700;
    background-color: var(--gold-100);
    color: #000;
    /* border: 3px solid var(--gold-100); */
	border-radius: 6px;
    letter-spacing: 0;
    text-decoration: none;
    padding: 15px 30px;
    width: auto;
	transition: all .2s;
	transform: translateY(0px);
	line-height: var(--line-height);
	text-align:center;
	-webkit-backface-visibility: hidden;
	border: none;
	box-shadow: #d4a105 -2px -2px 0px 0px inset, #ffe595 2px 2px 0px 0px inset, #000 2px 2px 2px;
	border-radius: 10px;
}
.buy-btn.--sm { font-size: 20px; padding: 10px 30px; border-width: 2px; }
.buy-btn.--lg { font-size: 32px; padding: 15px 40px; }
.buy-btn.--xl { font-size: 42px; padding: 20px 50px; }
.buy-btn.--2xl { font-size: 62px; padding: 20px 50px; }
.bg-dark .buy-btn, .buy-btn.--on-bg-dark { box-shadow: #d4a105 -2px -2px 0px 0px inset, #ffe595 2px 2px 0px 0px inset, #000 2px 2px 2px; }
.bg-white .buy-btn, .buy-btn.--on-bg-white { box-shadow: none !important; border: 2px solid #d4a105 !important; }
.buy-btn .--small {
	display:block;
	font-size: var(--font-size-p);
	font-weight: 400;
}

.buy-btn:hover {
	color: #000;
	background: var(--gold-100);
	text-decoration: none;
	box-shadow: #d4a105 -2px -2px 0px 0px inset, #ffe595 2px 2px 0px 0px inset, 0 8px 5px -5px rgb(0 0 0 / 25%);
    transform: translateY(-10px);
}
.buy-btn:active, .buy-btn:focus-visible {
	color: #000 !important;
	background: var(--gold-100) !important;
}

.btn.btn-buy {
	font-family: var(--heading-font);
	font-size: 24px;
	font-weight: 700;
	color: #000 !important;
	background: var(--gold-100) !important;
	padding: .5rem 1.25rem;
	border-color: var(--gold-110);
}
.btn.btn-buy:hover {
	background: var(--gold-110) !important;
	border-color: var(--gold-120);
}

/* Background Color */
.bg-dark { background: var(--dark) !important;}
.bg-black-5 { background: rgba(0,0,0, 0.05) !important;}
.bg-black-10 { background: rgba(0,0,0, 0.1) !important;}
.bg-black-20 { background: rgba(0,0,0, 0.2) !important;}
.bg-black-30 { background: rgba(0,0,0, 0.3) !important;}
.bg-black-80 { background: rgba(0,0,0, 0.8) !important;}
.bg-black-90 { background: rgba(0,0,0, 0.9) !important;}
.bg-white { background: #fff; }
.bg-white-5 { background: rgba(255,255,255,0.05) !important; }
.bg-white-10 { background: rgba(255,255,255,0.1) !important; }
.bg-white-20 { background: rgba(255,255,255,0.2) !important; }
.bg-white-30 { background: rgba(255,255,255,0.3) !important; }
.bg-light { background: var(--light-100) !important; }
.bg-blue-dark { background: var(--blue-dark) !important;}

.bg-light-gradient { background: #eee; background: linear-gradient(180deg, #fff , #eee) !important; }
.bg-image-header {
    background: transparent;
    background-image: linear-gradient(to top, #280073, rgba(1,150,255, 0) ), url(../images/bg-header.jpg);
    background-size: 100%; 
	background-position: center top;
	background-repeat: no-repeat;
}
.bg-image-1 {
    background: transparent url(../images/bg-header.jpg) center center no-repeat;
    background-image: linear-gradient(to bottom, rgba(154,117,3, .9), rgba(154,117,3, 0) ), linear-gradient(to top, rgba(154,117,3, 0.9), rgba(154,117,3, 0) ), url(../images/bg-header.jpg);
    background-size: cover;
}
.bg-gradient-gold {
	background:  rgba(154,117,3, 1);
    background: linear-gradient(to top, rgba(154,117,3, 0.9), rgba(228,172,1, 0) );
}
.bg-gradient-dark {
	background: #040120; /* #040120 #180f62 #280073 */
    background-image: linear-gradient(to bottom, rgba(4,1,32, 1) 35%, rgba(24,15,98, 1), rgba(40,0,115, 1) );
}

.bg-contain { background-size: contain !important; }
.bg-cover { background-size: cover !important; }
.bg-fixed { background-attachment: fixed !important; }

/* Text Color */
.text-white { color:#fff; }
.text-white-50 { color: rgba(255,255,255, 0.5); }
.text-faded { color: rgba(255, 255, 255, 0.7); }
.text-light { color:#ccc !important; }
.text-black { color:#000; }
.text-black-50 { color: rgba(0,0,0, 0.5); }
.text-yellow { color: rgba(255,200,30, 1); }
.text-yellow-70 { color: rgba(255,200,30, 0.7); }
.text-green { color: rgba(0, 250, 154, 1); }
.text-green-70 { color: rgba(0, 250, 154, 0.7); }
.text-magenta { color: rgba(255,0,255, 1); }
.text-magenta-70 { color: rgba(255,0,255, 0.7); }
.text-blue { color: rgba(0,191,255, 1); }
.text-blue-70 { color: rgba(0,191,255, 0.7); }
.text-purple-light { color: rgba(112,86,255, 1); }
.text-purple { color: rgba(71,42,228, 1); } 
.text-purple-70 { color: rgba(71,42,228, 0.7); }
.badge { font-family: var(--heading-font); font-size: 24px; padding: 5px 15px; font-weight: 700; line-height: 1.5;}
.badge.--orange { background: var(--orange); color:#fff; }
.badge.--gold-110 { background: var(--gold-110); color:#fff; }
.badge.--gold-310 { background: var(--gold-310); color:#fff; }

/* margin styling */
.mt-10 {margin-top: 10px !important;} .mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;} .mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;} .mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;} .mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;} .mt-55 {margin-top: 55px !important;}
.mt-60 {margin-top: 60px !important;} .mt-65 {margin-top: 65px !important;}
.mt-70 {margin-top: 70px !important;} .mt-75 {margin-top: 75px !important;}
.mt-80 {margin-top: 80px !important;} .mt-85 {margin-top: 85px !important;}
.mt-90 {margin-top: 95px !important;} .mt-95 {margin-top: 95px !important;}
.mb-10 {margin-bottom: 10px !important;} .mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;} .mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;} .mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;} .mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;} .mb-55 {margin-bottom: 55px !important;}
.mb-60 {margin-bottom: 60px !important;} .mb-65 {margin-bottom: 65px !important;}
.mb-70 {margin-bottom: 70px !important;} .mb-75 {margin-bottom: 75px !important;}
.mb-80 {margin-bottom: 80px !important;} .mb-85 {margin-bottom: 85px !important;}
.mb-90 {margin-bottom: 95px !important;} .mb-95 {margin-bottom: 95px !important;} 
.mb-110 {margin-bottom: 110px !important;}
.mb-170 {margin-bottom: 170px !important;}
.pt-120 {padding-top: 120px !important;}
.pt-140 {padding-top: 140px !important;}
.pt-170 {padding-top: 170px !important;}

.mt-neg-100 {margin-top: -100px !important;}
.pb-100 {padding-bottom: 100px !important;}

.p--5 { padding: 5px !important; }
.p-15 { padding: 15px !important; }
.py-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pt-15 { padding-top: 15px !important; }
.p-20 { padding: 20px !important; }
.py-20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.pb-20 { padding-bottom: 20px !important; }
.pt-20 { padding-top: 20px !important; }
.p-25 { padding: 25px !important; }
.py-25 { padding-top: 25px !important; padding-bottom: 25px !important;}
.pb-25 { padding-bottom: 25px !important; }
.pt-25 { padding-top: 25px !important; }
.p-30 { padding: 30px !important; padding-bottom: 30px !important;}
.py-30 { padding-top: 30px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-70 { padding-top: 70px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-110 { padding-top: 110px !important; }

/* Font related */
.fz-16 { font-size: 16px !important; }
.fz-18 { font-size: 18px !important; }
.fz-20 { font-size: 20px !important; }
.fz-22 { font-size: 22px !important; }
.fz-24 { font-size: 24px !important; }
.fz-26 { font-size: 26px !important; }
.fz-28 { font-size: 28px !important; }
.fz-30 { font-size: 30px !important;}
.fz-32 { font-size: 32px !important;}
.fz-34 { font-size: 34px !important; }
.fz-38 { font-size: 38px !important; }
.fz-42 { font-size: 42px !important; }
.fz-44 { font-size: 44px !important; }
.fz-52 { font-size: 52px !important; }
.fz-62 { font-size: 62px !important; }
	
.tt-up { text-transform: uppercase; }
.tt-c { text-transform:capitalize; }
.tt-none { text-transform:none; }
.strong { font-weight: 600 !important; }
.stronger { font-weight: 800 !important; }
.font-italic, .italic { font-style:italic; }
.fw-light, .light { font-weight: 300 !important; }
.fw-regular, .regular { font-weight: 400 !important; }
.underline { text-decoration:underline; }
.strike { text-decoration: line-through !important;}

.lh-13 { line-height: 1.3 !important; }
.lh-14 { line-height: 1.4 !important; }
.lh-15 { line-height: 1.5 !important; }
.lh-16 { line-height: 1.6 !important; }
.lh-1 { line-height: 1 !important; }
.lh-0 { line-height: 0 !important; }

.lts-1 {letter-spacing: 1px;}
.lts-2 {letter-spacing: 2px;}
.lts-3 {letter-spacing: 3px;}

/* Borders */
.bd { border: 1px solid #ccc; }
.bdb { border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
.bdt { border-top: 1px solid rgba(0, 0, 0, 0.5); }
.bd-2 { border-width: 2px !important; }
.bd-3 { border-width: 3px !important; }
.bd-4 { border-width: 4px !important; }
.bd-5 { border-width: 5px !important; }
.bd-6 { border-width: 6px !important; }
.bd-7 { border-width: 7px !important; }
.bd-8 { border-width: 8px !important; }
.bd-white { border-color: #fff !important; }
.bd-black { border-color: #000; }
.bd-light { border-color: #ddd; }
.bd-black-5 { border-color: rgba(0,0,0,0.05) !important; }
.bd-black-10 { border-color: rgba(0,0,0,0.1) !important; }
.bd-black-20 { border-color: rgba(0,0,0,0.2) !important; }
.bd-black-30 { border-color: rgba(0,0,0,0.3) !important; }
.bd-white-5 { border-color: rgba(255,255,255,0.05) !important; }
.bd-white-10 { border-color: rgba(255,255,255,0.1) !important; }
.bd-white-20 { border-color: rgba(255,255,255,0.2) !important; }
.bd-white-30 { border-color: rgba(255,255,255,0.3) !important; }
.bd-pink { border-color: #ea33a5 !important; }
.bd-pink-50 { border-color: rgba(234,51,165, 0.5) !important; }
.bd-pink-70 { border-color: rgba(234,51,165, 0.7) !important; }
.bd-purple-light { border-color: rgba(112,86,255, 1) !important; }
.bd-purple { border-color: rgba(71,42,228, 1) !important; }
.bd-purple-50 { border-color: rgba(71,42,228, 1) !important; }
.bd-magenta { border-color: rgba(255,0,255, 1) !important; }
.bd-magenta-50 { border-color: rgba(255,0,255, 0.5) !important; }
.bd-green { border-color: rgba(0, 250, 154, 1) !important; }
.bd-green-50 { border-color: rgba(0, 250, 154, 0.5) !important; }
.bd-green-70 { border-color: rgba(0, 250, 154, 0.7) !important; }
.bd-yellow { border-color: rgba(255,200,30, 1) !important; }
.bd-yellow-50 { border-color: rgba(255,200,30, 0.5) !important; }
.bd-yellow-70 { border-color: rgba(255,200,30, 0.7) !important; }
.bd-yellow-light { border-color: rgba(255, 231, 136, 1) !important; }
.bd-yellow-light-50 { border-color: rgba(255, 231, 136, 0.5) !important; }
.bd-blue { border-color: rgba(0,191,255, 1) !important; }
.bd-blue-50 { border-color: rgba(0,191,255, 0.5) !important; }
.bd-cyan { border-color: rgba(0,255,255, 1) !important; }
.bd-cyan-50 { border-color: rgba(0,255,255, 0.5) !important; }
.bd-slate-blue { border-color: rgba(123,104,238, 1) !important; }
.bd-slate-blue-50 { border-color: rgba(123,104,238, 0.5) !important; }
.bd-dashed { border-style: dashed; }
.bdb-dashed { border-bottom-style: dashed; }
.bdt-dashed { border-top-style: dashed; }
.bdb-dashed { border-bottom-style: dashed; }
.nobd { border: none !important; }
.nobdb { border-bottom: none !important; }
.nobdt { border-top: none !important; }
.bdb-gr { position:relative; }
.bdb-gr::after { content: ""; position:absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: transparent; }
.bdb-gr.--gr-1::after { background: #ea33a5; background: linear-gradient( to right, rgba(234,51,165, 0), rgba(234,51,165, 1) 20%, rgba(234,51,165, 0) ); }
.bdb-gr.--gr-2::after { background: #472ae4; background: linear-gradient( to right, rgba(71,42,228, 0), rgba(71,42,228, 1) 20%, rgba(71,42,228, 0) ); }
.bdb-gr.--gr-3::after { background: #99e8fa; background: linear-gradient( to right, rgba(153,232,250, 0), rgba(153,232,250, 1) 20%, rgba(153,232,250, 0) ); }
.bdb-gr.--gr-4::after { background: #50368b; background: linear-gradient( to right, rgba(80,54,139, 0), rgba(80,54,139, 1) 20%, rgba(80,54,139, 0) ); }

.fill-yellow, .fill-yellow svg { fill: rgba(255,200,30, 1) !important; }
.fill-yellow-70, .fill-yellow-70 svg { fill: rgba(255,200,30, 0.7) !important; }

.gradient-wrap { }
.gradient-wrap.--gr-1 { padding: 1px; background: linear-gradient(45deg, rgba(0,0,0, 0.9), rgba(0,0,0, 0.5) );  }
.gradient-wrap div { }

.rounded-10 { border-radius: 10px !important; }
.rounded-top-10 { border-radius: 10px 10px 0 0; }
.rounded-bottom-10 { border-radius: 0 0 10px 10px; }

.bxsh {
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(60, 40, 0, 0.25) 0px 30px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.bxsh-strong {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

/* image styling */
.img-center { display:block; max-width: 100%; margin: 0 auto;}
img.rounded { border-radius: 10px !important; }
.img-styled { border: 1px solid #3623d2; position:relative; border-radius: 12px; }
.img-circle { border-radius: 100%; padding: 2px; background: #1d1d1d;  }
.img-circle.--gold { background: #694900; background: linear-gradient(to top, rgb(95,66,1), rgb(255,174,0) ); }
.img-circle.--double-border { background: #f6c582; background: linear-gradient(318deg, #97723d, #f6c582 , #97723d); border: 2px solid #000; }
.img-circle img { display:block; border-radius: 100%;}
.bx-sh { box-shadow: 70px 70px 90px 0; }
.bx-sh.--top-left { box-shadow: 70px -70px 90px 0; }
.bx-sh.--top-right { box-shadow: -70px -70px 90px 0; }
.bx-sh.--right { box-shadow: -70px 70px 90px 0; }
.bx-sh.--pink-10 { color: rgba(234,51,165,0.1); }
.bx-sh.--pink-20 { color: rgba(234,51,165,0.2); }
.bx-sh.--blue-10 { color: rgba(0,191,255,0.1); }
.bx-sh.--blue-20 { color: rgba(0,191,255,0.2); }
.bx-sh.--cyan-10 { color: rgba(0,255,255,0.1); }
.bx-sh.--cyan-20 { color: rgba(0,255,255,0.2); }
.bx-sh.--yellow-10 { color: rgba(255,200,30,0.1); }
.bx-sh.--yellow-20 { color: rgba(255,200,30,0.2); }
.bx-sh.--slate-blue-10 { color: rgba(123,104,238,0.1); }
.bx-sh.--slate-blue-20 { color: rgba(123,104,238,0.2); }
.bx-sh.--green-10 { color: rgba(0, 250, 154,0.1); }
.bx-sh.--green-20 { color: rgba(0, 250, 154,0.2); }


.max-1000 { max-width: 1000px; }
.max-850 { width: 100%; max-width: 850px; }
.max-768 { width: 100%; max-width: 768px; }
.max-650 { width: 100%; max-width: 650px; }
.max-576 { width: 100%; max-width: 576px; }
.max-200 { width: 100%; max-width: 200px; }
.max-150 { width: 100%; max-width: 150px; }
.max-110 { width: 100%; max-width: 110px; }
.divider-top { border-top: 3px solid #fff; box-shadow: 0px 1px 0px 0px inset rgba(0,0,0, 0.3); } 
.divider-top.--dark { box-shadow: 0px 1px 0px 0px inset rgba(0,0,0, 0.3); }

/* box */
.box-dashed {
	border: 1px dashed #000;
	padding: 15px 20px;
}

.text-gradient-gold {
	background: #f6c582;
	background: linear-gradient(10deg, #97723d , #f6c582 , #97723d );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(2px 2px #000);
}
.tsh {
	text-shadow: 2px 2px 0px #000;
}

.title-box {
	background: #fff;
	padding: 20px;
	text-align:center;
	border-radius: 6px !important;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px;
}
.title-box.--dark
{
	background: #222 !important;
    color: #fff !important;
	border: 2px solid #fff !important;
}
.title-box.--gold-light
{
	/* color:#543600 !important; */
	background: #ffe79e !important;
    border-color: #ba9522 !important;
}

.box {
	background: #fff;
	color:#000;
	padding: 20px;
	text-align: center;
	border-radius: 6px !important;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.buy-btn-box {
	color:#000;
	background: #fff;
	border: 1px dashed #131416;
	border-radius: 6px;
	padding: 1.5rem 1rem;
}
.b-box {
    max-width: 1200px;
    margin: auto;
    border-radius: 8px;
    padding: 50px;
}

/* Filters */
.filter-bw { filter: saturate(0); }
.filter-gold { filter: grayscale(100%) sepia(40%) saturate(150%) hue-rotate(345deg) brightness(70%) contrast(132%); }

/* Other General */
ul { margin-bottom: 0; }
li { list-style: none; }
.img-link { display:block; }
.img-link img { transition: all 0.3s ease-out; }
.img-link:hover img { opacity: 0.5; transition: all 0.5s ease-in; }

a.no-thanks { text-decoration:underline; }
a.no-thanks:hover { text-decoration: none; }

.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-80 { width: 80%; }
.w-90 { width: 90%; }
.hide { display:none; }
.same-col-height { height: 100%; }
.trans-all { transition: all 0.3s ease-in; }
.trans-all:hover { transition: all 0.5s ease-out; }
.posr { position:relative; }
.clear { overflow:hidden; }
.ovh { overflow:hidden;}
.ovxh { overflow-x: hidden;}

.posa-center { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; display:block; width: 100%; height: auto;}
.posa { position: absolute; }
.posa.top { top: 0px; }
.posa.bottom { bottom: 0px; }
.posa.left { left: 0px; }
.posa.right { right: 0px; }

.z--1 { z-index: -1;}
.z-0 { z-index: 0;}
.z-1 { z-index: 1;}
.z-2 { z-index: 2;}
.z-9 { z-index: 9;}
.z-99 { z-index: 99;}

.modal .modal-content { border: 3px solid #000 !important; }
/* .modal form input.form-control { border-color: var(--gold-200) !important; } */
/* .modal form label.form-label { color: var(--gold-320); font-size: 20px; margin-bottom: 10px !important; } */

/* Footer and Specific sections by ID */
#footer { background: #040120; color: rgba(255, 255, 255, 0.7); position:relative;}
#footer p, #footer a { color: rgba(255, 255, 255, 0.7); font-size: 18px;}
#footer::after { content: ""; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(88,0,255, 0), #835dff , rgba(88,0,255, 0)); z-index: 9;}

/* Rows and Cols */
.row-flex, .d-flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
.col-box { height: 100%; }

/* Icons */
ul.custom-icons li {
    background-image: url(../images/icons/check.png);
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 50px;
    padding-bottom: 30px;
    padding-top: 1px;
    font-weight: 400;
    list-style-type: none;
    color:#000408; 
}

/* CUSTOM FLEX */
.d-flex { display: flex;}
.d-inline-flex { display: inline-flex;}
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-center-start, .flex-cs, .flex-center { display: flex; justify-content: center; align-items: start; }
.flex-center-center, .flex-cc, .flex-middle { display: flex; justify-content: center; align-items: center; }
.flex-center-end, .flex-ce { display: flex; justify-content: center; align-items: end; }
.flex-start-start, .flex-ss, .flex-start { display: flex; justify-content: start; align-items: start; }
.flex-start-center, .flex-sc, .flex-icon { display: flex; justify-content: start; align-items: center; }
.flex-start-end, .flex-se { display: flex; justify-content: start; align-items: end; }
.flex-end-start, .flex-es { display: flex; justify-content: end; align-items: start; }
.flex-end-center, .flex-ec { display: flex; justify-content: end; align-items: center; }
.flex-end-end, .flex-ee { display: flex; justify-content: end; align-items: end; }
.flex-start em, .flex-start img { margin-top: 2px; }
.flex-inline-icon { display: inline-flex; justify-content: start; align-items: center; }
.flex-column-start { display: flex; justify-content: start; align-items: center; flex-direction: column; }
.flex-column-center { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.jsc-start, .jsc-s { justify-content: start; }
.jsc-center, .jsc-c { justify-content: center; }
.jsc-end, .jsc-e { justify-content: end; }
.jsc-between, .jsc-b { justify-content: between; }
.ai-start, .ai-s { align-items: start;  }
.ai-center, .ai-c { align-items: center;  }
.ai-end, .ai-e { align-items: end;  }
.ai-stretch, .ai-st { align-items: stretech;  }
.flex-img-txt { display: flex; justify-content: center; align-items: start; flex-direction: row; }
.flex-img-txt em, .flex-img-txt img { margin-top: 2px; }
.gap--5, .gap--5 .inner { gap: 5px !important; }
.gap-10, .gap-10 .inner { gap: 10px !important; }
.gap-15, .gap-15 .inner { gap: 15px !important; }
.gap-20, .gap-20 .inner { gap: 20px !important; }
.gap-25, .gap-25 .inner { gap: 25px !important; }
.gap-30, .gap-30 .inner { gap: 30px !important; }
.gap-40, .gap-40 .inner { gap: 40px !important; }
.gap-60, .gap-60 .inner { gap: 60px !important; }
.gap-80, .gap-80 .inner { gap: 80px !important; }

.flex-1 { flex: 1 !important; }
.flex-2 { flex: 2 !important; }
.flex-3 { flex: 3 !important; }
.flex-4 { flex: 4 !important; }
.flex-5 { flex: 5 !important; }
/* end CUSTOM FLEX */

/* OTHER */
/*
.ok-list-item { display: flex; justify-content: start; align-items: center; }
.ok-list-item > * { flex: 1 1; }
.ok-list-item p > strong { font-size: 24px !important; }
.ok-list-item::before { content: ""; display:block; width: 90px; height: 90px; background: transparent url() center center no-repeat; background-size: contain; margin-right: 15px; }
.ok-list-item.crown::before { width: 90px; height: 90px; background-image: url(); }
.ok-ul-list li { margin-bottom: 10px !important; }
*/

/* end OTHER*/

/* Footer */
.footer-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #787878;
    padding-top: 10px;
}

.footer-links, .footer-links a {
    font-family: var(--content-font) !important;
}

.footer-links a {
    color: #787878;
    text-decoration: underline;
}

.footer-links a:hover {
    color: #787878;
    text-decoration: none;
}
/* end Footer*/

.debugger { display:none; position:fixed; bottom: 0; right: 0; background: #000; z-index: 99999; padding: 3px 10px; color:#fff; }
.debugger::before { content: "min-width: 1400px"; }

.card-images { height: 50vh; top: 25vh; position: sticky; z-index: 1; transform: translatey(0px); }
.card-images .sticky-image { display: block; width: 100%; height: auto; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); opacity: 0; }
.card-content .card-text { 
	display: flex; justify-content: start; align-items: center; height: 30vh; position:relative; 
	padding: 0px 20px 0px 0;
	border: 1px solid #3623d2;
	border-left: 0;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-bottom: 30px;
	background-image: linear-gradient(45deg, rgba(112,86,255, 0) 50%, rgba(112,86,255, 0.3) ); 
	border-color: rgba(112,86,255, 0.5);
}

.card-images .sticky-image.image-in { 
	opacity: 1; 
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
}

.card-images .sticky-image.image-out { 
	opacity: 0; 
	transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
}

.img-trigger { visibility: hidden; opacity: 0; position:absolute;  bottom: 0; right: 0; transform: translate(0, 0); width: 20px; height: 20px; background: #f00; z-index: 999; }

/* main preloader */
#preloader {
	background: var(--darker);
	width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 9999999;
    display: block;
    top: 0;
    left: 0;
	opacity: 1;
	display:block;
}
#preloader.hide-preloader {
	opacity: 0;
}
#preloader.disabled {
	display:none;
}

/** Form loader  */
@keyframes spin {
  to { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { transform: rotate(360deg); }
}
#preloader::after {
	content: "";
	display: inline-block;
	position:absolute;
	width: 50px;
	height: 50px;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
	border: 3px solid rgba(255,255,255,.3);
	border-radius: 50% !important;
	border-top-color: #fff;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

.tech-icon-boxes-wrapper .tech-box-1 { margin-top: 85px; position:relative; z-index: 1; }
.tech-icon-boxes-wrapper .tech-box-1 h5 { text-align:center; }
.tech-icon-boxes-wrapper .icon-float .anim { transform-origin: center 33px; animation-duration: 4s; }
.tech-icon-boxes-wrapper .icon-float {
	position: absolute; top: -84px; left: 0; display:block; width: 100%; height: auto;
	fill: #6346b9;
	opacity: 1;
	z-index: 2;
}
.tech-icon-boxes-wrapper .tech-box-1 li { position:relative; }
.tech-icon-boxes-wrapper .tech-box-1 li::before { content: ""; position: absolute; top: 0; left: 11px; width: 1px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.2); z-index: -1;}
.tech-icon-boxes-wrapper .tech-box-1 li em { color:#fff; background: #280073; border-radius: 100%; line-height: 0; border: 2px solid #5a4099; padding: 1px; }

.tech-icon-boxes-wrapper .tech-box-1 li:nth-child(2n) .anim { animation-delay: 0.2s; }
.tech-icon-boxes-wrapper .tech-box-1 li:nth-child(3n) .anim { animation-delay: 0.4s; }
.tech-icon-boxes-wrapper .tech-box-1 li:nth-child(4n) .anim { animation-delay: 0.6s; }
.tech-icon-boxes-wrapper .tech-box-1 li:nth-child(5n) .anim { animation-delay: 0.8s; }

.tokenomics-legend .flex-icon { width: 100%; max-width: 400px; margin-left: auto; text-align:left; }
/*
.use-cases-wrapper .flex-icon.bd-yellow-70 { background-image: linear-gradient(45deg, rgba(255,215,92, 1), rgba(255,215,92, 0.3) 90% ) !important; color:#040120 !important;}
.use-cases-wrapper .flex-icon.bd-green-70 { background: rgba(0, 250, 154, 1) !important; color:#040120 !important;}
.use-cases-wrapper .flex-icon.bd-purple { background: rgba(71,42,228, 1) !important; color:#fff !important; }
*/

/* .use-cases-wrapper .flex-icon.bd-yellow-70:hover { background: rgba(255,215,92, 1) !important; color:#040120 !important;}
.use-cases-wrapper .flex-icon.bd-green-70:hover { background: rgba(0, 250, 154, 1) !important; color:#040120 !important;}
.use-cases-wrapper .flex-icon.bd-purple:hover { background: rgba(71,42,228, 1) !important; color:#fff !important; } */