.wcs-hero { width:100%;padding:150px 0; position:relative; background:#0E151D;position:relative;overflow:hidden}}
.wcs-hero .flexy { display:flex;}
.wcs-hero h2 {color: #F5F5F7;font-family: "Audiowide", sans-serif;font-size: 48px;font-style: normal;font-weight: 400;line-height: 120%; /* 64.5px */text-transform: capitalize;}
.wcs-hero h2 span { color:#80EF80;}
.wcs-hero .content {padding-bottom:25px;color: rgba(255, 255, 255, 0.80);font-family: "Funnel Display";font-size: 18px;font-style: normal;font-weight: 500;line-height: 150%; /* 27px */}
.wcs-hero__inner{position:relative;z-index:2;padding-bottom:70px;}
.wcs-hero__copy{position:relative; z-index:10;}
.wcs-hero__stage{position:absolute;inset:0;z-index:1}
.wcs-hero__bg{position:absolute;inset:0;opacity:0;transition:opacity .4s ease}
.wcs-hero__bg::after { background: radial-gradient(circle, hsla(0, 0%, 100%, .3) 1px, transparent 2px); /*background-color: rgba(128, 239, 128, 0.65);*/ background-repeat: repeat;background-size: 6px 6px;content: "";inset: 0;mix-blend-mode: overlay;pointer-events: none;position: absolute;}
.wcs-hero__bg.is-active{opacity:1}
.wcs-hero__tabs{position:relative;z-index:3;display:flex;gap:0;}
.wcs-hero__arrows{display:flex;gap:.5rem;margin-top:1rem}

button.wcs-hero__arrow.wcs-hero__arrow--prev { background:transparent; max-width:70px; transition:all 400ms ease;border:none;}
button.wcs-hero__arrow.wcs-hero__arrow--next { background:transparent; max-width:70px; transition:all 400ms ease;border:none;}
button.wcs-hero__arrow.wcs-hero__arrow--prev:hover svg path { fill:rgba(128, 239, 128, 1);opacity:1;}
button.wcs-hero__arrow.wcs-hero__arrow--next:hover svg path { fill:rgba(128, 239, 128, 1);opacity:1;}

.wcs-hero__tab { border:none;transition:all 400ms ease;padding:14px 18px; background: #17222D;color: rgba(255, 255, 255, 0.35);font-family: Audiowide;font-size: 16px;font-style: normal;font-weight: 400;line-height: 110%; /* 19.8px */text-transform: capitalize;}
.wcs-hero__tab.is-active { border:none;transition:all 400ms ease; top: -10px;position: relative;padding:14px 18px; background: #80EF80; transition: all 400ms ease; color: #324457;font-family: Audiowide;font-style: normal;font-weight: 400;line-height: 110%; /* 19.8px */text-transform: capitalize;}

.button-flex { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between;}

@media (max-width:1399px) {
  .wcs-hero__tab { font-size:14px;}
}
@media (max-width:1199px) {
  .wcs-hero__tab { font-size:14px;}
}
@media (max-width:991px) {
  .wcs-hero__copy { left:0; width:100%; max-width:100%;}
}
@media (max-width:767px) {
}
.wcs-hero__inner {
  display: flex;
  align-items: stretch;
  gap: 40px;
}

.wcs-hero__col {
  flex: 1;
  position: relative;
}

.wcs-hero__col--copy {
  max-width: 45%;
}

.wcs-hero__col--stage {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.wcs-hero__stage {
  flex: 1;
  position: relative;
}

.wcs-hero__tabs {
  display: flex;
  margin-top: 10px;
}