.heroSectionWrapper {
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.28) 7.49%,
    rgba(145, 84, 244, 0.28) 72.44%,
    rgba(77, 33, 255, 0.28) 105.09%
  );
}

.heroSectionHeading {
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.vdHeroSectionRight img {
  max-width: 517px;
  width: 100%;
}

.featureSection {
  gap: 6rem;
}

.featureSectionHeading {
  max-width: 818px;
  font-size: 2.5rem;
  line-height: 3.75rem;
}

.featureCardHeading {
  font-size: 1.875rem;
  line-height: 2.82rem;
}

.ctaSectionHeading {
  max-width: 1034px;
  line-height: 3.75rem;
}

.featureCardRight4 img {
  max-width: 462px;
  width: 100%;
}

@media only screen and (max-width: 768px){
  .heroSectionWrapper{
    padding-top: 14.5rem;
  }
}