@font-face { font-family: "Hellix SemiBold"; src: url("hellix-semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
html, body { margin: 0px; overflow-x: clip; text-align: center; font-family: Inter; background: url("header-about.png") center top no-repeat rgb(0, 0, 0); }
p, h3, h4, h1, h2 { margin-block: 0px; }
img { max-width: 100%; }
ul { padding-inline-start: 0px; margin-block: 0px; }
ul li { list-style: none; font-family: Inter; }
.container {
  max-width: 1200px; margin: 0px auto;
  @media only screen and (max-width: 700px) {
  max-width: 375px !important;
}
}
.ape1 { width: 100%; }
.logo { float: left; width: 120px; }
.logolink { overflow: hidden; position: absolute; left: 24px; top: 19px; }
header { padding: 19px 24px; text-align: center; }
.navigation { margin: 0px auto; background: black; padding: 3px 4px; display: inline-block; border-radius: 25px; }
.navigation li { float: left; position: relative; }
.navigation li a { color: rgb(255, 255, 255); padding: 7px 15px; text-decoration: none; border: 1px solid rgb(0, 0, 0); border-radius: 20px; float: left; }
.navigation li:hover > a, .hover-active { color: rgb(99, 234, 113); background: rgb(23, 23, 23); border: 1px solid rgb(51, 51, 51); }
.dropdown { position: absolute; top: 55px; left: -40px; background: rgba(0, 0, 0, 0.6); padding: 4px; list-style: none; border-radius: 20px; display: none; }
.dropdown li { float: none; }
.dropdown li a { padding: 10px 15px; color: rgb(255, 255, 255); border-radius: 20px; display: block; width: 140px; border: 1px solid black; }
.dropdown li a:hover { background: rgb(23, 23, 23); color: rgb(99, 234, 113); }
.navigation li ul { display: none; }
.navigation li.open ul { display: block; }
.fade-in { opacity: 0; transition: opacity 0.5s ease-in-out; }
.fade-in.visible { opacity: 1; }
#main-nav-mobi .mobilesub { max-width: 300px; display: inline-block; }
#main-nav-mobi li { overflow: hidden; text-align: center; }
#main-nav-mobi li a { border: 1px solid rgb(51, 51, 51); display: block; line-height: 12pt; font-size: 12pt; }
#main-nav-mobi ul.dropdown { position: relative; top: auto; display: none; margin: 60px auto 0px; padding: 0px; left: auto; width: 243px; }
#main-nav-mobi ul.visible { display: inline-block !important; }
#main-nav-mobi li ul li, #main-nav-mobi li ul li a { width: 240px; }
#main-nav-mobi li ul li a { padding: 15px 0px; line-height: 12pt; font-size: 12pt; float: none; }
#main-nav-mobi ul { text-align: center; }
#main-nav-mobi li a { width: 268px; }
.buttonconnect { float: right; overflow: hidden; height: 42px; background: url("") 10px 10px / 20px no-repeat; margin: 0px; color: white; font-size: 1em; font-family: inter; border: 1px solid rgb(51, 51, 51); border-radius: 20px; padding-left: 40px; padding-right: 15px; }
.buttonconnect:hover { border: 1px solid rgb(99, 234, 113); color: rgb(99, 234, 113); background: url("") 10px -40px / 20px no-repeat; }
.buttonconnect img { width: 100%; float: left; }
.buttonconnect:hover img { margin-top: -42px; }
a { text-decoration: none; cursor: pointer; }
.button-started {
  min-width: 320px; display: flex; align-items: center; justify-content: center; padding: 14px 32px; gap: 10px; border-radius: 24px; background: rgb(21, 255, 157); font-family: Inter; font-size: 15px; font-weight: 400; line-height: 22.5px; letter-spacing: -1px; color: rgb(0, 0, 0); border: 1px solid rgb(21, 255, 157);
  @media only screen and (max-width: 700px) {
  width: max-content; min-width: unset; padding: 8px 16px;
}
  &:hover { background: rgb(39, 176, 121); }
}
.button-started:hover { background: none; border: 1px solid rgb(21, 255, 157); color: rgb(21, 255, 157); }
.card {
  border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); display: flex; flex-direction: column; padding: 32px; border-radius: 16px;
  @media only screen and (max-width: 700px) {
  padding: 24px;
}
  & h4 { font-family: "Hellix SemiBold"; font-size: 24px; font-weight: 600; line-height: 31.2px; letter-spacing: -1px; text-align: left; padding-bottom: 8px; background: linear-gradient(270deg, rgb(255, 255, 255) 47.25%, rgb(255, 255, 255) 47.25%, rgb(172, 66, 255) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
  & h3 { font-family: "Hellix SemiBold"; font-size: 24px; font-weight: 600; line-height: 31.2px; letter-spacing: -1px; text-align: left; padding-bottom: 8px; background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(66, 35, 255) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
  & p { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -1px; text-align: left; color: rgb(152, 152, 152); }
}
.card-icon {
  border: 0.5px solid rgba(255, 255, 255, 0.08); padding: 3px; border-radius: 18px; display: flex; align-items: center; justify-content: center; width: max-content; margin-bottom: 24px;
  & .card-image {
  border: 0.5px solid; padding: 12px; box-shadow: rgba(99, 234, 113, 0.04) -20px 10px 25px 0px inset; background: linear-gradient(0deg, rgb(15, 17, 19), rgb(15, 17, 19)), linear-gradient(rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center; width: max-content;
  & img { width: 30px; height: 30px; }
  @media only screen and (max-width: 700px) {
  padding: 8px;
}
}
}
.card-grid-seconds {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 24px;
  @media only screen and (max-width: 700px) {
  grid-template-columns: repeat(1, 1fr);
}
}
.header-about {
  overflow: hidden; margin-top: 100px;
  @media only screen and (max-width: 700px) {
  margin-top: 10px;
}
  & .box-content-header {
  display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; max-width: 763px; margin: 0px auto;
  @media only screen and (max-width: 700px) {
  margin-top: 50px; width: 100%; gap: 24px;
}
  & .box-about-pes {
  padding: 6px 16px 6px 6px; gap: 6px; border-radius: 32px; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgb(15, 17, 19), rgb(15, 17, 19)), radial-gradient(56.52% 74.7% at 50.36% 100%, rgba(255, 255, 255, 0.067) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid rgb(49, 51, 53); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px 0px, rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset;
  & .ape-about-apes { font-family: Inter; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -1px; text-align: center; background: linear-gradient(rgb(255, 255, 255) 27.08%, rgb(153, 153, 153) 85.42%) text; color: transparent; }
}
  & .box-ape-terminal {
  display: flex; flex-direction: column; gap: 16px;
  & .label-ape-terminal {
  font-family: "Hellix SemiBold"; font-size: 103px; font-weight: 600; line-height: 120px; letter-spacing: -1px; text-align: center; background: radial-gradient(77.99% 64.58% at 49.93% 17.71%, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.6) 100%) text; -webkit-text-fill-color: transparent; color: transparent;
  @media only screen and (max-width: 700px) {
  font-size: 48px; line-height: 48px;
}
}
  & .label-ape-manifesto {
  font-family: "Hellix SemiBold"; font-size: 96px; font-weight: 600; line-height: 96px; letter-spacing: -1px; text-align: center; background: linear-gradient(178.71deg, rgb(255, 255, 255) 7.68%, rgb(21, 255, 157) 89.18%) text; -webkit-text-fill-color: transparent; color: transparent;
  @media only screen and (max-width: 700px) {
  font-size: 48px; line-height: 48px;
}
}
}
  & .box-list-item-ape-terminal {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  @media only screen and (max-width: 700px) {
  flex-direction: column;
}
  font-family: Inter; font-size: 14px; font-weight: 500; line-height: 21px; letter-spacing: -1px; text-align: left;
  & .ape-terminal-item-green {
  display: flex; align-items: center; justify-content: center; background: rgba(15, 17, 19, 0.5); position: relative; padding: 16px; border-radius: 40px; gap: 8px; overflow: hidden; cursor: pointer; z-index: 1;
  &::before { content: ""; position: absolute; inset: 0px; border-radius: 40px; padding: 1px; background: linear-gradient(142.67deg, rgba(99, 234, 113, 0.2) 0%, rgba(255, 255, 255, 0.3) 51.04%, rgba(99, 234, 113, 0.2) 100%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; z-index: -1; }
  & .label-non { background: linear-gradient(0deg, rgb(177, 180, 179), rgb(177, 180, 179)) text, linear-gradient(269.88deg, rgb(244, 253, 171) 4.89%, rgb(21, 255, 157) 99.36%), linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(21, 255, 157) 100%); color: transparent; -webkit-text-fill-color: transparent; }
}
  & .ape-terminal-item {
  cursor: pointer; display: flex; align-items: center; justify-content: center; background: rgba(15, 17, 19, 0.5); position: relative; padding: 16px; border-radius: 40px; gap: 8px; overflow: hidden; z-index: 1;
  &::before { content: ""; position: absolute; inset: 0px; border-radius: 40px; padding: 1px; background: linear-gradient(142.67deg, rgba(184, 34, 255, 0.2) 0%, rgba(255, 255, 255, 0.3) 51.04%, rgba(171, 34, 255, 0.2) 100%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box exclude, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); pointer-events: none; z-index: -1; }
  & .label-zero { background: linear-gradient(0deg, rgb(177, 180, 179), rgb(177, 180, 179)) text, linear-gradient(90deg, rgb(211, 34, 255) 0.45%, rgb(232, 171, 253) 100.45%), linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(164, 47, 255) 100%); color: transparent; -webkit-text-fill-color: transparent; }
  & .label-no { background: linear-gradient(0deg, rgb(177, 180, 179), rgb(177, 180, 179)) text, linear-gradient(90deg, rgb(211, 34, 255) 0.45%, rgb(232, 171, 253) 100.45%), linear-gradient(270deg, rgb(255, 255, 255) 26.6%, rgb(50, 46, 255) 100%); color: transparent; -webkit-text-fill-color: transparent; }
}
}
  & .des-ape-terminal {
  background: linear-gradient(90deg, rgb(21, 255, 157) 0%, rgb(255, 255, 255) 100%) text; -webkit-text-fill-color: transparent; color: transparent; font-family: Inter; font-size: 20px; font-weight: 600; line-height: 32px; letter-spacing: -1px; text-align: center; max-width: 745px;
  @media only screen and (max-width: 700px) {
  font-size: 16px; line-height: 24px; max-width: 303px;
}
}
  & .info-ape-terminal {
  font-family: Inter; font-size: 20px; font-weight: 400; line-height: 32px; letter-spacing: -1px; text-align: center; color: rgb(177, 180, 179); max-width: 651px;
  @media only screen and (max-width: 700px) {
  font-size: 16px; line-height: 24px; max-width: 303px;
}
}
}
}
.featured-cta {
  margin-top: 100px; height: 520px; display: flex; justify-content: center; align-items: center;
  @media only screen and (max-width: 700px) {
  margin-top: 88px; height: auto;
}
  & .box-cta-info {
  display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 362px; padding-top: 150px;
  @media only screen and (max-width: 700px) {
  height: auto;
}
  & .value-user-join {
  font-family: "Hellix SemiBold"; font-size: 66px; font-weight: 600; line-height: 72.6px; letter-spacing: -1px; text-align: center; color: rgb(255, 255, 255); padding-bottom: 16px;
  & .value { background: linear-gradient(270.22deg, rgb(255, 255, 255) 33.53%, rgb(21, 255, 157) 75.05%) text; color: transparent; -webkit-text-fill-color: transparent; }
  & .value-customers { background: linear-gradient(270.15deg, rgb(255, 255, 255) 0.13%, rgb(21, 255, 157) 99.13%) text; color: transparent; -webkit-text-fill-color: transparent; }
  @media only screen and (max-width: 700px) {
  font-size: 32px; line-height: 40px;
}
}
  & .des-value-user {
  font-family: Inter; font-size: 24px; font-weight: 400; line-height: 38.4px; letter-spacing: -1px; text-align: center; color: rgb(177, 180, 179);
  @media only screen and (max-width: 700px) {
  font-size: 16px; line-height: 24px;
}
}
  & .featured-cta-container {
  display: flex; padding-top: 64px; align-items: center; justify-content: center; gap: 8px;
  @media only screen and (max-width: 700px) {
  flex-direction: column; padding-top: 24px; gap: 16px;
}
  & .featured-cta-item {
  position: relative;
  & .value {
  font-family: "Hellix SemiBold"; font-size: 36px; font-weight: 600; line-height: 44.64px; letter-spacing: -1px; text-align: left; color: rgb(255, 255, 255);
  @media only screen and (max-width: 700px) {
  font-size: 24px; line-height: 32px;
}
}
  & .des-value {
  font-family: Inter; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -1px; text-align: center;
  @media only screen and (max-width: 700px) {
  font-size: 16px; line-height: 24px;
}
}
  & .box-info-item {
  display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 11px; width: 100%; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  & .des-value-assets { background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(164, 47, 255) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
  & .des-value-average { background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(21, 255, 157) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
}
  & .box-info-item-left {
  display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 11px; width: 100%; z-index: 1; position: absolute; left: 20%; top: 50%; transform: translate(-50%, -50%);
  & .des-value-countries { background: linear-gradient(270deg, rgb(255, 255, 255) 26.6%, rgb(50, 46, 255) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
}
}
}
}
}
.featured-rapidly {
  margin-top: 100px; position: relative;
  @media only screen and (max-width: 700px) {
  margin-top: 88px;
}
  & .box-info-rapidly {
  & .image-glow {
  width: 100%; right: -15%; top: -100%; position: absolute;
  @media only screen and (max-width: 700px) {
  display: none;
}
}
  position: relative; display: flex; align-items: center; width: 100%;
  @media only screen and (max-width: 700px) {
  flex-direction: column; gap: 24px;
}
  & .image-rapidly {
  max-width: 594px; max-height: 444px; z-index: 2;
  & img { max-height: 444px; }
}
  & .info-rapidly {
  max-width: 574px; display: flex; flex-direction: column; gap: 24px;
  & .text-rapidly {
  font-family: "Hellix SemiBold"; font-size: 66px; font-weight: 600; line-height: 72.6px; letter-spacing: -1px; text-align: left; color: rgb(255, 255, 255);
  @media only screen and (max-width: 700px) {
  font-size: 32px; line-height: 40px;
}
}
  & .des-rapidly {
  font-family: "Hellix SemiBold"; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: -1px; text-align: left; color: rgb(255, 255, 255); max-width: 463px;
  @media only screen and (max-width: 700px) {
  font-size: 16px; line-height: 24px;
}
  & .value-rapidly { background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(21, 255, 157) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
  & .color-green { color: rgb(21, 255, 157); }
}
  & .box-user {
  width: max-content; border: 0.5px solid rgb(49, 51, 53); border-radius: 60px; background: linear-gradient(0deg, rgb(15, 17, 19), rgb(15, 17, 19)), radial-gradient(56.52% 74.7% at 50.36% 100%, rgba(255, 255, 255, 0.067) 0%, rgba(255, 255, 255, 0) 100%); padding: 2px;
  & .content-user {
  padding: 6px 16px 6px 6px; gap: 6px; border-radius: 32px; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgb(15, 17, 19), rgb(15, 17, 19)), radial-gradient(56.52% 74.7% at 50.36% 100%, rgba(255, 255, 255, 0.067) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid rgb(49, 51, 53); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px 0px, rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset;
  & .label-user { font-family: Inter; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -1px; text-align: center; background: linear-gradient(rgb(255, 255, 255) 27.08%, rgb(153, 153, 153) 85.42%) text; color: transparent; -webkit-text-fill-color: transparent; }
}
}
}
}
}
.featured-ape-launchpad {
  margin-top: 100px;
  @media only screen and (max-width: 700px) {
  margin-top: 88px;
}
  & .des-ape-launchpad {
  padding-top: 16px; background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(164, 47, 255) 100%) text; color: transparent; -webkit-text-fill-color: transparent; font-family: "Hellix SemiBold"; font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: -1px; text-align: left; max-width: 463px;
  @media only screen and (max-width: 700px) {
  font-size: 16px; line-height: 24px;
}
}
  & .image-glow-ape-launchpad {
  left: -40%; top: -100%; position: absolute;
  @media only screen and (max-width: 700px) {
  display: none;
}
}
  & .glow-about-second {
  right: -27%; top: -100%; position: absolute; z-index: 1;
  @media only screen and (max-width: 700px) {
  display: none;
}
}
  & .box-info-launchpad {
  display: flex; position: relative; align-items: center; gap: 114px; width: 100%;
  @media only screen and (max-width: 700px) {
  flex-direction: column; gap: 40px;
}
  & .image-launchpad {
  max-width: 594px; max-height: 444px; z-index: 2;
  & img { max-height: 444px; }
}
  & .button-learn { margin-top: 48px; font-family: Inter; font-size: 15px; font-weight: 400; line-height: 22.5px; letter-spacing: -1px; text-align: left; color: rgb(0, 0, 0); width: 160px; border: 1px solid rgb(172, 66, 255); background: rgb(172, 66, 255); display: flex; align-items: center; justify-content: center; padding: 14px 32px; gap: 10px; border-radius: 24px; }
  & .button-learn:hover { background: transparent; color: rgb(172, 66, 255); }
  & .info-launchpad {
  max-width: 574px;
  & .text-launchpad {
  padding-top: 16px; font-family: "Hellix SemiBold"; font-size: 66px; font-weight: 600; line-height: 72.6px; letter-spacing: -1px; text-align: left; color: rgb(255, 255, 255);
  @media only screen and (max-width: 700px) {
  flex-direction: column; gap: 40px; font-size: 32px; line-height: 40px;
}
}
  & .box-user {
  width: max-content; border: 0.5px solid rgb(49, 51, 53); border-radius: 60px; background: linear-gradient(0deg, rgb(15, 17, 19), rgb(15, 17, 19)), radial-gradient(56.52% 74.7% at 50.36% 100%, rgba(255, 255, 255, 0.067) 0%, rgba(255, 255, 255, 0) 100%); padding: 2px;
  & .content-user {
  padding: 6px 16px 6px 6px; gap: 6px; border-radius: 32px; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgb(15, 17, 19), rgb(15, 17, 19)), radial-gradient(56.52% 74.7% at 50.36% 100%, rgba(255, 255, 255, 0.067) 0%, rgba(255, 255, 255, 0) 100%); border: 1px solid rgb(49, 51, 53); box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 8px 0px, rgba(255, 255, 255, 0.15) 0px 1px 0px 0px inset;
  & .label-user { font-family: Inter; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: -1px; text-align: center; background: linear-gradient(rgb(255, 255, 255) 27.08%, rgb(153, 153, 153) 85.42%) text; color: transparent; -webkit-text-fill-color: transparent; }
}
}
}
}
}
.featured-ape-card {
  margin-top: 100px;
  @media only screen and (max-width: 700px) {
  margin-top: 88px;
}
  & .card-grid-four {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;
  @media only screen and (max-width: 700px) {
  grid-template-columns: repeat(1, 1fr);
}
}
  & .card-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
  @media only screen and (max-width: 700px) {
  grid-template-columns: repeat(1, 1fr);
}
}
}
.featured-ape-quarterly {
  margin-top: 100px;
  @media only screen and (max-width: 700px) {
  margin-top: 88px;
}
  & .box-info-quarterly {
  position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 996px; margin: 0px auto;
  @media only screen and (max-width: 700px) {
  flex-direction: column; gap: 40px; align-items: flex-start;
}
  & .image-glow-quarterly {
  width: 100%; height: auto; right: -20%; top: -130%; position: absolute; z-index: 1;
  @media only screen and (max-width: 700px) {
  display: none;
}
}
  & .image-quarterly { z-index: 2; }
  & .box-content {
  display: flex; gap: 32px; flex-direction: column;
  & p {
  font-family: "Hellix SemiBold"; font-size: 56px; font-weight: 600; line-height: 61.6px; letter-spacing: -1px; text-align: left; color: rgb(255, 255, 255);
  @media only screen and (max-width: 700px) {
  font-size: 32px; line-height: 40px;
}
}
  & .button-read-more {
  border: 1px solid rgb(21, 255, 157); padding: 10px 24px; gap: 10px; border-radius: 24px; display: flex; align-items: center; justify-content: center; width: max-content;
  & span { font-family: Inter; font-size: 15px; font-weight: 400; line-height: 22.5px; letter-spacing: -1px; text-align: center; color: rgb(21, 255, 157); }
}
}
}
}
.featured-ape-join-future {
  padding-bottom: 100px;
  @media only screen and (max-width: 700px) {
  margin-top: 88px; background-size: contain;
}
  & .box-text-join {
  min-width: 708px; max-width: max-content; margin: 0px auto; height: 236px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 40px; padding-top: 150px;
  @media only screen and (max-width: 700px) {
  width: 100%; min-width: unset; gap: 8px; height: unset; padding-top: 20px;
}
  & h3 {
  font-family: "Hellix SemiBold"; font-size: 66px; font-weight: 600; line-height: 72.6px; letter-spacing: -1px; text-align: center; background: linear-gradient(270.2deg, rgb(255, 255, 255) 0.17%, rgb(21, 255, 157) 97.49%) text; color: transparent; -webkit-text-fill-color: transparent; margin-block: 0px;
  @media only screen and (max-width: 700px) {
  font-size: 24px; line-height: 24px;
}
}
  & p {
  font-family: Inter; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -1px; text-align: center; color: rgb(177, 180, 179);
  @media only screen and (max-width: 700px) {
  font-size: 14px; line-height: 24px;
}
}
}
}
.featured-ape-startups {
  margin-top: 100px;
  @media only screen and (max-width: 700px) {
  margin-top: 88px;
}
  & h1 {
  font-family: "Hellix SemiBold"; font-size: 66px; font-weight: 600; line-height: 72.6px; letter-spacing: -1px; text-align: center; color: rgb(255, 255, 255); max-width: 790px; margin: 0px auto;
  @media only screen and (max-width: 700px) {
  font-size: 32px; line-height: 40px;
}
}
  & .card-grid-startups {
  margin-top: 100px; display: flex; justify-content: space-between;
  @media only screen and (max-width: 700px) {
  flex-direction: column; margin-top: 40px; gap: 24px;
}
  & .card-grid-item {
  max-width: 336px;
  & p { font-family: "Hellix SemiBold"; font-size: 24px; font-weight: 600; line-height: 31.2px; letter-spacing: -1px; text-align: left; background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(164, 47, 255) 100%) text; color: transparent; -webkit-text-fill-color: transparent; }
  & ul {
  font-family: Inter; font-size: 16px; line-height: 24px; letter-spacing: -1px; text-align: left; display: flex; flex-direction: column; gap: 24px; padding-top: 24px; margin-left: 24px;
  & li {
  font-weight: 400; color: rgb(152, 152, 152); list-style: disc !important;
  &::marker { color: rgb(255, 255, 255); }
  & strong { font-weight: 600; color: rgb(255, 255, 255); }
}
}
}
}
}
.featured-ape-questions-launchpads {
  margin-top: 200px;
  @media only screen and (max-width: 700px) {
  margin-top: 88px;
}
  & .box-card-grid {
  margin-top: 87px; position: relative;
  & .glow-image-launchpad {
  position: absolute; left: -25%; top: -80%;
  @media only screen and (max-width: 700px) {
  display: none;
}
}
  & .card-grid-launchpad {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px;
  @media only screen and (max-width: 700px) {
  grid-template-columns: repeat(1, 1fr);
}
}
}
  & .box-card-grid-tokens {
  display: flex; margin-top: 80px; justify-content: space-between; align-items: center; min-height: 160px;
  @media only screen and (max-width: 700px) {
  flex-direction: column; margin-top: 40px; gap: 24px;
}
  & .card-item-seconds { max-width: 430px !important; }
  & .card-item {
  display: flex; align-items: flex-start; gap: 24px; max-width: 330px;
  & .box-content-card {
  display: flex; flex-direction: column; gap: 4px;
  & h3 { background: linear-gradient(270deg, rgb(255, 255, 255) 26.59%, rgb(255, 255, 255) 26.6%, rgb(164, 47, 255) 100%) text; font-family: "Hellix SemiBold"; font-size: 24px; font-weight: 600; line-height: 31.2px; letter-spacing: -1px; text-align: left; -webkit-text-fill-color: transparent; color: transparent; }
  & p { font-family: Inter; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: -1px; text-align: left; color: rgb(152, 152, 152); }
}
}
}
  & .box-content-launchpad {
  display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; max-width: 790px; margin: 0px auto;
  & p { font-family: Inter; font-size: 18px; font-weight: 400; line-height: 27px; letter-spacing: -1px; text-align: center; color: rgb(152, 152, 152); max-width: 603px; }
  & h1 {
  font-family: "Hellix SemiBold"; font-size: 66px; font-weight: 600; line-height: 72.6px; letter-spacing: -1px; text-align: center; color: rgb(255, 255, 255); max-width: 790px; margin: 0px auto;
  @media only screen and (max-width: 700px) {
  font-size: 32px; line-height: 40px;
}
}
}
}
.border-right {
  border: 1px solid rgb(49, 51, 53); width: 0px; min-height: 160px;
  @media only screen and (max-width: 700px) {
  width: 100%; height: 0px; min-height: unset;
}
}
.boder-top {
  margin-top: 100px; border-top: 1px solid rgb(29, 31, 33);
  @media only screen and (max-width: 700px) {
  margin-top: 0px;
}
}
.mobile-button { display: none; position: absolute; width: 26px; height: 26px; float: right; top: 30px; right: 25px; background-color: transparent; cursor: pointer; transition: 0.3s; transform: translateY(-50%); z-index: 5; }
.mobile-button::before, .mobile-button::after, .mobile-button span { background-color: rgb(255, 255, 255); transition: 0.3s; }
.mobile-button::before, .mobile-button::after { content: ""; position: absolute; height: 3px; width: 100%; left: 0px; top: 50%; transform-origin: 50% 50%; }
.mobile-button span { position: absolute; width: 100%; height: 3px; left: 0px; top: 50%; overflow: hidden; text-indent: 200%; }
.mobile-button::before { transform: translate3d(0px, -7px, 0px); }
.mobile-button::after { transform: translate3d(0px, 7px, 0px); }
.mobile-button.active span { opacity: 0; }
.mobile-button.active::before { transform: rotate3d(0, 0, 1, 45deg); }
.mobile-button.active::after { transform: rotate3d(0, 0, 1, -45deg); }
#main-nav-mobi { display: none; margin: 0px auto; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 5; box-shadow: rgba(47, 83, 109, 0.12) 0px 3px 16px; }
#main-nav-mobi { box-shadow: rgba(47, 83, 109, 0.2) 0px 3px 16px; }
#main-nav-mobi ul { display: block; list-style: none; margin: 0px; padding: 0px; }
.logomob { display: none; }
#main-nav-mobi li a { display: inline-block; padding: 15px; border-radius: 20px; background: rgb(17, 17, 17); text-align: center; }
#main-nav-mobi li a:hover { color: rgb(99, 234, 113); }
#main-nav-mobi li { float: none; margin-bottom: 10px; }
#main-nav-mobi { background: rgba(0, 0, 0, 0.7); padding: 20px 0px; }
#main-nav-mobi ul { background: transparent; }
#main-nav-mobi .buttonconnect { float: none; display: inline-block; margin: 10px 0px; width: 232px; height: 47px; background: url("") 10px 12px / 20px no-repeat rgb(17, 17, 17); padding-top: 0px; padding-left: 8px; }
#main-nav-mobi .buttonconnect:hover { border: 1px solid rgb(99, 234, 113); color: rgb(99, 234, 113); background: url("") 10px -38px / 20px no-repeat; }
#main-nav-mobi .logomob { display: inline-block; margin: 20px 0px; width: 40px; }
@media screen and (max-width: 1200px) {
  .ape2 { padding: 0px 3% 20px; max-width: 100%; }
}
@media screen and (max-width: 1000px) {
  .mobile-button { display: block; }
}
footer { margin-top: 150px; }
.footercon { float: right; width: 80%; margin-bottom: 50px; }
.footercon div { float: right; margin-right: 100px; }
.footercon div:first-child { margin-right: 0px; }
.footercon ul { margin-top: 20px; }
.footercon ul li { margin-bottom: 20px; }
.footercon h2 { color: rgb(118, 118, 118); font-size: 1em; }
.footercon a { color: rgb(200, 203, 202); text-decoration: none; }
.footercon a:hover { color: rgb(99, 234, 113); }
.footercon .socialscon { margin-top: 15px; }
.footernote { clear: both; padding-bottom: 20px; color: rgb(126, 129, 128); }
.footernote img { max-width: 10px; margin-top: 5px; }
.footernote a { float: right; color: rgb(126, 129, 128); text-decoration: none; display: inline-block; }
.footernote a { width: 165px; }
.footernote a:nth-child(2) { width: 130px; }
.footernote a span, .footernote a img { float: left; display: inline-block; }
.footernote a span { margin-right: 5px; }
.footernote a:hover { color: rgb(99, 234, 113); }
.footer3 { width: 160px; text-align: right; }
.footer3 .socialscon { margin-right: 0px; }
.footerlogo { overflow: hidden; display: inline-block; }
.socialscon { width: 134px; height: 40px; background: url("socials-container.svg.html") no-repeat; margin: 40px auto; overflow: hidden; padding: 4px 3px; }
.socialscon a { float: left; margin-right: 5px; width: 64px; height: 40px; overflow: hidden; }
.socialscon a:hover img { margin-top: -40px; }
.socialscon a:last-child { margin-right: 0px; }
.footercon .socialscon { margin-top: 15px; }
.footer3 .socialscon { margin-right: 0px; }
.ape2 { max-width: 1200px; margin: 0px auto; text-align: left; }
.whyapeterminal, .featured-ape-quarterly { margin-top: 200px; }
.featured-ape-join-future { margin-top: 0px !important; }
.box-cta-info { position: relative; z-index: 3; }
@media screen and (max-width: 850px) {
  .footercon div { margin-right: 50px; }
}
@media screen and (max-width: 750px) {
  .footernote .footerleft, .footernote .footerlinks { display: block; overflow: hidden; text-align: center; }
  .footernote { text-align: left; }
  .footernote a { width: 180px; float: none; display: inline-block; }
  .footerleft { margin-bottom: 30px; }
}
@media screen and (max-width: 700px) {
  .footercon { float: none; width: 100%; margin-top: 50px; overflow: hidden; }
  .footerlogo .logo { float: none; }
  .footercon .footer1, .footercon .footer2, .footercon .footer3 { width: 30%; margin-right: 0px; }
  .footercon .footer3 { width: 40%; }
}
@media screen and (max-width: 600px) {
  .ape2 { padding: 0px 5% 20px; max-width: 100%; }
  .button-started { margin-top: 20px; width: 160px !important; }
}
@media screen and (max-width: 450px) {
  .footercon .footer1, .footercon .footer2, .footercon .footer3 { width: 45%; margin-right: 5%; float: left; }
  .footercon .footer2 { margin-right: 0px; }
  .footercon .footer3 { width: 100%; margin-right: 0px; text-align: left; }
  .footercon .socialscon { width: 98%; height: 43px; overflow: hidden; background: rgb(51, 51, 51); border-radius: 20px; padding-bottom: 4px; }
  .footercon .socialscon a { display: inline-block; width: 49%; text-align: center; height: 43px; overflow: hidden; background: black; border-radius: 20px; }
  .footercon .socialscon a img { width: 67px; display: inline-block; }
  .footercon .socialscon a:hover img { margin-top: -41px; }
}
p.label-zero, p.label-non, p.label-no { letter-spacing: 1px; }
span.readmore a { width: 157px; height: 48px; overflow: hidden; display: block; }
span.readmore a:hover img { margin-top: -48px; }
.blurbackleft { position: absolute; left: -220px; top: -189px; z-index: 3; width: 800px; }
.blurbackright { position: absolute; right: 0px; top: -130px; z-index: 3; width: 800px; }
.blurrightgreen { right: -130px; }
.webinstitutions .blurbackright { top: -180px; }
.featured-ape-launchpad, .featured-ape-quarterly { position: relative; }
.box-card-con { width: 100%; text-align: center; position: relative; }
@media screen and (max-width: 1200px) {
  .blurbackleft { left: -350px; width: 500px; top: -60px; }
  .blurbackpurple { width: 650px; left: -75px; top: -39px; }
  .blurbackright { right: -20px; top: -60px; z-index: 3; width: 500px; }
  .webinstitutions .blurbackright { top: -60px; }
  .image-glow { width: 500px !important; }
}
@media screen and (max-width: 600px) {
  .blurbackleft { left: -80px; width: 500px; top: 0px; }
  .blurbackright { right: -80px; top: -60px; z-index: 3; width: 500px; }
  .blurbackright { top: 200px; }
  .webinstitutions .blurbackright { top: 300px; }
}
.mobilesub .navigation ul.show { display: inline-block; }
.strongapes { position: absolute; top: -80px; max-width: 200%; width: 200%; z-index: 0 !important; }
.featured-cta { position: relative; margin-bottom: 250px; }
.featured-ape-join-future { position: relative; align-items: center; display: flex; justify-content: center; margin-top: 150px; }
.featured-ape-questions-launchpads { position: relative; align-items: center; justify-content: center; }
.box-text-join { position: relative; z-index: 4; }
.strongapes2 { top: -60px; }
footer { position: relative; z-index: 6; }
@media screen and (max-width: 1000px) {
  .strongapes { top: 100px; max-width: 150%; width: 150%; }
  .strongapes2 { top: -10px; max-width: 190%; width: 190%; }
}
@media screen and (max-width: 700px) {
  .box-text-join h3 { font-size: 25pt !important; margin-bottom: 10px !important; line-height: 30pt !important; }
  .featured-cta, .featured-rapidly { margin-top: 0px !important; }
  .featured-cta { margin-bottom: 150px !important; }
  .featured-cta .strongapes2 { top: 74px; }
  .featured-ape-join-future { margin-top: 50px !important; }
  .featured-ape-quarterly { margin-top: 100px !important; }
  .whyapeterminal .blurbackright { top: 304px !important; }
  .featured-ape-quarterly .blurbackright { top: 87px !important; }
  .featured-ape-quarterly .blurrightgreen, .featured-rapidly .blurrightgreen { top: 258px !important; }
}