.violet-text-gradient {
  background: linear-gradient(90deg, #8972ff 37.44%, #d1c8ff 61.42%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.heading-text-gradient {
  background: linear-gradient(
    181.83deg,
    #ffffff 1.55%,
    rgba(255, 255, 255, 0.75) 98.45%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.job-card {
  background: linear-gradient(
    14.78deg,
    rgba(55, 52, 69, 0.0612) 3.84%,
    rgba(55, 52, 69, 0.1656) 103.86%
  );
  backdrop-filter: blur(21px);
}
.job-card:hover {
  box-shadow: 0px 2px 22px 0px rgba(178, 163, 255, 0.27);
}
.job-card::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;
  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.job-tag {
  background: radial-gradient(
    101.78% 190.99% at 37.06% -14.58%,
    rgba(255, 255, 255, 0.11) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );
  backdrop-filter: blur(21px);
}

.job-tag::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: inherit;

  background:
    radial-gradient(
        106.37% 282.8% at -3.82% -3.12%,
        rgba(21, 21, 21, 0.6) 0%,
        rgba(21, 21, 21, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        131.07% 260.49% at 0% 0%,
        #6b4eff 0%,
        rgba(107, 78, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */,
    radial-gradient(
        98.54% 262.92% at 1.46% 0%,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
      )
      /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.new-primary-button {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  transition:
    border 120ms ease 0s,
    background-color,
    color,
    box-shadow,
    opacity;
}

.new-primary-button:hover {
  box-shadow: 0px 4px 40px 0px rgba(107, 78, 255, 0.6);
}

.light-purple-gradient {
  position: relative;
  background: linear-gradient(
    14.78deg,
    rgba(55, 52, 69, 0.136) 3.84%,
    rgba(55, 52, 69, 0.368) 103.86%
  );
}

.light-purple-gradient::before {
  content: '';
  position: absolute;
  width: 100%;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    164.98deg,
    #373445 -10.78%,
    rgba(55, 52, 69, 0) 130.84%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.dropdown-gradient {
  position: relative;
  background: linear-gradient(23.79deg, #120f24 13.95%, #120f24 85.18%);
}

.dropdown-gradient::before {
  content: '';
  position: absolute;
  width: 100%;
  inset: 0;
  padding: 1px;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    164.98deg,
    #373445 -10.78%,
    rgb(55, 52, 69) 130.84%
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.form-checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-checkbox:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: center;
  border-color: rgb(139 92 246); /* violet-500 */
  background-color: rgb(139 92 246); /* violet-500 */
}

@media screen and (min-width: 1024px) {
  .share-icon {
    position: relative;
    border-radius: 4px;
  }

  .share-icon:hover {
    background: linear-gradient(
      14.78deg,
      rgba(55, 52, 69, 0.17) 3.84%,
      rgba(55, 52, 69, 0.46) 103.86%
    ) !important;
  }

  .share-icon:hover:before {
    content: '';
    position: absolute;
    width: 100%;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(
      164.98deg,
      #373445 -10.78%,
      rgba(55, 52, 69, 0) 130.84%
    );
    -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
}

@media screen and (max-width: 1023px) {
  .show-mob-tooltip[tooltip]:after {
    opacity: 1;
  }
}

.related-stories-heading {
  background: linear-gradient(
    181.83deg,
    #ffffff 1.55%,
    rgba(255, 255, 255, 0.75) 98.45%
  );
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.75rem;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.related-study-card:nth-child(n + 2) {
  margin-left: 1rem;
}