.open-positions-title {
  text-align: center;
  margin-bottom: 4rem;
  color: var(--white-500);
}

.form-wrapper {
  position: relative;
  isolation: isolate;
}

.form-gradient {
  inset: 0;
  z-index: -1;
  left: 0.75rem;
  display: none;
  position: absolute;
  border-radius: var(--br-2xl);
  background: transparent linear-gradient(90deg, #3c3b649d 0%, #0e0c1f00 70%) 0%
    0% no-repeat padding-box;
}

.position-info {
  padding-left: 0rem;
  margin-top: 3.75rem;
}

.position-info p {
  color: var(--white-500);
  font-weight: var(--fw-m);
}

.position-info p b {
  color: var(--green-500);
  font-weight: var(--fw-b);
}

.position-title {
  margin-bottom: 1rem;
}

.position-info-section {
  margin-top: 2rem;
}

.position-info-list {
  list-style: disc;
  margin-left: 2rem;
  margin-top: 1rem;
}

.position-info-section li {
  position: relative;
  padding-left: 10px;
}

.position-info-section li::marker {
  font-size: 20px;
  color: var(--purple-500);
}

.position-info .apply-here {
  margin-top: 1rem;
  color: var(--green-500);
  font-weight: var(--fw-b);
  font-size: var(--fs-2xl);
}

.position-info .apply-here span {
  cursor: pointer;
  color: var(--purple-500);
  text-decoration: underline;
}

.social-popup {
  opacity: 0;
  transition: all 0.25s ease-in-out;
}

.social-popup.active {
  opacity: 1;
}

.social-popup {
  display: flex;
  max-width: fit-content;
  padding: 0.5rem;
  background-color: var(--blue-900);
  box-shadow: -1px -5px 10px 6px rgba(79, 67, 188, 0.21);
  -webkit-box-shadow: -1px -5px 10px 6px rgba(79, 67, 188, 0.21);
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: var(--br-m);
}

.social-popup a {
  transition: all 0.25s ease-in-out;
}

.social-popup a img {
  height: 20px;
}

.social-popup a:hover {
  transform: scale(1.2);
}

@media (min-width: 992px) {
  .form-gradient {
    display: block;
  }
  .position-info {
    padding-left: 2rem;
  }

  .position-info-list {
    margin-left: 1.5rem;
    margin-top: 0.5rem;
  }
}