.home-section {
  position: relative;
  width: 100%;
  height: 20rem;
  overflow: hidden;
}

.home-bg-container {
  position: absolute;
  inset: 0;
  background-image: url("/images/bgimage.png");
  background-size: cover;
  background-position: center;
}

.home-bg-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #d6cdf346, #d3cbeb69);

  opacity: 0.9;
}

.home-content-container {
  position: relative;
  z-index: 10;
  width: 100%;
  margin: auto;
  padding: 20px;
  display: flex;
  justify-content: end;
  align-items: end;
}
.home-text-section {
  width: 50%;
  text-align: end;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: end;
  align-items: end;
}
.home-text-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.home-heading {
  font-size: 2rem;
  font-weight: 600;
  color: #6f51c7;
}

.home-paragraph {
  font-size: 1rem;
  color: black;
}

@media (max-width: 900px) {
  .home-text-section {
    width: 75%;
  }
  .home-paragraph {
    font-size: 1.125rem;
  }
  .home-heading {
    font-size: 1.875rem;
  }
}

@media (max-width: 600px) {
  .home-text-section {
    width: 190%;
  }
  .home-paragraph {
    font-size: 14px;
  }
  .home-heading {
    font-size: 1rem;
  }
}