.resources-hero-container {
  background: linear-gradient(180deg, #050b32 62.74%, #010520 100%);
  position: relative;
}

.resources-hero-wrapper {
  padding: 88.5px 0px;
  max-width: 1308px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.re-hero-content {
  max-width: 697px;
  position: relative;
}

.re-hero-content h1 {
  font-family: Geist;
  font-weight: 600;
  font-size: 64px;
  line-height: 125%;
  margin: 0 0 24px 0;
}

.re-hero-content p {
  font-family: IBM Plex Sans;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  margin: 0;
  max-width: 535px;
}

.resources-hero-wrapper img {
  position: absolute;
  right: 0;
  bottom: 0;
}

.top-graphic {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.top-center-graphic {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.left-graphic {
  position: absolute;
  left: 0;
  bottom: 0;
}

.right-graphic {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.resources-hero-container .right-graphic {
  width: auto;
}

.gradient_text {
  background: linear-gradient(180deg, #b7efff 0%, #68deff 100%);
  color: transparent;
  background-clip: text;
}

.right-graphic-mobile {
  display: none;
}

@media (max-width: 768px) {
  .right-graphic-mobile {
    display: block;
    position: absolute;
    bottom: 0;
    right: 20px;
  }

  .right-graphic {
    display: none;
  }

  .left-graphic {
    display: none;
  }
}