@font-face {font-family: Aeonik-Regular;src: url(../font/Aeonik-Regular.otf);}
@font-face {font-family: Aeonik-Light;src: url(../font/Aeonik-Light.otf);}
@font-face {font-family: Megrim;src: url(../font/Megrim-Regular.ttf);}
@font-face {font-family: Inter;src: url(../font/Inter-Regular.ttf);}
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.1/font/bootstrap-icons.css");

.navbar-brand {padding-top:0 !important}

*{margin:0;padding:0;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
body{background-color:#000 !important;font-family: Aeonik-Regular !important;font-size: 1.125rem !important;line-height: 1.65 !important;
    color: #d4d4d4 !important;letter-spacing: 0.5px !important;overflow-x: hidden;}
h1,h2,h3,h4,h6{color: white;}
h5{color: #d4d4d4 !important;}
.title{font-size: 3rem;line-height: 1.25;}
.span-title{color: #fff;letter-spacing: .2rem;text-transform: uppercase;font-family:Aeonik-Light;font-size: .875rem;}
.para-text{font-size: 1.125rem;line-height: 1.65;color: #fff;letter-spacing: 0.5px;font-family: 'Inter', sans-serif !important;font-weight:100}
a{color:#fff !important;text-decoration: none !important;}
.navbar a {color: white !important;font-size: medium;letter-spacing: 0.8px;display: block !Important;}
.navbar-brand{font-family: Megrim;}
.offset-2 { margin-left: 14.667% !important;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem !important;padding-left: 1rem !important;}
p{font-family: 'Inter', sans-serif !important; font-size: 1.125rem;line-height: 1.65;}
.contact-btn{border: 1px solid #626262 !important;border-radius: 5em !important;}
.contact-btn:hover{background:white !important;color:black !important}
.card-body{padding: 0 !important;}
.main-text{font-size: 5rem;line-height: 1;font-family: Aeonik-Light;}

.slick-dots, .slick-next, .slick-prev {display: none !important;}

.text-transform-gradient {
    background: linear-gradient(90deg,#d1aad7,#c88bc4 25.17%,#7b8fdd 50%,#86bff2 73.09%,#bbdef2);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

footer a{color: white !important;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
  }
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0em;
 }

 .dropdown-menu {
  border-radius: 1em !important;padding: 1.5em !important;background: rgba( 0, 0, 0, 0.75 ) !important;
    box-shadow: 0 8px 32px 0 rgb(31 38 135 / 37%);
    backdrop-filter: blur( 6px );
    -webkit-backdrop-filter: blur( 20px );
  min-width: 40em !important;
    border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;}
.dropdown-item{padding: .4rem 1rem;}
  .dropdown-item:focus, .dropdown-item:hover {background: none !important;}

  
.dropdown-toggle::after{display: none !important;}

header {
    position: relative;
    background-color: black;
    height: 90vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  header .container {
    position: relative;
    z-index: 2;
    padding-right: 0em !important;
padding-left: 0em !important;
  }
  
  header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
  }

  .cta-text{font-family: Aeonik-Light;line-height: 1.25;font-size: 3.2rem;}


  @media (min-width:1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1235px !important;}
  }
  
  /* Media Query for devices withi coarse pointers and no hover functionality */
  
  /* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

.cta-box{
position: relative;
background: #171717;
  box-shadow: inset 0 4px 0 0 #262626;
  border-radius: 1em;
  text-align: left;
 }

 .cta-box::before
 {content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 filter: blur(18px);
 transform: translateY(5px) scale(0.89);
box-shadow:rgb(33 33 217 / 18%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px, rgb(10 37 64 / 35%) 0px -2px 6px 0px inset;
 opacity: 0.5;
 z-index: -1;}


.get-started{background: #000000;
  height: 50vh;
  padding: 6em;
  border-top: 0.5px solid rgb(43, 43, 43);
  border-bottom: 0.5px solid rgb(43, 43, 43);}

  .work-email{background-color: rgba(64,64,64);height: 46px;border:0;border-radius:2em;
    transition-timing-function: cubic-bezier(.4,0,.2,1);transition-duration: .15s;outline: 2px solid transparent;outline-offset: 2px;line-height: 1.25;letter-spacing: 0.5px;font-weight: 500;padding: .75rem 1rem .75rem 1.5rem;border-color: transparent;border-width: 1px;border-radius: 9999px;color: white;margin-bottom: 1em;}

.btn{ font-family: 'Inter', sans-serif !important;font-size: 1rem !important;font-weight:500 !important}
  .page-title{font-family: Aeonik-Light;line-height: 1.25;font-size: 4rem;}
  .icon-box{color:#b926c8 !important;font-size:2em !important;margin-left: 0.4em !important;}
  .img-box-right{padding-top: 0vw !important;padding-left: 6em !important;}
  .text-box-left{padding-top: 2em;padding-right: 1em;}

  .img-box-left{padding-top: 0vw !important;padding-right: 6em !important;}
  .text-box-right{padding-top: 2em;padding-left: 1em;}
  .hide{display: none !important;}
  .desk-hide{display: block !important;}
.txt-l-c{text-align: center;}
.red {
  opacity: 0;
}
.blue {
  opacity: 1;
}



.footer-bg-pad {background-position-y: -8em !important;}

  @media (max-width:768px){

.footer-bg-pad {background-position-y: 0em !important;}
.dropdown-menu-center {right: auto !important;
    left: 0 !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;}

.dropdown-menu-center-2 {right: auto !important;
    left: 0 !important;
    -webkit-transform: none !important;
    -o-transform: none !important;
    transform: none !important;}

.dropdown-menu {    min-width: 5em !important;}

.carousel-indicators [data-bs-target]{display:none}
  .main-text{font-size: 1.5em;}
  .para-text{font-size:1rem;}
  .title {font-size: 2.25rem;line-height: 1.25;}
.icon-box{color:#b926c8 !important;font-size:2.5em !important;margin-left: 0em !important;}
.page-title{font-size: 2.1rem;    padding-top: 5em;}
.lead{font-size: 1rem !important;}
.txt-l-c{text-align: left;}
.cta-box{padding: 1.5em;}
.get-started{padding:4em 1em}
.card-title{text-align:center;}
.cta-text{font-family: Aeonik-Light;line-height: 1.25;font-size: 2.2rem;}
.small, small {
  font-size: .875rem !important;
}
  
.home header {
  background:url(mobile-land-bg.png) black no-repeat;
}

.home header video {
  display: none;
}

  .img-box-right{padding: 1.5em !important;}
  .text-box-left{padding-top: 2em !important;padding-right: 0em !important;}

  .img-box-left{padding: 1.5em !important;}
  .text-box-right{padding-top: 2em !important;padding-left: 1em !important;}

  .hide{display: block !important;}
  .desk-hide{display: none !important;}
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-right: 1.5em !important;padding-left: 1.5em !important;}

  }

  .box {
    background: #15022a;
    padding: 1em;
    border-radius: 1em;
    margin-bottom: 1em;
}


.navbar-toggler-icon {
  background: linear-gradient(90deg,#d1aad7,#c88bc4 25.17%,#7b8fdd 50%,#86bff2 73.09%,#bbdef2);
background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  }

.dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 50px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu:after {
position: absolute;
    top: -8px;
    left: 50px;
    display: none;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #404040;
    border-left: 8px solid transparent;
    content: '';
}



.slideUpward a{
    height: 25px;
    line-height: 25px;
    padding: 0 15px;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.slideUpward a span{
  display: inline-block;
  position: relative;

  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.slideUpward a span::before{
  display: inline-block;
  width: 100%;
  height: 100%;
  content: attr(data-hover);
  position: absolute;
  left: 0;
  top: 100%;
  font-weight: 700;
  -webkit-transform: translate3d(0,0,0,);
  -moz-transform: translate3d(0,0,0,);
  transform: translate3d(0,0,0,);
}

.slideUpward a:hover span{
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%);
}

.work-btn{
letter-spacing: 0.5px;
font-size: 1rem !important;
color:white;
border:0;
line-height: 1rem;
padding:1px;
font-family: 'Inter', sans-serif !important;  
  
border-radius: 9999px !important;
background:black;
font-weight:500 !important;    
overflow: hidden;
    border-radius: 30px;
    transition: all 0.2s linear;
    background: -webkit-linear-gradient(
-45deg
, #262bc1 1%, #d65580 100%);}



.work-btn:hover {  background: white;
  /* Chrome10+,Safari5.1+ */}


.work-btn-text{
  height: calc(100% - 1rem);
  display: block;
  border-radius: 28px;
  background:rgb(0 0 0 / 97%);
  text-align: center;
  padding: 1rem 2rem;
  
  color: #fff;
}

.work-btn-text:hover{background: white !important;color:black}
.button {
  margin: 2rem auto;
  display: block;
  height: 50px;
  width: 300px;
  padding: 2px;
  text-decoration: none;
  font-weight: 300;
  overflow: hidden;
  border-radius: 30px;
  transition: all 0.2s linear;
  background: -webkit-linear-gradient(-45deg, #262bc1 1%, #d65580 100%);
  /* Chrome10+,Safari5.1+ */
}
.button:hover {
  background: -webkit-linear-gradient(75deg, #262bc1 1%, #d65580 100%);
  /* Chrome10+,Safari5.1+ */
}

.button-text {
  height: calc(100% - 1rem);
  display: block;
  border-radius: 28px;
  background: rgba(0, 0, 0, 0.85);
  text-align: center;
  padding: 0.5rem 4rem;
  font-size: 1.7rem;
  color: #fff;
}

.dropdown-menu-center {
    right: auto;
    left: -40%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}


.dropdown-menu-center-2 {
    right: auto;
    left: -103%;
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}









.s2-content-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #000000;
transition:0.5s;
}




.s2-content-container::before{
content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(18px);
  transform: translateY(5px) scale(0.89);
  background: linear-gradient( 
45deg
, #1000ff, #ff3d33);
  opacity: 0.5;
  z-index: -1;
transition:0.5s;
}

.s2-content-container:hover::before{transform: translateY(5px) scale(0.95);}

.s2-blur-container {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
}

.s2-blur {
width: 120px;
  height: 100px;
  margin-top: 98px;
  border-radius: 50%;
  background-image: linear-gradient(
45deg
, #1000ff5e, #ff3d3380);
  -webkit-filter: blur(50px);
  filter: blur(50px);
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX( 
0deg
) rotateY( 
0deg
) rotateZ( 
0deg
) skew( 
0deg
, 
0deg
);
  transform-style: preserve-3d;
}


.s2-icon-container {
  position: relative;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
transition:0.5s;
}


.s2-content-container:hover .s2-icon-container{transform: scale(1.05);}


@media (min-width: 768px) {



.animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
}
}

@keyframes slideIn {
0% {
  transform: translateY(1rem);
  opacity: 0;
}

100% {
  transform: translateY(0rem);
  opacity: 1;
}

0% {
  transform: translateY(1rem);
  opacity: 0;
}
}

@-webkit-keyframes slideIn {
0% {
  -webkit-transform: transform;
  -webkit-opacity: 0;
}

100% {
  -webkit-transform: translateY(0);
  -webkit-opacity: 1;
}

0% {
  -webkit-transform: translateY(1rem);
  -webkit-opacity: 0;
}
}

.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}




.links {
*zoom: 1;
padding: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
background: #313131;
}
.links:before, .links:after {
content: "";
display: table;
}
.links:after {
clear: both;
}



.link-effect-5 a {

color: #797878;
text-shadow: none;
position: relative;
}

.footer .link-effect-5 a {position: absolute;}


.link-effect-5 a::before {
position: absolute;

overflow: hidden;
padding: 0px;
color: #01d3ee;
content: attr(data-hover);
-moz-transition: ease-out 0.3s;
-o-transition: ease-out 0.3s;
-webkit-transition: ease-out 0.3s;
transition: ease-out 0.3s;
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
opacity: 0;
}
.link-effect-5 a:hover::before {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
}

canvas { display: block; }
.waves { position: absolute; left: 0; top: -7em; right: 0; bottom: 0; z-index: -1;}