/* ################################## */
            /*Imports*/
/* ################################## */
@import url(responsive.css);
@import url(carousel.css);
@import url(linesLayout.css);
@import url(models.css);
@import url(indexResponsive.css);
/* ################################## */
            /*Imports*/
/* ################################## */

:root {
  --slide-transform: 0;
  --transition: transform 1s;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
  font-family: "Azonix";
  src: url("Azonix.otf");
}

@font-face {
  font-family: "Poppins";
  src: url("Poppins-Light.ttf");
}

@font-face {
  font-family: "Poppins2";
  src: url("Poppins-Medium.ttf");
}

@font-face {
  font-family: "IBM";
  src: url("IBMPlexMono-Regular.ttf");
}

@font-face {
  font-family: "Bebas";
  src: url("BebasNeue-Regular.ttf");
}

a {
  text-decoration: none !important;
}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-family:sans-serif;
}

.comu-circle{
  position: absolute;
  width: 800px;
  height: 500px;
  z-index: 1001;
  right: 0%;
  top: 40%;
  border-radius: 1064px;
background: rgba(137, 97, 222, 0.35);
filter: blur(150px);
}

.center1920 {
  text-align: left !important;
  width: fit-content !important;
}
.comu-circle2 {
  position: absolute;
  width: 800px;
  height: 800px;
  z-index: 1002;
  right: 0%;
  top: 20%;
  border-radius: 1064px;
  background: rgba(137, 97, 222, 0.35);
  filter: blur(150px);
}

body{
  margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
  display:block
}
audio,canvas,progress,video{
  vertical-align:baseline;
  display:inline-block
}
audio:not([controls]){
  height:0;
  display:none
}
[hidden],template{
  display:none
}
a{
  color:  #EBEBEB;
  background-color:transparent
}
a:active,a:hover{
  outline:0
}
abbr[title]{
  border-bottom:1px dotted
}
b,strong{
  font-weight:700
}
dfn{
  font-style:italic
}
h1{
  margin:.67em 0;
  font-size:2em
}
mark{
  color:#000;
  background:#ff0
}
small{
  font-size:80%
}
sub,sup{
  vertical-align:baseline;
  font-size:75%;
  line-height:0;
  position:relative
}
sup{
  top:-.5em
}
sub{
  bottom:-.25em
}
img{
  border:0
}
svg:not(:root){
  overflow:hidden
}
figure{
  margin:1em 40px
}

hr{
  box-sizing:content-box;
  height:0;
  background: #3E3555 !important;
  border: .5px solid #3E3555 !important;
}

.flex-G3{
  display:grid;
  width: 100%;
  background-color: #0082f3;
  justify-items: center;
}

.order-3{
  order: 1;
}

.flex-G{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  z-index: 9999;
}

.flex-G2{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  z-index: 9999;
}

.d-flex3{
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: clamp(1.25rem,2vw,2.5rem);
}

.container-gianny{
  display: flex;
  align-items: start;
  justify-content: start;
}

.container-sm-gianny{
  width: 60%;
}

pre{
  overflow:auto
}
code,kbd,pre,samp{
  font-family:monospace;
  font-size:1em
}
button,input,optgroup,select,textarea{
  color:inherit;
  font:inherit;
  margin:0
}
button{
  overflow:visible
}
button,select{
  text-transform:none
}
button,html input[type=button],input[type=reset]{
  -webkit-appearance:button;
  cursor:pointer
}
button[disabled],html input[disabled]{
  cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
  border:0;
  padding:0
}
input{
  line-height:normal
}
input[type=checkbox],input[type=radio]{
  box-sizing:border-box;
  padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
  height:auto
}
input[type=search]{
  -webkit-appearance:none
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
  -webkit-appearance:none
}
fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em
}
legend{
  border:0;
  padding:0
}
textarea{
  overflow:auto
}
optgroup{
  font-weight:700
}
table{
  border-collapse:collapse;
  border-spacing:0
}
td,th{
  padding:0
}
@font-face{
  font-family:webflow-icons;
  src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
  font-weight:400;
  font-style:normal
}
[class^=w-icon-],[class*=\ w-icon-]{
  speak:none;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-style:normal;
  font-weight:400;
  line-height:1;
  font-family:webflow-icons!important
}
.w-icon-slider-right:before{
  content:""
}
.w-icon-slider-left:before{
  content:""
}
.w-icon-nav-menu:before{
  content:""
}
.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{
  content:""
}
.w-icon-file-upload-remove:before{
  content:""
}
.w-icon-file-upload-icon:before{
  content:""
}
*{
  box-sizing:border-box
}
html{
  height:100%
}
body{
  min-height:100%;
  color:#333;
  background-color:#fff;
  margin:0;
  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:20px
}
img{
  max-width:100%;
  vertical-align:middle;
  display:inline-block
}
html.w-mod-touch *{
  background-attachment:scroll!important
}
.w-block{
  display:block
}
.w-inline-block{
  max-width:100%;
  display:inline-block
}
.w-clearfix:before,.w-clearfix:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-clearfix:after{
  clear:both
}
.w-hidden{
  display:none
}
.w-button{
  color:#fff;
  line-height:inherit;
  cursor:pointer;
  background-color:#3898ec;
  border:0;
  border-radius:0;
  padding:9px 15px;
  text-decoration:none;
  display:inline-block
}
input.w-button{
  -webkit-appearance:button
}
html[data-w-dynpage] [data-w-cloak]{
  color:transparent!important
}
.w-webflow-badge,.w-webflow-badge *{
  z-index:auto;
  visibility:visible;
  box-sizing:border-box;
  width:auto;
  height:auto;
  max-height:none;
  max-width:none;
  min-height:0;
  min-width:0;
  float:none;
  clear:none;
  box-shadow:none;
  opacity:1;
  direction:ltr;
  font-family:inherit;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
  font-style:inherit;
  font-variant:inherit;
  text-align:inherit;
  letter-spacing:inherit;
  -webkit-text-decoration:inherit;
  text-decoration:inherit;
  text-indent:0;
  text-transform:inherit;
  text-shadow:none;
  font-smoothing:auto;
  vertical-align:baseline;
  cursor:inherit;
  white-space:inherit;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  background:0 0;
  border:0 transparent;
  border-radius:0;
  margin:0;
  padding:0;
  list-style-type:disc;
  transition:none;
  display:block;
  position:static;
  top:auto;
  bottom:auto;
  left:auto;
  right:auto;
  overflow:visible;
  transform:none
}
.w-webflow-badge{
  white-space:nowrap;
  cursor:pointer;
  box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);
  visibility:visible!important;
  z-index:2147483647!important;
  color:#aaadb0!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  background-color:#fff!important;
  border-radius:3px!important;
  margin:0!important;
  padding:6px 8px 6px 6px!important;
  font-size:12px!important;
  line-height:14px!important;
  text-decoration:none!important;
  display:inline-block!important;
  position:fixed!important;
  top:auto!important;
  bottom:12px!important;
  left:auto!important;
  right:12px!important;
  overflow:visible!important;
  transform:none!important
}
.w-webflow-badge>img{
  visibility:visible!important;
  opacity:1!important;
  vertical-align:middle!important;
  display:inline-block!important
}
h1,h2,h3,h4,h5,h6{
  margin-bottom:10px;
  font-weight:700
}
h1{
  margin-top:20px;
  font-size:38px;
  line-height:44px
}
h2{
  margin-top:20px;
  font-size:32px;
  line-height:36px
}
h3{
  margin-top:20px;
  font-size:24px;
  line-height:30px
}
h4{
  margin-top:10px;
  font-size:18px;
  line-height:24px
}
h5{
  margin-top:10px;
  font-size:14px;
  line-height:20px
}
h6{
  margin-top:10px;
  font-size:12px;
  line-height:18px
}
p{
  margin-top:0;
  margin-bottom:10px
}
blockquote{
  border-left:5px solid #e2e2e2;
  margin:0 0 10px;
  padding:10px 20px;
  font-size:18px;
  line-height:22px
}
figure{
  margin:0 0 10px
}
figcaption{
  text-align:center;
  margin-top:5px
}
ul,ol{
  margin-top:0;
  margin-bottom:10px;
  padding-left:40px
}
.w-list-unstyled{
  padding-left:0;
  list-style:none
}
.w-embed:before,.w-embed:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-embed:after{
  clear:both
}
.w-video{
  width:100%;
  padding:0;
  position:relative
}
.w-video iframe,.w-video object,.w-video embed{
  width:100%;
  height:100%;
  border:none;
  position:absolute;
  top:0;
  left:0
}
fieldset{
  border:0;
  margin:0;
  padding:0
}
button,[type=button],[type=reset]{
  cursor:pointer;
  -webkit-appearance:button;
  border:0
}
.w-form{
  margin:0 0 15px
}
.w-form-done{
  text-align:center;
  background-color:#ddd;
  padding:20px;
  display:none
}
.w-form-fail{
  background-color:#ffdede;
  margin-top:10px;
  padding:10px;
  display:none
}
label{
  margin-bottom:5px;
  font-weight:700;
  display:block
}
.w-input,.w-select{
  width:100%;
  height:38px;
  color:#333;
  vertical-align:middle;
  background-color:#fff;
  border:1px solid #ccc;
  margin-bottom:10px;
  padding:8px 12px;
  font-size:14px;
  line-height:1.42857;
  display:block
}
.w-input:-moz-placeholder,.w-select:-moz-placeholder{
  color:#999
}
.w-input::-moz-placeholder,.w-select::-moz-placeholder{
  color:#999;
  opacity:1
}
.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{
  color:#999
}
.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{
  color:#999
}
.w-input:focus,.w-select:focus{
  border-color:#3898ec;
  outline:0
}
.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{
  cursor:not-allowed
}
.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{
  background-color:#eee
}
textarea.w-input,textarea.w-select{
  height:auto
}
.w-select{
  background-color:#f3f3f3
}
.w-select[multiple]{
  height:auto
}
.w-form-label{
  cursor:pointer;
  margin-bottom:0;
  font-weight:400;
  display:inline-block
}
.w-radio{
  margin-bottom:5px;
  padding-left:20px;
  display:block
}
.w-radio:before,.w-radio:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-radio:after{
  clear:both
}
.w-radio-input{
  margin:4px 0 0;
  margin-top:1px \9 ;
  float:left;
  margin-top:3px;
  margin-left:-20px;
  line-height:normal
}
.w-file-upload{
  margin-bottom:10px;
  display:block
}
.w-file-upload-input{
  width:.1px;
  height:.1px;
  opacity:0;
  z-index:-100;
  position:absolute;
  overflow:hidden
}
.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{
  color:#333;
  display:inline-block
}
.w-file-upload-error{
  margin-top:10px;
  display:block
}
.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{
  display:none
}
.w-file-upload-uploading-btn{
  cursor:pointer;
  background-color:#fafafa;
  border:1px solid #ccc;
  margin:0;
  padding:8px 12px;
  font-size:14px;
  font-weight:400;
  display:flex
}
.w-file-upload-file{
  background-color:#fafafa;
  border:1px solid #ccc;
  flex-grow:1;
  justify-content:space-between;
  margin:0;
  padding:8px 9px 8px 11px;
  display:flex
}
.w-file-upload-file-name{
  font-size:14px;
  font-weight:400;
  display:block
}
.w-file-remove-link{
  width:auto;
  height:auto;
  cursor:pointer;
  margin-top:3px;
  margin-left:10px;
  padding:3px;
  display:block
}
.w-icon-file-upload-remove{
  margin:auto;
  font-size:10px
}
.w-file-upload-error-msg{
  color:#ea384c;
  padding:2px 0;
  display:inline-block
}
.w-file-upload-info{
  padding:0 12px;
  line-height:38px;
  display:inline-block
}
.w-file-upload-label{
  cursor:pointer;
  background-color:#fafafa;
  border:1px solid #ccc;
  margin:0;
  padding:8px 12px;
  font-size:14px;
  font-weight:400;
  display:inline-block
}
.w-icon-file-upload-icon,.w-icon-file-upload-uploading{
  width:20px;
  margin-right:8px;
  display:inline-block
}
.w-icon-file-upload-uploading{
  height:20px
}
.w-container{
  max-width:940px;
  margin-left:auto;
  margin-right:auto
}
.w-container:before,.w-container:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-container:after{
  clear:both
}
.w-container .w-row{
  margin-left:-10px;
  margin-right:-10px
}
.w-row:before,.w-row:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-row:after{
  clear:both
}
.w-row .w-row{
  margin-left:0;
  margin-right:0
}
.w-col{
  float:left;
  width:100%;
  min-height:1px;
  padding-left:10px;
  padding-right:10px;
  position:relative
}
.w-col .w-col{
  padding-left:0;
  padding-right:0
}
.w-col-1{
  width:8.33333%
}
.w-col-2{
  width:16.6667%
}
.w-col-3{
  width:25%
}
.w-col-4{
  width:33.3333%
}
.w-col-5{
  width:41.6667%
}
.w-col-6{
  width:50%
}
.w-col-7{
  width:58.3333%
}
.w-col-8{
  width:66.6667%
}
.w-col-9{
  width:75%
}
.w-col-10{
  width:83.3333%
}
.w-col-11{
  width:91.6667%
}
.w-col-12{
  width:100%
}
.w-hidden-main{
  display:none!important
}
@media screen and (max-width:991px){
  .w-container{
      max-width:728px
  }
  .w-hidden-main{
      display:inherit!important
  }
  .w-hidden-medium{
      display:none!important
  }
  .w-col-medium-1{
      width:8.33333%
  }
  .w-col-medium-2{
      width:16.6667%
  }
  .w-col-medium-3{
      width:25%
  }
  .w-col-medium-4{
      width:33.3333%
  }
  .w-col-medium-5{
      width:41.6667%
  }
  .w-col-medium-6{
      width:50%
  }
  .w-col-medium-7{
      width:58.3333%
  }
  .w-col-medium-8{
      width:66.6667%
  }
  .w-col-medium-9{
      width:75%
  }
  .w-col-medium-10{
      width:83.3333%
  }
  .w-col-medium-11{
      width:91.6667%
  }
  .w-col-medium-12{
      width:100%
  }
  .w-col-stack{
      width:100%;
      left:auto;
      right:auto
  }
}
@media screen and (max-width:767px){
  .w-hidden-main,.w-hidden-medium{
      display:inherit!important
  }
  .w-hidden-small{
      display:none!important
  }
  .w-row,.w-container .w-row{
      margin-left:0;
      margin-right:0
  }
  .w-col{
      width:100%;
      left:auto;
      right:auto
  }
  .w-col-small-1{
      width:8.33333%
  }
  .w-col-small-2{
      width:16.6667%
  }
  .w-col-small-3{
      width:25%
  }
  .w-col-small-4{
      width:33.3333%
  }
  .w-col-small-5{
      width:41.6667%
  }
  .w-col-small-6{
      width:50%
  }
  .w-col-small-7{
      width:58.3333%
  }
  .w-col-small-8{
      width:66.6667%
  }
  .w-col-small-9{
      width:75%
  }
  .w-col-small-10{
      width:83.3333%
  }
  .w-col-small-11{
      width:91.6667%
  }
  .w-col-small-12{
      width:100%
  }
}
@media screen and (max-width:479px){
  .w-container{
      max-width:none
  }
  .w-hidden-main,.w-hidden-medium,.w-hidden-small{
      display:inherit!important
  }
  .w-hidden-tiny{
      display:none!important
  }
  .w-col{
      width:100%
  }
  .w-col-tiny-1{
      width:8.33333%
  }
  .w-col-tiny-2{
      width:16.6667%
  }
  .w-col-tiny-3{
      width:25%
  }
  .w-col-tiny-4{
      width:33.3333%
  }
  .w-col-tiny-5{
      width:41.6667%
  }
  .w-col-tiny-6{
      width:50%
  }
  .w-col-tiny-7{
      width:58.3333%
  }
  .w-col-tiny-8{
      width:66.6667%
  }
  .w-col-tiny-9{
      width:75%
  }
  .w-col-tiny-10{
      width:83.3333%
  }
  .w-col-tiny-11{
      width:91.6667%
  }
  .w-col-tiny-12{
      width:100%
  }
}
.w-widget{
  position:relative
}
.w-widget-map{
  width:100%;
  height:400px
}
.w-widget-map label{
  width:auto;
  display:inline
}
.w-widget-map img{
  max-width:inherit
}
.w-widget-map .gm-style-iw{
  text-align:center
}
.w-widget-map .gm-style-iw>button{
  display:none!important
}
.w-widget-twitter{
  overflow:hidden
}
.w-widget-twitter-count-shim{
  vertical-align:top;
  width:28px;
  height:20px;
  text-align:center;
  background:#fff;
  border:1px solid #758696;
  border-radius:3px;
  display:inline-block;
  position:relative
}
.w-widget-twitter-count-shim *{
  pointer-events:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner{
  text-align:center;
  color:#999;
  font-family:serif;
  font-size:15px;
  line-height:12px;
  position:relative
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear{
  display:block;
  position:relative
}
.w-widget-twitter-count-shim.w--large{
  width:36px;
  height:28px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{
  font-size:18px;
  line-height:18px
}
.w-widget-twitter-count-shim:not(.w--vertical){
  margin-left:5px;
  margin-right:8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large{
  margin-left:6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{
  content:" ";
  height:0;
  width:0;
  pointer-events:none;
  border:solid transparent;
  position:absolute;
  top:50%;
  left:0
}
.w-widget-twitter-count-shim:not(.w--vertical):before{
  border-width:4px;
  border-color:rgba(117,134,150,0) #5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
  margin-top:-4px;
  margin-left:-9px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{
  border-width:5px;
  margin-top:-5px;
  margin-left:-10px
}
.w-widget-twitter-count-shim:not(.w--vertical):after{
  border-width:4px;
  border-color:rgba(255,255,255,0) #fff rgba(255,255,255,0) rgba(255,255,255,0);
  margin-top:-4px;
  margin-left:-8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{
  border-width:5px;
  margin-top:-5px;
  margin-left:-9px
}
.w-widget-twitter-count-shim.w--vertical{
  width:61px;
  height:33px;
  margin-bottom:8px
}
.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{
  content:" ";
  height:0;
  width:0;
  pointer-events:none;
  border:solid transparent;
  position:absolute;
  top:100%;
  left:50%
}
.w-widget-twitter-count-shim.w--vertical:before{
  border-width:5px;
  border-color:#5d6c7b rgba(117,134,150,0) rgba(117,134,150,0);
  margin-left:-5px
}
.w-widget-twitter-count-shim.w--vertical:after{
  border-width:4px;
  border-color:#fff rgba(255,255,255,0) rgba(255,255,255,0);
  margin-left:-4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{
  font-size:18px;
  line-height:22px
}
.w-widget-twitter-count-shim.w--vertical.w--large{
  width:76px
}
.w-background-video{
  height:500px;
  color:#fff;
  position:relative;
  overflow:hidden
}
.w-background-video>video{
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-100;
  background-position:50%;
  background-size:cover;
  margin:auto;
  position:absolute;
  top:-100%;
  bottom:-100%;
  left:-100%;
  right:-100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button{
  -webkit-appearance:none;
  display:none!important
}
.w-background-video--control{
  background-color:transparent;
  padding:0;
  position:absolute;
  bottom:1em;
  right:1em
}
.w-background-video--control>[hidden]{
  display:none!important
}
.w-slider{
  height:300px;
  text-align:center;
  clear:both;
  -webkit-tap-highlight-color:transparent;
  tap-highlight-color:transparent;
  background:#ddd;
  position:relative
}
.w-slider-mask{
  z-index:1;
  height:100%;
  white-space:nowrap;
  display:block;
  position:relative;
  left:0;
  right:0;
  overflow:hidden
}
.w-slide{
  vertical-align:top;
  width:100%;
  height:100%;
  white-space:normal;
  text-align:left;
  display:inline-block;
  position:relative
}
.w-slider-nav{
  z-index:2;
  height:40px;
  text-align:center;
  -webkit-tap-highlight-color:transparent;
  tap-highlight-color:transparent;
  margin:auto;
  padding-top:10px;
  position:absolute;
  top:auto;
  bottom:0;
  left:0;
  right:0
}
.w-slider-nav.w-round>div{
  border-radius:100%
}
.w-slider-nav.w-num>div{
  width:auto;
  height:auto;
  font-size:inherit;
  line-height:inherit;
  padding:.2em .5em
}
.w-slider-nav.w-shadow>div{
  box-shadow:0 0 3px rgba(51,51,51,.4)
}
.w-slider-nav-invert{
  color:#fff
}
.w-slider-nav-invert>div{
  background-color:rgba(34,34,34,.4)
}
.w-slider-nav-invert>div.w-active{
  background-color:#222
}
.w-slider-dot{
  width:1em;
  height:1em;
  cursor:pointer;
  background-color:rgba(255,255,255,.4);
  margin:0 3px .5em;
  transition:background-color .1s,color .1s;
  display:inline-block;
  position:relative
}
.w-slider-dot.w-active{
  background-color:#fff
}
.w-slider-dot:focus{
  outline:none;
  box-shadow:0 0 0 2px #fff
}
.w-slider-dot:focus.w-active{
  box-shadow:none
}
.w-slider-arrow-left,.w-slider-arrow-right{
  width:80px;
  cursor:pointer;
  color:#fff;
  -webkit-tap-highlight-color:transparent;
  tap-highlight-color:transparent;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  margin:auto;
  font-size:40px;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:hidden
}
.w-slider-arrow-left [class^=w-icon-],.w-slider-arrow-right [class^=w-icon-],.w-slider-arrow-left [class*=\ w-icon-],.w-slider-arrow-right [class*=\ w-icon-]{
  position:absolute
}
.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{
  outline:0
}
.w-slider-arrow-left{
  z-index:3;
  right:auto
}
.w-slider-arrow-right{
  z-index:4;
  left:auto
}
.w-icon-slider-left,.w-icon-slider-right{
  width:1em;
  height:1em;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.w-slider-aria-label{
  clip:rect(0 0 0 0);
  height:1px;
  width:1px;
  border:0;
  margin:-1px;
  padding:0;
  position:absolute;
  overflow:hidden
}
.w-slider-force-show{
  display:block!important
}
.w-dropdown{
  text-align:left;
  z-index:900;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;
  position:relative
}
.redes-icon-link:hover {
  scale: 1.2;
}
.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{
  vertical-align:top;
  color:#222;
  text-align:left;
  white-space:nowrap;
  margin-left:auto;
  margin-right:auto;
  padding:20px;
  text-decoration:none;
  position:relative
}
.w-dropdown-toggle{
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:pointer;
  padding-right:40px;
  display:inline-block
}
.w-dropdown-toggle:focus{
  outline:0
}
.w-icon-dropdown-toggle{
  width:1em;
  height:1em;
  margin:auto 20px auto auto;
  position:absolute;
  top:0;
  bottom:0;
  right:0
}
.w-dropdown-list{
  min-width:100%;
  background:#ddd;
  display:none;
  position:absolute
}
.w-dropdown-list.w--open{
  display:block
}
.w-dropdown-link{
  color:#222;
  padding:10px 20px;
  display:block
}
.w-dropdown-link.w--current{
  color:#0082f3
}
.w-dropdown-link:focus{
  outline:0
}
@media screen and (max-width:767px){
  .w-nav-brand{
      padding-left:10px
  }
}
.w-lightbox-backdrop{
  cursor:auto;
  letter-spacing:normal;
  text-indent:0;
  text-shadow:none;
  text-transform:none;
  visibility:visible;
  white-space:normal;
  word-break:normal;
  word-spacing:normal;
  word-wrap:normal;
  color:#fff;
  text-align:center;
  z-index:2000;
  opacity:0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -webkit-tap-highlight-color:transparent;
  background:rgba(0,0,0,.9);
  outline:0;
  font-family:Helvetica Neue,Helvetica,Ubuntu,Segoe UI,Verdana,sans-serif;
  font-size:17px;
  font-style:normal;
  font-weight:300;
  line-height:1.2;
  list-style:disc;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  -webkit-transform:translate(0)
}
.w-lightbox-backdrop,.w-lightbox-container{
  height:100%;
  -webkit-overflow-scrolling:touch;
  overflow:auto
}
.w-lightbox-content{
  height:100vh;
  position:relative;
  overflow:hidden
}
.w-lightbox-view{
  width:100vw;
  height:100vh;
  opacity:0;
  position:absolute
}
.w-lightbox-view:before{
  content:"";
  height:100vh
}
.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{
  height:86vh
}
.w-lightbox-frame,.w-lightbox-view:before{
  vertical-align:middle;
  display:inline-block
}
.w-lightbox-figure{
  margin:0;
  position:relative
}
.w-lightbox-group .w-lightbox-figure{
  cursor:pointer
}
.w-lightbox-img{
  width:auto;
  height:auto;
  max-width:none
}
.w-lightbox-image{
  float:none;
  max-width:100vw;
  max-height:100vh;
  display:block
}
.w-lightbox-group .w-lightbox-image{
  max-height:86vh
}
.w-lightbox-caption{
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
  background:rgba(0,0,0,.4);
  padding:.5em 1em;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  overflow:hidden
}
.w-lightbox-embed{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.w-lightbox-control{
  width:4em;
  cursor:pointer;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:24px;
  transition:all .3s;
  position:absolute;
  top:0
}
.w-lightbox-left{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
  display:none;
  bottom:0;
  left:0
}
.w-lightbox-right{
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
  display:none;
  bottom:0;
  right:0
}
.w-lightbox-close{
  height:2.6em;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
  background-size:18px;
  right:0
}
.w-lightbox-strip{
  white-space:nowrap;
  padding:0 1vh;
  line-height:0;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  overflow-x:auto;
  overflow-y:hidden
}
.w-lightbox-item{
  width:10vh;
  box-sizing:content-box;
  cursor:pointer;
  padding:2vh 1vh;
  display:inline-block;
  -webkit-transform:translate(0,0)
}
.w-lightbox-active{
  opacity:.3
}
.w-lightbox-thumbnail{
  height:10vh;
  background:#222;
  position:relative;
  overflow:hidden
}
.w-lightbox-thumbnail-image{
  position:absolute;
  top:0;
  left:0
}
.w-lightbox-thumbnail .w-lightbox-tall{
  width:100%;
  top:50%;
  transform:translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide{
  height:100%;
  left:50%;
  transform:translate(-50%)
}
.w-lightbox-spinner{
  box-sizing:border-box;
  width:40px;
  height:40px;
  border:5px solid rgba(0,0,0,.4);
  border-radius:50%;
  margin-top:-20px;
  margin-left:-20px;
  animation:.8s linear infinite spin;
  position:absolute;
  top:50%;
  left:50%
}
.w-lightbox-spinner:after{
  content:"";
  border:3px solid transparent;
  border-bottom-color:#fff;
  border-radius:50%;
  position:absolute;
  top:-4px;
  bottom:-4px;
  left:-4px;
  right:-4px
}
.w-lightbox-hide{
  display:none
}
.w-lightbox-noscroll{
  overflow:hidden
}
.w-lightbox-inactive,.w-lightbox-inactive:hover{
  opacity:0
}
.w-richtext:before,.w-richtext:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-richtext:after{
  clear:both
}
.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{
  white-space:initial
}
.w-richtext ol,.w-richtext ul{
  overflow:hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{
  outline:2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{
  content:"";
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.w-richtext figure{
  max-width:60%;
  position:relative
}
.w-richtext figure>div:before{
  cursor:default!important
}
.w-richtext figure img{
  width:100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder{
  opacity:.6
}
.w-richtext figure div{
  color:transparent;
  font-size:0
}
.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{
  display:table
}
.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{
  display:inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{
  caption-side:bottom;
  display:table-caption
}
.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{
  width:60%;
  height:0
}
.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{
  width:100%
}
.w-richtext figure.w-richtext-align-center{
  clear:both;
  margin-left:auto;
  margin-right:auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{
  max-width:100%
}
.w-richtext figure.w-richtext-align-normal{
  clear:both
}
.w-richtext figure.w-richtext-align-fullwidth{
  width:100%;
  max-width:100%;
  text-align:center;
  clear:both;
  margin-left:auto;
  margin-right:auto;
  display:block
}
.w-richtext figure.w-richtext-align-fullwidth>div{
  padding-bottom:inherit;
  display:inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption{
  display:block
}
.w-richtext figure.w-richtext-align-floatleft{
  float:left;
  clear:none;
  margin-right:15px
}
.w-richtext figure.w-richtext-align-floatright{
  float:right;
  clear:none;
  margin-left:15px
}
.w-nav{
  z-index:1000;
  background:#ddd;
  position:relative
}
.w-nav:before,.w-nav:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-nav:after{
  clear:both
}
.w-nav-brand{
  float:left;
  color:#333;
  text-decoration:none;
  position:relative
}
.w-nav-link{
  vertical-align:top;
  color:#222;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  padding:20px;
  text-decoration:none;
  display:inline-block;
  position:relative
}
.w-nav-link.w--current{
  color:#0082f3
}
.w-nav-menu{
  float:right;
  position:relative
}
[data-nav-menu-open]{
  text-align:center;
  min-width:200px;
  background:#c8c8c8;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  overflow:visible;
  display:block!important
}
.w--nav-link-open{
  display:block;
  position:relative
}
.w-nav-overlay{
  width:100%;
  display:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  overflow:hidden
}
.w-nav-overlay [data-nav-menu-open]{
  top:0
}
.w-nav[data-animation=over-left] .w-nav-overlay{
  width:auto
}
.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{
  z-index:1;
  top:0;
  right:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay{
  width:auto
}
.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{
  z-index:1;
  top:0;
  left:auto
}
.w-nav-button{
  float:right;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  tap-highlight-color:transparent;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  padding:18px;
  font-size:24px;
  display:none;
  position:relative
}
.w-nav-button:focus{
  outline:0
}
.w-nav-button.w--open{
  color:#fff;
  background-color:#c8c8c8
}
.w-nav[data-collapse=all] .w-nav-menu{
  display:none
}
.w-nav[data-collapse=all] .w-nav-button,.w--nav-dropdown-open,.w--nav-dropdown-toggle-open{
  display:block
}
.w--nav-dropdown-list-open{
  position:static
}
@media screen and (max-width:991px){
  .w-nav[data-collapse=medium] .w-nav-menu{
      display:none
  }
  .w-nav[data-collapse=medium] .w-nav-button{
      display:block
  }
}
@media screen and (max-width:767px){
  .w-nav[data-collapse=small] .w-nav-menu{
      display:none
  }
  .w-nav[data-collapse=small] .w-nav-button{
      display:block
  }
  .w-nav-brand{
      padding-left:10px
  }
}
@media screen and (max-width:479px){
  .w-nav[data-collapse=tiny] .w-nav-menu{
      display:none
  }
  .w-nav[data-collapse=tiny] .w-nav-button{
      display:block
  }
}
.w-tabs{
  position:relative
}
.w-tabs:before,.w-tabs:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-tabs:after{
  clear:both
}
.w-tab-menu{
  position:relative
}
.w-tab-link{
  vertical-align:top;
  text-align:left;
  cursor:pointer;
  color:#222;
  background-color:#ddd;
  padding:9px 30px;
  text-decoration:none;
  display:inline-block;
  position:relative
}
.w-tab-link.w--current{
  background-color:#c8c8c8
}
.w-tab-link:focus{
  outline:0
}
.w-tab-content{
  display:block;
  position:relative;
  overflow:hidden
}
.w-tab-pane{
  display:none;
  position:relative
}
.w--tab-active{
  display:block
}
@media screen and (max-width:479px){
  .w-tab-link{
      display:block
  }
}
.w-ix-emptyfix:after{
  content:""
}
@keyframes spin{
  0%{
      transform:rotate(0)
  }
  to{
      transform:rotate(360deg)
  }
}
.w-dyn-empty{
  background-color:#ddd;
  padding:10px
}
.w-dyn-hide,.w-dyn-bind-empty,.w-condition-invisible{
  display:none!important
}
.w-layout-grid{
  grid-row-gap:16px;
  grid-column-gap:16px;
  grid-template-rows:auto auto;
  grid-template-columns:1fr 1fr;
  grid-auto-columns:1fr;
  display:grid
}

.grid{
  grid-template-columns: 45% 55%;
  display:grid;
}
body{
  color:#fff;
  background-color:#0C0C0C;
  font-family:Chakra Petch Regular,sans-serif;
  font-size:14px;
  line-height:20px
}
h1{
  margin-top:0;
  margin-bottom:0;
  font-size:3.2rem;
  font-weight:400;
  line-height:1
}
h2{
  margin-top:0;
  margin-bottom:0;
  font-size:2.4rem;
  font-weight:400;
  line-height:1
}
p{
  font-family: 'Poppins';
  color:rgba(235, 235, 235, 0.65);
  margin-bottom:0;
  font-size: 19px;
  line-height:1.3
}
.grid-parent{
  z-index:1;
  width:100%;
  height:100%;
  display:flex;
  position:relative;
  overflow:hidden;
  justify-content: center;
  align-items: center;
}


.grid-parent3{
  z-index:1;
  width:100%;
  height:100%;
  display:grid;
  position:relative;
  overflow:hidden;
  grid-template-columns: 60% 90%;
  align-items: center;
}


.grid-parent-2{
  z-index:1;
  width:100%;
  height:100%;
  display:flex;
  position:relative;
  overflow:hidden;
  justify-content: center;
  align-items: center;
}

.grid-parent.top{
  z-index:1;
  width:96%;
  height:100vh;
  top:0
}
.grid-parent.height{
  height:200vh
}
.elements-parent{
  width:100%;
  height:100vh;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex;
  position:relative;
}
.elements-parent.size{
  height:100vh;
}
.elements-parent.size-m{
  overflow:hidden;
}
.row{
  flex:1;
  position:relative;
}
.row.flex{
  justify-content:flex-start;
  display:flex;
}
.row.flex-centre{
  justify-content:center;
  align-items:center;
  display:flex;
}
.row.flex-right{
  justify-content:flex-end;
  align-items:flex-end;
  display:flex;
}
.border-line-right{
  z-index:2;
  width:1px;
  height:100%;
  background-color:rgba(255,255,255,.1);
  position:absolute;
  top:0%;
  bottom:auto;
  left:auto;
  right:0%;
  overflow:hidden;
}
.border-line-right.strong{
  background-color:rgba(255,255,255,.15);
}
.border-line-right.hide{
  display:none;
}

.class-mostgames{
  display: flex;
  flex-direction: column;
  justify-content: center; 
  width: 520px ;
}

.nav{
  z-index:1009;
  width:100%;
  height:5rem;
  opacity:0;
  justify-content:center;
  display:flex;
  position:fixed;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto;
}

.w-100{
  width: 450px  ;

}

.gradiente-circular-store2{
    border-radius: 1186px;
    position: absolute;
    width: 100%;
    height: 200px;
    z-index: 1001;
    left: 0%;
    bottom: 0%;

    opacity: 0.2;
    background: rgba(137, 95, 227, 0.58);
    filter: blur(200px);
}

.gradiente-circular-store22{
  border-radius: 1186px;
  position: absolute;
  width: 100%;
  height: 300px;
  z-index: 1001;
  left: -20%;
  top: 30%;

  opacity: 0.2;
  background: rgba(137, 95, 227, 0.58);
  filter: blur(200px);
}

.gradiente-circular-store23{
  border-radius: 1186px;
  position: absolute;
  width: 100%;
  height: 100px;
  z-index: 1001;
  right: 0%;
  bottom: -25%;

  border-radius: 859px;
  opacity: 0.2;
  background:  linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%);
  filter: blur(200px);
}



.gradiente-circular-store1{

  position: absolute;
  width: 100%;
  height: 600px;
  z-index: 1008;
  right: 0%;
  bottom: 0%;

  border-radius: 859px;
  opacity: 0.2;
  background: linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%);
  filter: blur(200px);
}

.paintball-img{
  width: 450px ;
  height: auto;
}

.container-lg{
  width:96%;
  z-index: 1003;
  margin-left:auto;
  margin-right:auto;
  position:relative
}
.container-lg.nav-parent{
  display:flex;

  align-items: center;
  justify-content: space-between;
}

.container-md.nav-parent{
  display:flex;

  align-items: center;
  justify-content: space-between;
}

.nav-col{
  display:flex;
  position:relative;
  gap: 30px
}
.nav-col.middle{
  align-items:center;
  overflow:hidden
}
.frost{
  z-index:1;
  width:100%;
  height:100%;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  background-color:rgba(255,255,255,.1)
}
.ab-bl{
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:auto
}
.ab-bl.bottom{
  width:100%;
  height:6rem;
  justify-content:space-between;
  align-items:center;
  padding-left:2rem;
  padding-right:2rem;
  display:flex
}
.logo{
  z-index:2;

}
.circle-parent{
  width:100%;
  height:100%;
  justify-content:center;
  align-items:center;
  display:flex;
}
.circle-parent.pull{
  top:-100vh
}
.circle-large{
  width:100%;
  height:100%;
  opacity:.15;
  position:absolute
}
.circle-medium{
  width:50%;
  height:100%;
  opacity:.15;
  position:absolute
}
.hero{
  width:100%;
  height:100vh;
  justify-content:center;
  align-items:center;
  display:flex;
  position:relative;
  overflow:hidden
}
.img-parent{
  width:100%;

  height:100%;
  position:relative
}
.img-parent.divisions{
  height:32rem;
  position:relative;
  overflow:hidden
}
.img-parent.timeline{
  height:22rem
}
.img-child{
  width:100%;
  height:100%
}
.img-child.hive-back{
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a74630aa4f1_Hive%20-%20Background.jpg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover
}
.img-child.img-eight{
  mix-blend-mode:lighten;
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a3a1d0aa4e7_fates.png);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:25rem
}
.img-child.img-lazy{
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a640d0aa502_lazy-image.jpg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  justify-content:center;
  align-items:center;
  display:flex
}
.nav-button{
  color:#fff;
  background-color:transparent;
  justify-content:center;
  align-items:center;
  font-size:.9rem;
  text-decoration:none;
  display:flex;
  position:relative
}
.nav-buttonbg1 {
  background-image: url("../img/buttonav1.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 30px;
}
.nav-buttonbg2 {
  background-image: url("../img/buttonav2.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 30px;
}

.nav-buttonbg4 {
  background-image: url("../img/Rectangle\ 16.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 70px 30px ;
}

.lines{
  width: 100%;
  height: 100%;
  background-size: cover;
  display: flex;
  background-repeat: no-repeat;
  background-image: url('../img/line\ shapes\ scroll\ ui.png');
  background-position:top center;
  justify-content: center;
  z-index: 1004;
  position: absolute;
}
.container-lines-shapes-scroll {
  display: flex;
  justify-content: center;
  z-index: 1004;
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}
.container-cards-JQK {
  display: flex;
  justify-content: center; 
  align-items: center;
  z-index: 1008;
  position: relative;
}
.container-cards-JQK > img {
  position: absolute;
  width: 255px;
  height: 425px;
}

.nav-buttonbg3 {
  background-image: url("../img/buttonav1.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding: 15px;
}

.pt-32{
  margin-top: 1.2rem;
}

.nav-button.size{
  width:33.3333%;
  flex:0 auto;
  transition:background-color .2s
}
.nav-button.size:hover{
  background-color:rgba(255,255,255,.1)
}
.nav-button.size.hide{
  display:none
}
.nav-button.bg{
  width:33.3333%;
  flex:0 auto
}
.border-line-top{
  z-index:2;
  width:100%;
  height:1px;
  background-color:rgba(255,255,255,.1);
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.border-line-btm-right{
  z-index:2;
  width:100%;
  height:1px;
  background-color:rgba(255,255,255,.06);
  position:absolute;
  top:auto;
  bottom:0%;
  left:auto;
  right:0%
}
.border-line-btm-right.strong{
  background-color:rgba(255,255,255,.15)
}
.pulse-line-one{
  width:1px;
  height:20px;
  background-color:#fff;
  position:relative
}
.lines{
  width:100%
}
.lines.ab-bl.height{
  z-index:1;
  height:2.2rem;
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7ad8b30aa4c9_lines.svg);
  background-position:50%;
  background-size:18rem
}
.hero-logo-he{
  z-index:10;
  position:absolute;
  width: 90%;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 8px 20px rgba(0, 0, 0, 0.25);
  font-family: Azonix;
  font-size: 83px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
#show-1,#show-2,#show-3,
#show-4,#show-5,#show-6,
#show-7,#show-8,#show-9,
#show-10,#show-11,#show-12,
#show-13,#show-14,#show-15,
#show-16,#show-17,#show-18,
#show-19,#show-20,#show-21,
#show-22,#show-23,#show-24,
#show-25,#show-26,#show-27,
#show-28,#show-29,#show-30,
#show-31 {
  opacity: 0;
}

#ocult-1,#ocult-2,#ocult-3,
#ocult-4,#ocult-5,#ocult-6,
#ocult-7,#ocult-8,#ocult-9,
#ocult-10,#ocult-11,#ocult-12,
#ocult-13,#ocult-14,#ocult-15,
#ocult-16,#ocult-17,#ocult-18,
#ocult-19,#ocult-20,#ocult-21,
#ocult-22,#ocult-23,#ocult-24,
#ocult-25,#ocult-26,#ocult-27,
#ocult-28 {
  opacity: 0;
}

.scroll-down {
  z-index: 10;
  position: absolute;
  bottom: 1em;

  display: flex;
  flex-direction: column;
  /* align-content: center; */
  justify-content: center;
  align-items: center;
}
.des-scroll-down {
  color: rgba(255, 255, 255, 0.80);
  text-align: center;
  font-family: Azonix;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 15px */
  text-transform: uppercase;
  height: 15px;
  overflow-y: hidden;
}

.des-scroll-down > span {
  letter-spacing: -0.3em;
}

.xsm-text{
  font-size:10px;
  line-height:1;
  position:absolute;
  top:auto;
  bottom:.5rem;
  left:.5rem;
  right:auto
}
.xsm-text.fade.hide{
  display:none
}
.fade{
  opacity:.5
}
.bg-whipe{
  width:100%;
  height:100%;
  mix-blend-mode:difference;
  background-color:#fff;
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:auto
}
.bg-whipe.blend{
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  background-color:rgba(255,255,255,.05)
}
.bg-whipe.fade-over{
  z-index:10;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  mix-blend-mode:normal;
  background-color:rgba(26,26,26,.7);
  display:none
}
.button-txt{
  font-family: Poppins;
  position:relative
}
.button-txt-ap{
  position:absolute;
  top:0%;
  bottom:auto;
  font-family: Poppins;
  left:0%;
  right:auto
}



.font-dif{
  font-family: Azonix !important;
}


.div-hide{
  justify-content:center;
  align-items:center;
  position:relative;
  overflow:hidden
}
.div-hide.intro.hide{
  display:none
}
.div-hide.ab-tl{
  display:flex;
  position:absolute;
  top:2rem;
  bottom:auto;
  left:2rem;
  right:auto
}
.div-hide.ab-left{
  z-index:2;
  position:absolute;
  left:0
}
.div-hide.ab-right{
  z-index:2;
  position:absolute;
  right:0
}
.div-hide.ab-btm{
  position:absolute;
  bottom:4rem
}
.div-hide.ab-tl-copy{
  display:flex;
  position:absolute;
  top:2rem;
  bottom:auto;
  left:2rem;
  right:auto
}
.div-hide.bl{
  z-index:10;
  color:#fff;
  position:absolute;
  top:auto;
  bottom:1.9rem;
  left:2rem;
  right:auto
}
.progress{
  z-index:2;
  width:100%;
  height:100%;
  background-color:rgba(255,255,255,.05);
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.logo-pop-out{
  z-index:2;
  justify-content:center;
  align-items:center;
  margin-left:5.6rem;
  display:flex;
  position:absolute
}
.logo-small{
  width:8rem;
  height:.8rem
}
.video-html5{
  z-index:0;
  width:100vw;
  height:100%;
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.number-side{
  z-index:1;
  font-family:Chakra Petch Regular,sans-serif;
  font-size:1.8rem;
  line-height:1;
  position:absolute;
  top:auto;
  bottom:3.8rem;
  left:auto;
  right:0%;
  overflow:hidden;
  transform:rotate(-90deg)
}
.span-text{
  display:inline-block
}
.span-text.one.push{
  margin-right:5px
}
.head-section{
  flex-direction:column;
  justify-content:center;
  display:flex;
  position:relative;


}

.head-section.height{
  height:28rem;
  padding-top:1rem
}
.head-section.full{
  height:100vh;

}
.head-section.height-lg{
  height:37rem
}

.gradient-back{
  position: absolute;
  top: -60%;
  object-fit: cover;
z-index: 999;
  width: 1150px;
  height: 1150px;

  left: -71%;
}

.gradient-back2{
  position: absolute;
  top: -65%;
  display: none;
  object-fit: cover;
z-index: 999;
  width: 1750px;
  height: 1250px;
  -webkit-box-shadow: 10px 10px 42px -10px rgba(12,12,12,0.75);
  -moz-box-shadow: 10px 10px 42px -10px rgba(12,12,12,0.75);
  box-shadow: 10px 10px 42px -10px rgba(12,12,12,0.75);
  right:  -40%;
}

.gradient-back3{
  position: absolute;
  top: -40%;
  object-fit: cover;
z-index: 999;
  width: 1750px;
  height: 1750px;

  right:  -10%;
}

html{
  overflow-x: hidden;
}

.gradients-store{
  background-image: url('../img/Ellipse\ 21.svg');
  width: 100%;
  background-repeat: no-repeat;
  height: 100%;
  bottom: -20%;
  background-position: bottom;
  position: absolute;
}

.spacer-large{
  width:100%;

  height:4rem;

  border:none;
  z-index: 1001;


}
.text-width-one{
  z-index:2;
  position:relative
}
.text-width-one.sm{
  display:block
}
.grad-btm{
  z-index:3;
  width:100%;
  height:50%;
  background-image:linear-gradient(rgba(24,24,24,0),#1a1a1a);
  justify-content:center;
  align-items:flex-end;
  display:flex;
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:0%
}
.grad-btm.top{
  z-index:2;
  width:45%;
  height:30%;
  margin-left:auto;
  margin-right:auto
}
.spacer-small{
  width:100%;
  height:1rem
}
.no-gap {
  gap: 0 !important;
}
.caps {
  color: rgba(255, 255, 255, 0.80);
  font-family: Azonix;
  font-size: 26px;

  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 26px */
  text-transform: uppercase;
  opacity: 1 !important;
}
.visitOur span {
  color: #fff !important;
}

.flex-start{
  display: flex;
  justify-content:  center !important;
}

.px-left{
  padding-left: 4rem;
}
.text-sm{
  font-size:1rem
}
.text-sm.caps.fade.hide{
  display:none
}
.align-centre{
  text-align:center
}
.section{
  position:relative;
  overflow:hidden
}
.section.hide{
  display:none
}
.side-half{
  z-index:10;
  width:5rem;
  height:12rem;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  display:none;
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:auto;
  overflow:hidden
}
.side-half.top{
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}

.text-adven{
  color: #EBEBEB;
  text-align: justify;
  font-family: 'Poppins';
  font-size: clamp(12px,.9vw,16px);
  font-style: normal;
  font-weight: 400;
  line-height: 24px
}
.content-adventurer-are {
  margin-top: -8%; 
  z-index: 1004; 
  overflow: visible;
}
.areUready {
  font-size: clamp(1.1rem,1.25vw,1.375rem);
}
.arrow-absoulutes-left {
  position: absolute;
    left: -4%;
    top: -6%;
}

.arrow-absoulutes-right {
  position: absolute;
  bottom: -6%;
}

.side-half.one{
  bottom:-10%
}

.text-width-two{
  background: url('../img/Rectangle\ 34.svg');
  margin-right: 4rem;
  width: fit-content;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-content: center; */
  padding: clamp(2.5rem,3.5vw,4.5rem) clamp(1.5em,2.5vw,3.5rem);
  z-index:1;
  position:relative;
}

.slider-in{
  width: 100%;
  padding: 1rem 0rem;
  margin-left: 8rem;
}

.border-line-bottom{
  width:100%;
  height:1px;
  background-color:rgba(255,255,255,.1);
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:auto
}
.lines-large{
  width:98%
}
.lines-large.pull{
  width:100%;
  margin-left:-50%
}
.parent{
  position:relative
}
.parent.button-gird{
  height:4.8rem;
  cursor:crosshair;
  justify-content:center;
  align-items:center;
  display:flex
}
.parent.division{
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-end;
  padding-top:3rem;
  padding-left:3rem;
  padding-right:0;
  display:flex
}

.line-y{
position: absolute;
top: -9%;
z-index: -999;
left: 55%;

}

.line-y3{
  position: absolute;
  top: 1%;
  z-index: -999;
  left: 55%;
}

.my-3{
  margin-top: 5rem;
}

.fs1{
  font-size: 40px ;
}


.fs{
  font-size: 80px ;
}

.img-visions{
  width: 650px;
  height: auto;
}

.padding-moon{
  padding-bottom: 3rem; 
  padding-left: 3rem;
}

.line-y2{
  position: absolute;
  top: -32%;
  z-index: -999;
  left: 50%;
}

.abs-vertical{
  display: flex;
  position: absolute;
  right: 0%;
  z-index: 1006;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.z-ind{
  z-index: 1005;
  display: flex;
  justify-content: center;
  position: relative;
}



.parent.card{
z-index: 1007;
 background-image: url('../img/Rectangle\ 34.png');
 background-repeat: no-repeat;
 background-size: 100% 100%;
  
  justify-content:center;
  width: fit-content;
  height: fit-content;
  margin-bottom: 0rem;
  display:flex;
position: relative;
  padding: 65px;
  flex-direction: column;
}

.newBox-1 {
  background-image: url('../img/boxColor-1.png') !important;
}
.newBox-2 {
  background-image: url('../img/boxColor-2.png') !important;
}
.newBox-3 {
  background-image: url('../img/boxColor-3.png') !important;
}

.absolute-image-vision{
  left: 0%;
  position: absolute;
  top: -30%;
  z-index: 1002;

}

.render-float{
  position: absolute;
  top: 10%;
  left: 14%;
}

.render-float1{
  position: absolute;
  bottom: 8%;
  left: 28%;
}

.render-float2{
  position: absolute;
  bottom: 8%;
  left: 10%;
}

.px-2{
  padding: 0% 4%;
}

.render-float3{
  position: absolute;
  top: 2%;
  right: 35%;
  z-index: 1002;
}


.absolute-image-vision2{
  left: -20%;
  position: absolute;
  top: -40%;
  z-index: 1001;

}

.absolute-image-vision3{
  left: 20%;
  position: absolute;
  top: 0%;
  z-index: 1003;
  height: auto;
}

.parent.card4{
  z-index: 1007;
   background-image: url('../img/Group\ 153.png');
   background-repeat: no-repeat;
   background-size: 100% 100%;
    justify-content:center;
    width: fit-content;
    height: fit-content;
    margin-left: 10%;
    display:flex;
    position: relative;
    padding: 75px;
    flex-direction: column;
  }
  



.parent.story{
  z-index:2;
  width:38em;
  justify-content:center;
  align-items:center;
  display:flex
}
.parent.story.top{
  z-index:10
}
.parent.ab{
  z-index:1;
  position:absolute
}
.qlqwa {
  background-image: url("../img/banner.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
  width: 100%;
  height: 60vh;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.epale {
  background-image: url("../img/bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.overlay-front {
  z-index: 99999999999;
}
.marico {
  display: flex;
  align-items: center;
    justify-content: center;
    position: relative;
  gap: 25px;
  z-index: 1004;
}
.super-text{
  text-transform:uppercase;
  font-size:7.5rem;
  line-height:1.2;
  position:relative
}
.super-text.no-wrap{
  white-space:nowrap
}
.super-text.no-wrap.push{
  margin-left:130px
}
._2-col-grid{
  grid-column-gap:0px;
  grid-row-gap:0px;
  grid-template-rows:auto
}
._2-col-grid.frontier{
  grid-column-gap:0px;
  grid-row-gap:0px
}
._2-col-grid.frontier2{
  grid-column-gap:0px;
  grid-row-gap:0px;
}
.img-wrap{
  width:500%;
  height:100%;
  display:flex;
  position:absolute
}
.img-wrap.top{
  z-index:1
}
.button-grid{
  grid-column-gap:0px;
  grid-row-gap:0px;
  grid-template-rows:auto auto auto
}
.divisions-icon{
  width:4rem;
  height:4rem
}
.sans{
  letter-spacing:-.5px;
  text-transform:none;
  padding-right:80px;
  font-family:Chakra Petch Regular,sans-serif;
  font-size:3.6rem;
  font-weight:400
}
.bg-dark{
  background-color:#0e0e0e;
  overflow:hidden
}
.grad-top{
  z-index:1;
  width:100%;
  height:50%;
  background-image:linear-gradient(#0e0e0e,rgba(24,24,24,0));
  justify-content:center;
  display:flex;
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:0%
}
.border-line-mid{
  width:1px;
  height:60%;
  background-color:rgba(255,255,255,.1);
  position:absolute;
  top:0%;
  bottom:auto;
  left:auto;
  right:auto;
  overflow:hidden
}
.img-ap-left{
  z-index:10;
  width:8rem;
  position:absolute;
  top:0%;
  bottom:auto;
  left:-2rem;
  right:auto
}
.super-number{
  font-size:12rem;
  line-height:1
}
.icon-sm{
  width:2rem
}
.text-width-three{
  z-index:1;
  width:22.1rem;
  position:relative
}
.heading-lg{
  color: #FFF;
  font-family: Azonix;
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.heading-medium2 {
  color: #FFF;
  font-family: Azonix;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.heading-medium {
  color: #FFFFFF;
  font-family: Azonix;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.heading-small {
  color: #FFF;
  font-family: Azonix;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.section-scroll{
  width:100%;
  height:400vh
}
.section-scroll.lg{
  height:600vh
}
.section-sticky{
  width:100%;
  height:100vh;
  justify-content:center;
  display:flex;
  position:-webkit-sticky;
  position:sticky;
  top:0;
  overflow:hidden
}
.pulse-line-two,.pulse-line-three{
  width:1px;
  height:20px;
  background-color:#fff;
  position:relative
}
.progress-line{
  width:1px;
  height:100%;
  background-color:rgba(255,255,255,.4);
  position:absolute;
  top:0
}
.dot{
  height:300vh;
  grid-template-rows:auto auto auto auto auto auto;
  grid-template-columns:1fr;
  position:absolute
}
.dot-parent{
  z-index:10;
  width:100%;
  height:100%;
  justify-content:center;
  align-items:flex-start;
  padding-top:25%;
  display:flex;
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.dot-shape{
  z-index:2;
  width:.7rem;
  height:.7rem;
  background-color:#fff;
  border-radius:100px;
  position:relative
}
.dot-img-parent{
  z-index:1;
  width:4rem;
  height:4rem;
  cursor:pointer;
  border-radius:100%;
  justify-content:center;
  align-items:center;
  display:flex;
  position:absolute;
  overflow:hidden
}
.dot-img{
  width:50vw;
  height:30rem;
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a780e0aa4d1_Hero-Image%20\(1\).jpg);
  background-position:50%;
  background-size:cover;
  background-attachment:fixed;
  position:absolute
}
.dot-img.lazy{
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a640d0aa502_lazy-image.jpg)
}
.dot-img-p{
  width:50vw;
  height:30rem;
  cursor:none;
  position:absolute
}
.intro-loader{
  z-index:9999;
  width:100%;
  height:100vh;
  justify-content:center;
  align-items:center;
  display:none;
  position:fixed;
  overflow:hidden
}
.button-ghost{
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  cursor:pointer;
  background-color:rgba(255,255,255,.1);
  justify-content:center;
  align-items:center;
  padding:1.2rem 2.5rem;
  display:flex
}
.modelVision img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modelVision2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.button-ghost.ab{
  z-index:2;
  position:absolute
}
.button-ghost.ab.purple{
  color:#fff;
  text-decoration:none
}
.footer::before{
  background-color: linear-gradient(180deg, rgba(2,0,4,0) 1%, rgba(0,0,12,1) 99%);
}
.footer{
  width:100%;
  height: 60vh;
  background-image: url("../img/footer.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;

  display: flex;
  align-items: center;
}
.logo-footer{
  width:16rem;
  margin-top:7rem;
  margin-bottom:8rem
}
.footer-links{
  display: flex;
  align-items: center;
  gap: 5%;
}
.footer-nojoda {
  display: flex;
}
.border-line-left{
  z-index:2;
  width:1px;
  height:100%;
  background-color:rgba(255,255,255,.04);
  position:absolute;
  top:0%;
  bottom:auto;
  left:auto;
  right:0%;
  overflow:hidden
}
.border-line-left.hide,.show-mobile{
  display:none
}
.spacer-medium{
  width:100%;
  height:4rem
}
.inline{
  display:inline-block
}

.gradiente-circular-weare{
  border-radius: 1186px;
  position: absolute;
  width: 100%;
  height: 600px;
  z-index: 1004;
  right: 0%;
  bottom: 0%;
  background: linear-gradient(223deg, rgba(117, 130, 252, 0.10) 29.81%, rgba(255, 0, 229, 0.10) 76.75%);
  filter: blur(75px);
}



.gradiente-circular-vision{
  position: absolute;
  width: 100%;
  height: 300px;
  z-index: 1002;
  right: 10%;
  bottom: 0%;
  border-radius: 488px;
  background:  linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%);
  filter: blur(300px);
}

.gradiente-circular-vision2{
  position: absolute;
  width: 572px;
  height: 572px;
  z-index: 1002;
  right: 0%;
  bottom: 0%;
  border-radius: 572px;
  background: #cb19ab;
  filter: blur(300px);
}

.gradiente-circular-visit2{
  position: absolute;
  width: 100%;
  height: 270px;
  z-index: 1006;
  right: -10%;
  bottom: -5%;
  border-radius: 572px;
  background: #981580ed;
  filter: blur(300px);
}

.gradiente-circular-visit1{
  position: absolute;
  width: 70%;
  height: 200px;
  z-index: 1001;
  right: 0%;
  bottom: 30%;
  border-radius: 488px;
  background:linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%);
  filter: blur(300px);
}

.gradiente-circular-visit{
  position: absolute;
  width: 70%;
  height: 500px;
  z-index: 1001;
  left: 0%;
  top: -20%;
  border-radius: 752px;
  background: linear-gradient(319deg, rgba(137, 95, 227, 0.35) 39.48%, rgba(117, 232, 252, 0.35) 74.68%);
  filter: blur(300px);
}

.gradiente-circular-space{
  position: absolute;
  width: 100%;
  height: 400px;
  z-index: 1002;
  left: 0%;
  bottom: 0%;
  border-radius: 572px;
  background: rgba(137, 95, 227, 0.48);
  filter: blur(300px);
}

.gradiente-circular-space1{
  position: absolute;
  width: 70%;
  height: 300px;
  z-index: 1002;
  right: -20%;
  top: 0%;
  border-radius: 488px;
  background: var(--gradient4, linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%));
  filter: blur(300px);
}


.gradiente-circular-slider{
  position: absolute;
  width: 100%;
  height: 300px;
  z-index: 1002;
  right: 0%;
  bottom: 0%;
  border-radius: 886px;
  background: rgba(99, 56, 188, 0.35);
  filter: blur(300px);
}

.btn-parent{
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding:2.1rem 2.1rem 2rem 1.4rem;
  text-decoration:none;
  display:flex;
  align-items: center;
  position:relative;
  overflow:hidden;

  color: #FFF;
  text-align: center;
  font-family: Azonix;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  height: 50px;
  width: 100%;
  justify-content: center;
}
.btn-parent.bg1 {
  background-image: url("../img/button.svg");
}
.btn-parent.bg2 {
  background-image: url("../img/button2.png");
}
.btn-parent.bg3 {
  background-image: url("../img/button3.png");
}
.btn-icon{
  width:1.5rem;
  height: auto;
  margin-right:1rem;
}

.heading-xl{
  font-size: 50px ;
  font-family: Azonix;
}

.btn-icon2{
  width:6.5rem;
  height: auto;
  margin-right:0rem;
}

.slider-responsive{
  display: flex;
  justify-content: space-between;

}

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

.px-5{
  padding: 0rem 1rem !important;
  gap:0 !important;
}
.text-width-four{
  z-index:1;
  width:41rem;
  position:relative
}
.slide-text{
  z-index:10;
  width:100%;
  height:20px;
  padding-left:2rem;
  position:absolute;
  top:auto;
  bottom:2rem;
  left:auto;
  right:auto;
  overflow:hidden
}
.slide-text-wrap{
  width:100%
}
.ast{
  display:none;
  position:absolute
}
.html-embed-2{
  width:0;
  height:0;
  overflow:hidden
}
.sound{
  z-index:10;
  width:2rem;
  height:2rem;
  color:#a1705b;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.2);
  border-radius:100%;
  justify-content:center;
  align-items:center;
  padding:2px 2px 2px 3px;
  transition:background-color .2s;
  display:none;
  position:absolute;
  right:1rem
}
.sound:hover{
  background-color:rgba(255,255,255,.1)
}
.sound-icon{
  width:.9em
}
.pulse-ring{
  width:10rem;
  height:10rem;
  border:1px solid rgba(255,255,255,.1);
  border-radius:100%;
  position:absolute
}
.scroll-marker{
  position:absolute;
  top:auto;
  bottom:7.8rem;
  left:0%;
  right:0%
}
.panel-side{
  z-index:999;
  width:50%;
  height:86%;
  display:none;
  position:fixed;
  top:auto;
  bottom:0%;
  left:auto;
  right:0%
}
.module{
  width:100%;
  height:100%;
  align-items:flex-start;
  display:flex;
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.shape-bg{
  width:100%
}
.shape-btm{
  width:100%;
  height:40%;
  background-color:#fff;
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:0%
}
.panel-content{
  width:100%;
  height:100%;
  padding-left:5rem;
  padding-right:5rem;
  display:block
}
.panel-content-inner{
  z-index:1;
  width:100%;
  height:100%;
  padding-bottom:60px;
  padding-right:10px;
  position:relative;
  overflow:auto
}
.text-black{
  color:#000
}
.text-black.caps.heading-lg.size{
  width:23.6rem
}
.text-black.caps.heading-lg.size-one{
  width:24rem
}
.block-left{
  width:80%;
  float:right
}
.p-lg{
  color:#1a1a1a;
  font-size:1.6rem
}
.close-parent{
  z-index:10;
  width:3rem;
  height:3rem;
  cursor:pointer;
  background-color:#fff;
  border:1px solid rgba(0,0,0,.2);
  border-radius:100%;
  justify-content:center;
  align-items:center;
  transition:border-color .4s;
  display:flex;
  position:absolute;
  top:2rem;
  bottom:auto;
  left:auto;
  right:2rem
}
.close-parent.close:hover{
  border-color:rgba(0,0,0,.8)
}
.bg-whipe-white-side{
  width:100%;
  height:100%;
  background-color:#fff;
  position:absolute;
  top:auto;
  bottom:0%;
  left:auto;
  right:0%
}
.pod-parent{
  width:100%;
  height:100%;
  justify-content:center;
  align-items:flex-end;
  display:flex;
  position:absolute
}
.pod-off{
  width:100%;
  height:100%;
  position:absolute
}
.pod-off.img-lazy{
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a640d0aa502_lazy-image.jpg);
  background-position:50% 100%;
  background-repeat:no-repeat;
  background-size:contain
}
.pod-on{
  z-index:1;
  width:100%;
  height:100%;
  position:absolute
}
.pod-on.img-lazy{
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a640d0aa502_lazy-image.jpg);
  background-position:50% 100%;
  background-repeat:no-repeat;
  background-size:contain
}
.html-embed-3{
  width:100%
}
.text-size{
  width:420px;
  color:#676767;
  margin-left:auto;
  margin-right:auto
}

.skills-hearts{
  margin-right: -1rem;
}


.container-sm{
  width:60%;
  margin-left:auto;
  margin-right:auto;
  position:relative
}
.container-md{
  width:77%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index: 1008;
}
.faq_toggle{
  height:80px;
  color:#fff;
  cursor:pointer;
  background-color:transparent;
  justify-content:space-between;
  align-items:center;
  padding-left:1.4rem;
  padding-right:1.4rem;
  text-decoration:none;
  transition:background-color .2s;
  display:flex
}
.faq_item{
  width:100%;
  position:relative;
  overflow:hidden
}
.faq_icon{
  width:12px
}
.heading-s{
  text-transform:uppercase;
  font-size:1.4rem;
  line-height:1
}
.faq_content{
  padding:1rem 1.8rem 1.8rem;
  position:relative;
  overflow:hidden
}
.p-sm{
  font-size:1.2rem;
  font-weight:400;
  line-height:1.3
}
.breaker-parent{
  width:60px;
  justify-content:center;
  align-items:center;
  margin-left:auto;
  margin-right:auto;
  display:flex;
  position:relative
}
.breaker-parent.btm{
  width:100%;
  position:absolute;
  top:auto;
  bottom:0%;
  left:0%;
  right:auto
}
.highlight{
  color:#fff;
  text-decoration:none
}
.highlight:hover{
  text-decoration:underline
}
.blend{
  mix-blend-mode:difference
}
.text-width-about{
  z-index:2;
  width:42.4rem;
  text-align:center;
  position:absolute
}
.text-width-five{
  z-index:2;
  width:38rem;
  position:relative
}
.s-card-parent-one{
  z-index:6;
  height:100%;
  position:absolute;
  right:0
}
.s-card-parent-two{
  z-index:5;
  height:100%;
  position:absolute
}
.s-card-parent-three{
  z-index:4;
  height:100%;
  position:absolute
}
.s-card-parent-four{
  z-index:3;
  height:100%;
  position:absolute
}
.s-card-parent-five{
  z-index:2;
  height:100%;
  display:block;
  position:absolute
}
.fade-text{
  color:rgba(255,255,255,.5)
}
.text-width-braver{
  z-index:1;
  width:29rem;
  position:relative
}
.f-link{
  color: rgba(255, 255, 255, 0.35)  !important;
  font-family: Poppins;
  font-size: clamp(.9rem,.95vw,1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  text-decoration:none;
  transition:color .5s;
  text-wrap: nowrap;
  padding: 10px 10px 10px 5px;
}
.f-link:hover{
  color:#fff
}
.img-footer {
  width: clamp(11rem,13vw,13.375rem);
  height: clamp(8.5rem,10vw,10.9375rem);
}
.footer-first-column {
  margin-top: clamp(1rem,1.5vw,2rem);
}
.footer-parent{
  display:flex;
  width: 100%;
  gap: 25px;
  justify-content: space-between;
  padding-top: 13%;
}
.footer-column {
  display: flex;
  flex-direction: column;
}
.footer-column p {
  color: rgba(255, 255, 255, 0.60);
  font-family: Azonix;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.absolute-image{
 margin-left: -13rem;
  justify-content: start ;
}

.utility-page-wrap{
  width:100vw;
  height:100vh;
  max-height:100%;
  max-width:100%;
  justify-content:center;
  align-items:center;
  display:flex
}
.utility-page-content{
  width:260px;
  text-align:center;
  flex-direction:column;
  display:flex
}
.slider-pod{
  width:100%;
  height:100%;
  color:transparent;
  background-color:transparent;
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.left-arrow,.right-arrow{
  display:none
}
.slide-nav{
  height:2.8rem;
  padding-top:0;
  padding-right:2rem;
  font-size:8px;
  top:auto;
  bottom:0%;
  left:auto;
  right:0%
}
.img-cover{
  width:100%;
  height:100%;
  position:absolute
}
.img-cover.img-lazy{
  background-image:url(https://assets-global.website-files.com/631f46d6d0cf7a86de0aa4c3/631f46d6d0cf7a640d0aa502_lazy-image.jpg);
  background-position:50% 100%;
  background-repeat:no-repeat;
  background-size:contain
}
.size-two{
  flex:1;
  display:flex
}
.cover-slider{
  z-index:6;
  width:100%;
  height:86%;
  position:absolute;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.text-white{
  color:#676767
}
@media screen and (max-width:991px){
  .grid-parent.height{
      height:100%
  }
  .bg-whipe.fade-over{
      display:none
  }
  .head-section.height-lg{
      height:39rem
  }
  .text-width-two{
      width:26rem
  }
  .text-width-two.large{
      width:28rem
  }
  .parent.division{
      padding-left:0
  }
  .parent.story{
      width:43em
  }
  ._2-col-grid{
      grid-column-gap:0px;
      grid-row-gap:30px
  }
  .sans{
      padding-right:300px
  }
  .super-number{
      font-size:9rem
  }
  .section-scroll.lg{
      height:auto
  }
  .section-sticky{
      height:200vh
  }
  .dot{
      height:100%;
      position:relative
  }
  .sound{
      width:30px;
      height:30px;
      padding-top:4px
  }
  .panel-side{
      width:98%
  }
  .container-sm{
      width:80%
  }
  .container-md{
    width:80%
}
  .text-width-braver{
      width:25rem
  }
}
@media screen and (max-width:767px){
  h2{
      font-size:2.2rem
  }
  .grid-parent.flip{
      flex-direction:column;
      align-items:center
  }
  .row.flex-right.pad{
      padding-bottom:4rem
  }
  .nav{
      height:7rem
  }
  .container-lg.nav-parent{
      flex-direction:row;
      padding:20px 10px 0px 10px;
  }
  #moonflip-text {
    text-align: center;
    padding-left: 0;
  }
  .logo{
      width:3.6rem
  }
  .circle-parent{
      display:none
  }
  .hero.min{
      min-height:100vh
  }
  .logo-pop-out{
      display:none
  }
  .head-section.height-lg{
      height:44rem
  }
  .text-width-one{
      width: 90vw;
      margin-inline: 2.5vw;
  }
  }
  .parent.story{
      width:96vw
  }
  ._2-col-grid.frontier{
      height:auto;
      grid-column-gap:30px;
      grid-row-gap:30px;
      grid-template-rows:45rem;
      grid-auto-rows:45rem
  }
  .sans{
      padding-right:0
  }
  .img-ap-left{
      width:10rem
  }
  .super-number{
      font-size:14rem
  }
  .dot-img,.dot-img-p{
      width:70vw
  }
  .border-line-left{
      top:0%;
      bottom:auto;
      left:0%;
      right:auto
  }
  .border-line-left.hide,.show-mobile{
      display:block
  }
  .inline-m{
      display:inline
  }
  .align-centre-mobile{
      text-align:center
  }
  .text-width-four{
      width:34rem
  }
  .block-left{
      width:100%
  }
  .text-width-braver{
      width:24rem
  }
  .size-two{
      width:33.3333%;
      min-width:33.3333%;
      flex:0 auto
  }
@media screen and (max-width:479px){
  h1{
      font-size:3rem
  }
  h2{
      font-size:2.2rem
  }
  .grid-parent{
      width:92%
  }
  .grid-parent.flip{
      padding-bottom:20px
  }
  .row.flex-right{
      justify-content:center
  }
  .container-lg{
      width:92%
  }
  .nav-col.middle{
      bottom:-1px
  }
  .img-parent.divisions{
      height:28rem
  }
  .img-parent.timeline{
      height:20rem
  }
  .xsm-text.fade{
      display:none
  }
  .div-hide.ab-left{
      left:6px
  }
  .div-hide.ab-right{
      right:4px
  }
  .head-section.height{
      height:32rem
  }
  .head-section.height.sm{
      height:28rem
  }
  .head-section.height-lg{
      height:50rem
  }
  .text-width-one{
      width:100%
  }
  .text-width-one.sm{
      width:20rem
  }
  .text-width-one.align-centre{
      width: 100%;
  }
  .text-sm.caps.fade{
      position:relative
  }
  .text-width-two{
      width:90%
  }
  .text-width-two.large{
      width:22rem
  }
  .lines-large.pull{
      width:96%;
      margin-left:0%
  }
  .parent.story{
      width:100vw
  }
  .super-text{
      font-size:8.5rem
  }
  ._2-col-grid.frontier{
      grid-template-rows:30rem;
      grid-auto-rows:30rem
  }
  .sans{
      font-size:2.7rem
  }
  .super-number{
      font-size:8rem
  }
  .dot-img,.dot-img.lazy.lazyload,.dot-img-p{
      width:100vw
  }
  .text-width-four{
      width:22rem
  }
  .panel-side{
      width:96%
  }
  .shape-btm{
      height:60%
  }
  .panel-content{
      padding-left:2rem;
      padding-right:2rem
  }
  .text-black.caps.heading-lg.size,.text-black.caps.heading-lg.size-one{
      width:100%
  }
  .text-size{
      width:80%;
      padding:1rem ;
  }
  .container-sm{
      width:92%
  }
  .container-md{
    width:92%
}
  .heading-s{
      font-size:1.3rem
  }
  .faq_content{
      padding:.5rem 1.2rem 1.2rem
  }
  .text-width-about,.text-width-five,.text-width-braver{
      width:90%
  }
  .f-link{
      font-size:16px
  }
}
#w-node-a3887fc8-d4e2-9041-0e29-a9841f299f30-d1ac47f4,#w-node-_7dcbe0e2-d3dd-39a7-b986-40ba2afd0e99-d1ac47f4,#w-node-_1cd76c88-3ff9-e5d8-0877-dadecaedc79f-d1ac47f4,#w-node-ff1b07de-c0dd-acc5-f904-ba7e01f7acfb-d1ac47f4,#w-node-e04cc551-fed0-9386-f95e-7a738c64e760-d1ac47f4,#w-node-_550d3d23-900e-ebb1-d631-ed146dfe76e1-d1ac47f4,#w-node-_1c0748af-c4d3-8e47-2e02-57f0d077c736-d1ac47f4,#w-node-_078dd1af-9897-c793-fc08-c2f830ccd5c7-d1ac47f4,#w-node-_74134ebd-3f03-5971-97c9-e03714dfba94-d1ac47f4,#w-node-_2d0b832b-b417-0ae7-668b-a193d40982d8-d1ac47f4,#w-node-_5c827803-f8c6-5e04-37b1-6729c9bba21d-d1ac47f4,#w-node-_9c2e4fa2-cf67-89e6-507e-08c24841d7fc-d1ac47f4{
  grid-area:span 1/span 1/span 1/span 1
}
#w-node-_4cbe64f9-9e07-1a8a-2a1b-281191d72cee-d1ac47f4,#w-node-_60624943-0e61-e985-949e-703df09fc10a-d1ac47f4,#w-node-fc88efc9-425a-b448-645b-0eae0ea911ca-d1ac47f4,#w-node-f94076bb-ed5f-7614-766f-c15056f5c78d-d1ac47f4,#w-node-_247e0844-a634-d80e-ae31-deb0f22d80af-d1ac47f4{
  grid-area:span 1/span 1/span 1/span 1;
  justify-self:center
}
@media screen and (max-width:991px){
  #w-node-ff1b07de-c0dd-acc5-f904-ba7e01f7acfb-d1ac47f4{
      grid-area:span 1/span 2/span 1/span 2
  }
  #w-node-_9c2e4fa2-cf67-89e6-507e-08c24841d7fc-d1ac47f4{
      grid-area:1/1/2/3
  }
}
@media screen and (max-width:767px){
  #w-node-a3887fc8-d4e2-9041-0e29-a9841f299f30-d1ac47f4,#w-node-_7dcbe0e2-d3dd-39a7-b986-40ba2afd0e99-d1ac47f4{
      grid-area:span 1/span 2/span 1/span 2
  }
  #w-node-_4156d06b-6ee3-0e61-1044-5259aa21cc79-d1ac47f4{
      justify-self:center
  }
}
@media screen and (max-width:479px){
  #w-node-_4156d06b-6ee3-0e61-1044-5259aa21cc79-d1ac47f4{
      justify-self:center
  }
}

#title-commnity-mobile {
  display: none;
}

.section-streamers {
  background-image: url("../img/backgrounds/Group\ 132\ \(2\).png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
}

.absolute-back{
  position: absolute;

  object-fit: contain;
}


.div-hide{

}

.sombra{
  width: 100vw;
  background: linear-gradient(180deg, rgba(53, 32, 98, 0.00) 26.04%, #0C0C0C 95.83%);
  height: 100vh;
  top: 0%;
  position: absolute;
}

.sombra2{
  width: 100vw;
  background: linear-gradient(180deg, rgba(53, 32, 98, 0.00) 26.04%, #0C0C0C 95.83%);
  height: 102vh;
  top: 0%;
  z-index: 1001;
  position: absolute;
}

.sombra5{
  width: 100vw;
  background: radial-gradient(circle, rgba(0,0,0,0.2) 10%, #03010A 100%);
  height: 100vh;
  top: 0%;
  z-index: 1001;
  position: absolute;
}

.sombra7{
  width: 100vw;
  background: linear-gradient(180deg, rgb(2, 0, 10) 0%, rgba(1,0,18,0) 50%, rgba(2, 0, 10, 0.473) 100%);
  height: 100%;
  bottom:  0%;
  z-index: 1000;
  position: absolute;
}

.sombra8{
  width: 100vw;
  background: linear-gradient(180deg, rgba(2, 0, 10, 0.671) 2%, rgba(1,0,18,0) 50%, rgba(0, 0, 10, 0) 100%);
  height: 100vh;
  top: 0%;
  z-index: 1001;
  position: absolute;
}

.sombra3{
  width: 100vw;
  background: linear-gradient(180deg, #03010A 20%, rgba(1,0,18,0) 50%, rgba(0, 0, 10, 0) 100%);
  height: 100vh;
  top: 0%;
  z-index: 1001;
  position: absolute;
}

.sombra3-new{
  width: 100vw;
  background: radial-gradient(circle, rgba(0,0,0,0.1) 0%, #03010A 100%);
  height: 100vh;
  top: 0%;
  z-index: 1001;
  position: absolute;
}

.sombra4{
  width: 100vw;
  background: linear-gradient(180deg, rgba(2, 0, 10, 0) 40%, rgba(1,0,18,0) 25%, #03010A 80%);
  height: 100vh;
  bottom:  0%;
  z-index: 1001;
  position: absolute;
}


.sombra6{
  width: 100vw;
  background: linear-gradient(180deg, rgba(2, 0, 1, 0) 2%, rgba(0,0,0,0) 95%, #0c0c0c 100%);
  height: 100vh;
  bottom:  0%;
  left: 0%;
  z-index: 1001;
  position: absolute;
}


.hero-logo-he{
  z-index: 1005;
}

.scroll-down{
  z-index: 1002;
}

.top6{

  width: 1200;
  z-index: 1005;
  top:-25%;  
}

.top5{
  left: 40%;
  width: 1050px;

  z-index: 1005;
  top:-90%;  
}

.top4{
  top: -25%;  
  left: 15%;
  transform: translateX(-15%);
  width: clamp(38rem,44vw,48.125rem);
  height: clamp(38rem,44vw,48.125rem);
  z-index: 1007;
}

#astronauta-a {
  margin-top: clamp(3rem,4vw,5rem);
}

.top1{
  right: -20%;
  z-index: 1005;
  top:-35%;

}

.top3{
  left: 0%;
  z-index: 1005;
  top:-30%;

}

.redes-lis{
  position: absolute;
  bottom: 5%;
  z-index: 1004;
  display: flex;
  justify-content: center;
  gap: 7%;
}

.vision-background {
  background-image: url("../img/gradients.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;

  display: flex;
  align-items: center;
}
.dasdas {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-bottom: 4rem ;
}

.parent.card.streamers-card {
  background-image: url("../img/layer.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
  border: none !important;
  border-radius: 0px !important;
}
.parent.card.streamers-card img {
  width: 100% !important;
  height: 100% !important;
}
.parent.card.vision {
  background-color: rgba(16, 18, 27, 0);

}
.parrafo {
  color: #EBEBEB;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.parrafo2 {
  color: rgba(235, 235, 235, 0.65);
  text-align: justify;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.parrafo3 {
  color: rgba(235, 235, 235, 0.65);
  text-align: justify;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.bg-store {
  background-image: url("../img/backgrounds/image\ 64.jpg") !important;
  background-size: 100% 100%;
  width: 100%;
  justify-content: start !important;
  background-repeat: no-repeat;
}
.section-skills-hearts {
  height: 100vh;
  display: flex;
  position: relative;
  align-items: center;
}
.container-skills-hearts {
  display: flex;
  justify-content: space-between;

  align-items: center;
}

.container-title{
  width: 100%; 
  justify-content: start; 
  margin-left: 7rem; 
  padding-bottom: 2rem;
}

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

.azonix{
  font-family: Azonix !important;
  font-size: 30px ;
}

.card-btn:hover{
  background-image: url(../img/cards-btn.png);
  transition: .5s all ease;
}

.abs-card-btn{
  bottom: 25% !important;
  right: 20% !important;
  position: absolute;
}

.card-btn {
  background-image: url(../img/Rectangle\ 37.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 328px;
  height: 230px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  gap:0;
}

.left4{
  margin-left: .8rem !important;
}

.mt-nega{
  margin-top: -4rem;
}

.card-btn:nth-child(1){
  margin-left: -1rem;
}

.card-btn:nth-child(4){
  margin-right: -1.2rem;
}

.m-left-nega{
  margin-left: 0% !important;
}

.heart-padding {
  padding-top: 10%;
}
.active-cardTab {
  background-image: url(../img/cards-btn.png);
  transition: .5s all ease;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-loading .slick-list {
  background: white url(./ajax-loader.gif) center center no-repeat;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  zoom: 1;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
.slick-slide img {
  display: block;
}
.slick-slide img.slick-loading {
  background: white url(./ajax-loader.gif) center center no-repeat;
  padding-bottom: 100%;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
}
.slick-prev,.slick-next {
  display: none !important;
}
.nojoda-slick {
  width: 100%;
  height: 120vh;
  background-image: url(../img/merchandisingbg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90% 90%;
}
.slick-heading {
  color: #FFF;
  font-family: Poppins;

  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0px;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0px 5px;
  padding: 0px;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  outline: none;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\2022';
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  color: white;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
}

.ss:hover h2, .ss:hover p{
  opacity: 1 !important;
  transition: .5s all ease;
}

.ss:hover{
  background-image: url("../img/Group\ 160.svg");

  transition: .5s all ease;
}

.ss h2{
  margin-top: -1.5rem;
  color: #FFF;
font-family: Poppins;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
opacity: 0 !important;
}

.ss-p1{
  color: #FFF;
text-align: center;
font-family: Poppins;
font-size: 11px;
opacity: 0 !important;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.ss-p2{
  color: #FFF;
  opacity: 0 !important;
text-align: center;
margin-top: .3rem;
font-family: Azonix !important;
font-size: 15px !important;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.ss{
cursor: pointer;
display: flex;

flex-direction: column;
justify-content: center;
align-items: center;
}

.card-heart {
  background-image: url("../img/card121.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  margin-left: -2.2rem;
}

.div-buy{
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  width: 80%;
  margin-top: 1rem;
}


.div-buy2 p{
  color: #FFF;
text-align: center;
font-family: "Azonix";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.div-buy2{
  padding-top: 1rem ;
  display: flex;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
  width: 95%;
}


.div-buy-p{
  color: #FFF;
  font-family: Poppins;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.div-buy2 a {
  transition: .3s;
}
.div-buy2 a:hover {
  color: #895FE3;
  
}

.card-buy{
  background-image: url("../img/Group\ 156\ \(1\).svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 285px;
  height: 400px ;
  padding: 30px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.bottom-slash{

  margin-top: 5%;
}

.card-heart22 {
  background-image: url("../img/card22.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  margin-left: .6rem;
  padding: 30px;
}


.card-heart8 {
  background-image: url("../img/cards___0001_Capa-2\ 1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  margin-left: -2.2rem;;
  padding: 30px;
}

.card-heart9 {
  background-image: url("../img/cards___0001_Capa-2\ 1-1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  margin-left: .6rem;
}

.card-heart10 {
  background-image: url("../img/cards___0001_Capa-2\ 1-2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  margin-left: .6rem;
  padding: 30px;
}

.card-heart11 {
  background-image: url("../img/cards___0001_Capa-2\ 1-3.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  margin-left: .6rem;
}

.card-heart12 {
  background-image: url("../img/cards___0001_Capa-2\ 1-4.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  margin-left: .6rem;
  height: 400px ;
  padding: 30px;
}

.card-heart13 {
  background-image: url("../img/cards___0001_Capa-2\ 1-5.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  margin-left: .6rem;
}


.card-heart2 {
  background-image: url("../img/card.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  
}

.card-heart4 {
  background-image: url("../img/card.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  margin-left: .6rem;
  height: 400px ;
  padding: 30px;
}

.card-heart5 {
  background-image: url("../img/card-1.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  margin-left: .6rem;
}

.card-heart6 {
  background-image: url("../img/card-2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  margin-left: .6rem;
  padding: 30px;
}

.card-heart7 {
  background-image: url("../img/card-3.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 300px ;
  height: 400px ;
  padding: 30px;
  margin-left: .6rem;
}

.img-buy {
  width: clamp(11.5rem,12vw,12.8125rem);
  height: clamp(11.5em,12vw,12.8125rem);
}
.img-buy img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.card-heart.bg2 {
  background-image: url("../img/card-heart2.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.card-heart h4 {
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.card-heart p {
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.nojoda-slick .dots-cards {
  left: 40%;
  bottom: 9%;
  z-index: 10;
}
.merchandising {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 285px);
  justify-content: center;
  align-items: center;
  column-gap: clamp(.9rem,.95vw,1rem);
} 
.merchandising-filters {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px 0px 22.5px 0px;
  margin-top: -30px;
  gap: 20px;
}
.merchandising-filter {
  border-radius: 3px;
  
  background: #292929;

  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;

  text-decoration: none !important;
}
.merchandising-filter.active {
  border: 1px solid #895FE3 !important;
}
.merchandising-filter:hover {
  border: 1px solid #895FE3 !important;
}
.merchandising-filter p {
  color: rgba(255, 255, 255, 0.35);
  text-align: center;
  font-family: Poppins;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 10px */
  text-transform: uppercase;
}
.filters-merchandising {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.banners {
  position: absolute;
  right: 0;
  bottom: -10%;
}
.banners2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.csm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
}
.left-des img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-slider-games {
  width: 100%;
  height: 100%;
  display: flex;
  /* gap: 5%; */
  align-items: center;
  margin-left: 2rem;
  padding-left: 2rem;
  padding-right: 1rem;
  margin-right: 2rem;
  position: relative;
  overflow: hidden;
}

.played-arrow-left {
  display: initial !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 5 !important;
  cursor: pointer !important;
}

.played-arrow-right {
  display: initial !important;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 5 !important;
  cursor: pointer !important;
}

.coming-soon {
  height: 100%;
  margin-left: clamp(1.25rem,1.75vw,2.5rem);
}
.image-game {
  position: absolute;
  width: 87%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
#first-slide-coming {
  opacity: 1;
}
.swiper-slide {
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.pt-323{
  margin-left: 3rem;
}
.imagen-group-games {
  width: clamp(22rem,36vw,36.1875rem);
  height: clamp(20rem,33vw,34.69206rem);
  margin-top: 1rem;
}
.title-coming {
  position: absolute;
  left: 2rem;
  bottom: 3rem;
  width: 60%;
  height: auto;
}
.title-games {
  color: #FFF;
  font-family: Poppins;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.card-games {
  width: 300px;
  height: auto;
}


.head-games img{
  width: 100%;
  height: 100%;
}
.head-games {
  position: relative;
}
.discount {
  border-radius: 10px;
  border: 1px solid #895FE3;
  background: rgba(12, 12, 12, 0.15);
  backdrop-filter: blur(4px);

  position: absolute;
  right: 2rem;
  top: 2rem;

  padding: 10px;
}
.discount h1 {
  color: #75E8FC;
  text-align: center;
  font-family: Azonix;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.title-game {
  color: #FFF;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.plataforms-games {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.footer-games {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.info-price-games {
  display: flex;
  flex-direction: column;
}
.info-price-games span {
  color: #5A4E76;
  font-family: Azonix;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px; /* 150% */
  text-decoration-line:line-through;
}

.absolute{
  position: absolute;
  bottom: -5%;
  left: 40%;
}

.info-price-games h1 {
  color: #895FE3;
  font-family: Azonix;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

img{
  transition: .5s all ease;
}

.game-product {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.game-product h1 {
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 23px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.parrafo {
  color: #EBEBEB;
  text-align: justify;
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.title-parrafo {
  color: #FFF;
  font-family: Azonix;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 120.5%;
}

.title-parrafo2 {
  color: #FFF;
  font-family: Azonix;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 120.5%;
}

.gallery-game {
  display: flex;
  position: relative;
  min-height: 120px;
  overflow: hidden;
}

.gradiente-circular-community{
  position: absolute;
  width: 100%;
  height: 800px;
  z-index: 1001;
  left: -30%;
  top: -5%;
  border-radius: 650px;
background: rgba(137, 95, 227, 0.35);
filter: blur(300px);
}

.gradiente-circular-community1{
  position: absolute;
  width: 30%;
  height: 300px;
  z-index: 1001;
  right: 0%;
  top: -5%;
  border-radius: 488px;
  background: var(--gradient4, linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%));
  filter: blur(300px);
}

.gradiente-circular-community3{
  position: absolute;
  width: 100%;
  height: 700px;
  z-index: 1001;
  left: 0%;
  top: 10%;
  border-radius: 1159px;
  background: rgba(137, 95, 227, 0.10);
  filter: blur(100px);
}

.gradiente-circular-community2{
  position: absolute;
  width: 100%;
  height: 100px;
  z-index: 1001;
  right: 0%;
  bottom: 5%;
  border-radius: 859px;
  opacity: 0.2;
  background: var(--gradient4, linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%));
  filter: blur(200px);
}

.gradiente-circular-community4{
  position: absolute;
  width: 100%;
  height: 350px;
  z-index: 1001;
  left: -50%;
  top: 25%;
  border-radius: 668px;
  background: #3F6E86;
  filter: blur(75px);
}

.padd-f1{
  padding: 80px 0px 40px 0px;
}

.padd{
  padding: 40px 0px;
}

.gallery-game img{
  width: auto;
  height: 110px;
}

.abs{
  position: absolute;
  bottom: 8%;
  right: 37%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.font-title{
  color: #FFF;
font-family: 'Poppins';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.py{
  padding: 1rem 0rem;
}
.games-hero-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.games-hero-slide {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: start;
  top: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.hero-slide-relative {
  position: relative;
  width: 100%;
  height: 100%;
}
.hero-games-text {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(-5%, -50%);
  z-index: 7;
}
.games-hero-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}
.bg-games {
  /* background-image: url('../img/Games/Hero-bg.png');
  background-size: 100% 100%;
  background-position: center !important; */
  justify-content: start !important;
}
.purple-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #895fe349;
  backdrop-filter: blur(1.5px);
  z-index: 2;
}
.purple-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, #4F2D98 0%, rgba(79, 45, 152, 0.00) 100%);
  z-index: 3;
}
.hero-hub,
.hero-hub-mobile {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 4;
}
.hero-hub-mobile {
  display: none;
}
.dots-hero-games {
  position: absolute;
  left: 58%;
  bottom: 12.1%;
  transform: translate(-58%, -12.1%);
  z-index: 6;
  display: flex;
}
#hero-slider-1 {
  opacity: 1; 
}

.bggame1 {
  background-image: url('../img/backgrounds/bggame1.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bggame2 {
  background-image: url('../img/backgrounds/bggame2.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bggame3 {
  background-image: url('../img/backgrounds/bggame3.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bggame4 {
  background-image: url('../img/backgrounds/bggame4.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.bggame5 {
  background-image: url('../img/backgrounds/bggame5.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.title-threads {
  color: #FFF;
  font-family: 'Poppins';
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.grid-comunity{
  display: grid;
  margin-top: 5rem;
}

.section-comunity{
  padding: 0rem;
  display: grid;
  grid-template-columns: 65% 35%;
  column-gap: 5%;
  align-items: flex-start;
}

.top-2 {
  margin-top: 21%;
}

.activeBtn {
  color: rgba(255, 255, 255, 0.45);
}

.activeBtn:active,.title-threads:hover{
color: #ffffff;
cursor: pointer;
transition: .5s all ease;
}

.popular-threads {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 40px;
  justify-content: start;
}
.btn-threads {
  color: #FFF;
  font-family: Poppins;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;

  border-radius: 10px;
  border: 1px solid #895FE3;
  background: linear-gradient(180deg, rgba(137, 95, 227, 0.40) 0%, rgba(39, 31, 57, 0.40) 141.03%);
  box-shadow: 4px 0px 20px 0px rgba(137, 95, 227, 0.55);

  display: flex;
  width: 129px;
  height: 165px;
  padding: 35px 25px;
  flex-direction: column;
  align-items: center;
  gap: 10px;

}

.btn-threads:hover{
  transform:scaleX(1.2);
  transition: .5s all ease;
}

.wincards {
  background-image: url("../img/wincards.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  
  margin-top: -2rem;
  width: 500px;
  height: 587px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.redireccion{
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content; 
  position: absolute;
  bottom: 8%;
  right: 5%;
  color: rgba(255, 255, 255, 0.35);
font-family: 'Poppins';
font-size: 15px;
cursor: pointer;
font-style: normal;
font-weight: 500;
line-height: 15px; /* 100% */
}

.redireccion svg{
  margin-left: .4rem;
}

.users{
  color: rgba(255, 255, 255, 0.31);
text-align: center;
font-family: 'Bebas';
font-size: 21px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 21px */
}

.wincards h1 {
  color: #FFF;
  font-family: Azonix;
  font-size: 27px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;

  text-align: left;
  padding-top: 10%;
}
.popular-people {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.rwd-table {
  margin: 1em 0;
  min-width: 450px;
}
.rwd-table tr {

  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.rwd-table th {
  display: none;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 480px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}
.rwd-table {
  background: transparent;
  color: #fff;
  overflow: hidden;
}

.img-profile{
  width: 39px;
  height: 39px;
  position: relative;
  border-radius: 50%;
display: flex;
align-items: center;
}


.img-profile img{
  object-fit: cover;
  border-radius: 50%;
}

.img-profile-div{
  width: 7px;
  height: 7px;
  position: absolute;
  right: -8%;
  bottom: 30%;
  border-radius: 50%;
  background-color: rgb(0, 248, 0);
}

.Genre{
  display: flex !important;
  align-items: center;
  justify-content: start;
  column-gap: 7%;
}

.Movie{
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.35) !important;
  font-family: 'Poppins';
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 10px */
}

.Year{
  display: flex;

  justify-content: center !important;
  text-align: center !important;
  align-items: end !important;
  color: #FFF;
  padding-top: .5rem;
font-family: 'Poppins2';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
}


.Genre p{
  color: #FFF;
font-family: 'Poppins';
font-size: 16px;
padding-top: .5rem;
font-style: normal;
font-weight: 400;
line-height: 100%; /* 16px */
}

.rwd-table th {
  border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.rwd-table td {
  border-right: 1px solid rgba(255, 255, 255, 0.10);
}
.rwd-table th, .rwd-table td {
  margin: 0rem;
}

.rwd-table th, .rwd-table td:before {
  color: rgba(255, 255, 255, 0.31);
  text-align: left;
  font-family: 'Bebas';
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}


.imgs{
  margin-left: 2rem;
}

.flex-center{
  display: flex;
  align-items: center;
  column-gap: 40px;
}

.center-center{
  justify-content: space-between;
  align-items: center;
}



.bg-nav:hover{
  cursor: pointer;
  transform: scale(1.05);
  transition: .5s all;
}

.flex{
  display: flex;
  justify-content: start;
  margin-left: 4rem;
column-gap: 20px;
  align-items: center;
}

.flex p{
  line-height: .8rem !important;
}

.flex2{
  display: flex;
  justify-content: start;
  margin-left: 3.5rem;
column-gap: 15px;
  align-items: center;
}

.flex5{
  display: flex;

  column-gap: 15px;
flex-direction: column;
  justify-content: start;

}

.flex6{
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
  justify-content: start;
  margin-left: 3rem;
  padding: 1rem 0rem;
  margin-right: 1.5rem;

}

.flex5-p{
  overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
margin: 0rem .5rem;
font-family: 'Poppins';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.flex5-p2{
  overflow: hidden;
  color: rgba(255, 255, 255, 0.65);
  text-overflow: ellipsis;
  margin: .5rem;
  font-family: 'Poppins';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.flex4{
  display: flex;
  justify-content: start;
  margin-left: 3.5rem;
column-gap: 15px;
  align-items: center;
}

.flex3{

padding-left: 2rem;
align-items: center;
justify-content: start;
display: flex;
}

.imagen-div{
  margin-top: 2rem;
  background-image: url('../img/Rectangle\ 90.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: grid;
  align-content: center;
  height: 4rem;
  grid-template-columns: 55% 15% 15% 15%;
}

.imagen-div2 p{
  overflow: hidden;
color: #FFF;
text-overflow: ellipsis;
white-space: nowrap;
font-family: 'Poppins';
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.imagen-div2{
  height: min-content;
  display: grid;
  padding: 1.2rem 0rem;
  align-content: center;
  grid-template-columns: 55% 15% 15% 15%;
  border-bottom:1px solid  rgba(255, 255, 255, 0.10); ;
}

.margin-left{
  margin-left: 2rem;

}

.rectangle-40{
  background-image: url('../img/Rectangle\ 99.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 85%;
  margin-top: 2rem;
  padding-top: 2rem;
  height: 90%;
}

.img-profile2{
  width: 40px ;
  height: 40px;
  border-radius: 50%;
}


.img-profile4{
  width:50px ;
  height: 50px;
  border-radius: 50%;
}

.img-profile3{
  width: 40px ;
  margin-left: -4%;
  height: 40px;
  border-radius: 50%;
}

.rectangle-view{
  margin-top: 7%;
  width: 80%;
  display: flex;

  height: 5rem;
  align-items: center;
  justify-content: start;
  padding-left: 5rem;
  background-image: url('../img/Rectangle\ 38.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: 1;
}

.rows2{
  justify-content: space-between !important;
}

.apply-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 65% 35%;
  grid-auto-columns: 1fr;
  justify-items: start;
  align-items: start;
  display: grid;
}

.card-discord{
  display: flex;
  justify-content: end;
  width: 100% !important;
}

.r-1{
  margin-right: .4rem !important;
}



.card-discord img{
  width: 530px ;
  margin-right: 1rem;
}

.card-streamer {
  background-image: url("../img/streamers.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;

  width: 100%;
  height: auto;

  display: grid;
grid-template-columns: 50% 50%;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

.card-img-streamer{
display: flex;
width: 100%;
}

.card-img-streamer img{

  width: 100%;
  }
  

.details-card-streamer {
  margin-top: -50px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.details-card-streamer h1 {
  color: #FFF;
  font-family: Azonix;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: .5rem;
  line-height: 100%;
}



a{
  transition: .5s all ease !important;
}

.details-card-streamer p{
  color: rgba(235, 235, 235, 0.65);
font-family: Poppins !important;
font-size: 24px ;
font-style: normal;
font-weight: 400;
padding-bottom: .5rem;
line-height: 150%; /* 28.5px */
}

.last-flex{
  border: none !important;
}

.link-footer:hover .point-first, .link-footer:hover .point-second {
  transition: .5s all ease;
  background-color: #75E8FC;
}


.link-footer:hover .link-footer p{}

.link-footer:hover  .f-link{
  color: #FFF !important;
}

.link-footer  {
  transition: 1s all ease;
  display: flex;
  align-items: center;
  gap: .4rem;
}
.link-footer p {
  color: #FFF;
  font-family: "IBM";
  font-size: 0.4375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.point-first {
  width: 0.375rem;
  height: 0.375rem;
  background: #75E8FC;
}
.point-second {
  width: 0.375rem;
  height: 0.375rem;
  background: #895FE3;
}
.social-footer {
  display: flex;
  gap: 20px;
}
.menu-desktop {
  display: flex;
  gap: 20px;
  flex-direction: row;
}

/* Gradients */
.gradiente-circular-gameup{
  position: absolute;
  width: 70%;
  height: 500px;
  z-index: 1006;
  left: 0%;
  top: -20%;
  border-radius: 752px;
  filter: blur(300px);
}
.gradiente-circular-gamedown{
  position: absolute;
  width: 70%;
  height: 300px;
  z-index: 1006;
  right: -10%;
  bottom: -5%;
  border-radius: 572px;

  filter: blur(300px);
}
.gradiente-circular-gameup.section1 {
  background: linear-gradient(90deg, rgba(137, 95, 227, 0.81) -3.1%, rgba(117, 232, 252, 0.69) 100.31%);
}
.gradiente-circular-gamedown.section1-2 {
  background: rgba(137, 95, 227, 0.48);
}
.gradiente-circular-gameup.section2 {
  background: linear-gradient(218deg, #485688 15.9%, #221921 83.55%);
}
.gradiente-circular-gamedown.section2-2 {
  background: #C9984C;
}
.gradiente-circular-gameup.section3 {
  background: #FF9DDA;
}
.gradiente-circular-gamedown.section3-1 {
  background: #927499;
}
.gradiente-circular-gameup.section4 {
  background: linear-gradient(218deg, #485688 15.9%, #221921 83.55%);
}
.gradiente-circular-gamedown.section4-1 {
  background: #C94C4C;
}
.gradiente-circular-gameup.section5 {
  background: #032E62;
}
.gradiente-circular-gamedown.section5-1 {
  background: rgba(131, 4, 245, 0.53);
}

/* MENU NEW */
.new-menu-bars {
  display: none;
}

.btn-Discord {
  position: absolute;
  bottom: 10%;
  width: 40%;
}

.margin-indicatorSliders {
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}

.margin-indicatorSliders-y {
  margin-left: 2px;
  margin-right: 2px;
  cursor: pointer;
}

.abs-games-comming {
  display: flex;
  justify-content: center;
  align-items: center;
}

.storeBgGradient {
  width: 100%;
  height: clamp(10rem,15vw,20.6875rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.banner4types {
  width: clamp(60rem,70vw,80.25rem);
  height: clamp(5rem,5.5vw,6.08094rem);
  position: absolute;
  right: 0;
  bottom: 5%;
}
.cards-btns a {
  padding: 1rem 2rem 1rem 0;
}
.heart-particle-1 {
  height: 100vh;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
  object-fit: contain;
}
.heart-particle-1-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  z-index: -1;
  object-fit: contain;
}
.heart-particle-2 {
  height: 100vh;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0%;
  z-index: -1;
  object-fit: contain;
}
.heart-particle-2-2 {
  height: 100vh;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
  object-fit: contain;
}
.heart-particle-3 {
  height: 100vh;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0%;
  z-index: -1;
  object-fit: contain;
}
.heart-particle-3-2 {
  height: 100vh;
  position: absolute;
  bottom: 0%;
  right: 0%;
  z-index: -1;
  object-fit: contain;
}
.section-skills-hearts .sombra6 {
  display: none;
}

/* Cards Section - Store */
.cards-section {
  width: 100%;
  height: 120vh;
}
.total-cards {
  display: none;
  position: absolute;
  top: clamp(4rem,4.5vw,5rem);
  left: 50%;
  transform: translateX(-50%);
}
.cards-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, clamp(9rem,13vw,15.6875rem));
  gap: clamp(2rem,2.5vw,3rem);
}
.cards-container-pg2 {
  width: 100%;
  display: none;
  grid-template-columns: repeat(6, clamp(9rem,13vw,15.6875rem));
  gap: clamp(2rem,2.5vw,3rem);
}
.card-single {
  position: relative;
  width: clamp(9rem,13vw,15.6875rem);
  height: clamp(15rem,21vw,23.0625rem);
  border-radius: 0.3125rem;
  box-shadow: 4px 4px 40px 0px rgba(165, 17, 149, 0.20);
}
.card-single:hover > .card-content {
  visibility: visible;
  opacity: 1;
}
.bg-card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.card-content {
  position: relative;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(137, 95, 227, 0.90) -16.26%, rgba(36, 29, 50, 0.90) 106.92%), linear-gradient(180deg, #895FE3 0%, rgba(217, 217, 217, 0.00) 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(.6rem,.85vw,1rem);
  border: 1px solid #895FE3;
  border-radius: 0.3125rem;
  z-index: 1;
  padding-top: clamp(.7rem,.9vw,1.1rem);
  transition: .5s;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
}
.card-content img {
  position: absolute;
  top: clamp(.4rem,.5vw,.6rem);
  left: 50%;
  transform: translateX(-50%);
  width: clamp(3.1875rem,4.2vw,4.8125rem);
  height: clamp(3.1875rem,4.2vw,4.8125rem);
}
.card-content h3 {
  color: #FFF;
  font-family: "Poppins2";
  font-size: clamp(.9rem,1.1vw,1.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
.card-content p {
  text-align: center;
  color: #FFF;
  font-family: "Poppins";
  font-size: clamp(0.6rem,.8vw,1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.card-content span {
  color: #FFF;
  text-align: center;
  font-family: "Azonix";
  font-size: clamp(0.9rem,11vw,1.2rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}
.card-content a {
  width: clamp(3rem,3.3vw,3.6rem);
  height: clamp(3rem,3.3vw,3.6rem);
  stroke-width: 1px;
  stroke: rgba(255, 255, 255, 0.25);
  background: linear-gradient(90deg, rgba(196, 169, 255, 0.30) -3.1%, #895FE3 100.31%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-family: "Azonix";
  font-size: clamp(0.7rem,.85vw,1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  transition: .5s ease;
}
.card-content a:hover {
  background: linear-gradient(90deg, rgba(196, 169, 255, 0.60) -3.1%, #895FE3 100.31%);
}
.dots-cards {
  position: absolute;
  display: flex;
  gap: .3rem;
  bottom: clamp(6rem,7.5vw,8rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.dot-container {
  width: 2rem;
  height: 1.1875rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dot-single {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/img/icons/dot.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.375rem;
  height: 0.8125rem;
  outline: none;
  cursor: pointer;
}
.dot-single:checked {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(/img/icons/dotActive.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  filter: drop-shadow(0px 0px 10px rgba(137, 95, 227, 0.60));
  width: 2rem;
  height: 1.1875rem;
  outline: none;
  cursor: pointer;
}
.total-cards.activeContent {
  display: flex;
}
.merch-left {
  display: none;
}
.merch-right {
  display: none;
}
/* Cards Section - Store */

.dots-coming-games {
  position: absolute;
  left: 50%;
  bottom: -3%;
  transform: translateX(-50%);
  display: flex;
}
.dots-store-games {
  position: absolute;
  display: flex;
  gap: .3rem;
  bottom: clamp(6rem, 7.5vw, 8rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1002;
}
.img-mobile-comm {
  display: none;
}
.fontSizeStore {
  font-size: 38px !important;
}
.merch-text {
  font-weight: bold !important;
  font-family: Poppins, sans-serif !important;
}
.fullyImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.containerCofreVideo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* .gradient-games {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 6.94%, #FFF 48.21%, rgba(255, 255, 255, 0.00) 94.98%);
  mix-blend-mode: darken;
} */

.gradient-union:after {
  content: "";
  width: 100%;
  height: 4rem;
  position: absolute;
  left: 0;
  bottom: -2rem;
  background: linear-gradient(180deg, rgba(51,8,48,1) 0%, rgba(51,8,48,1) 50%, rgba(75,20,92,1) 100%);
  filter: blur(15px);
  z-index: 100000;
}