/* ✅ Base Section (Desktop) */
.home-section {
  display: flex; /* Centers content vertically */
  align-items: center; /* ✅ Vertical center */
  background-image: url('https://www.theestheticclinics.com/treatments/wp-content/uploads/2025/10/tec-home-pg-banner.png');
  /* background-image: url('../assets/image/Banner/Home-banner-2.png'); */
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  color: #fff;
}

/* ✅ Text Styling */
.about-heading {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 600;
  color: #fff;
  max-width: 900px;
  margin: 0 auto;
}

.about-heading .highlight {
  color: #f4801e;
  font-weight: 600;
}

/* ✅ Tablet View */
@media (max-width: 991px) {
  .home-section {
    background-image: url('https://www.theestheticclinics.com/treatments/wp-content/uploads/2025/09/Banner.jpg');
    /* background-image: url("../assets/image/Banner/Home-banner-2-tab.png"); */
    /* background-size: cover;
    background-repeat: no-repeat; */
    background-position: center top;
    background-size: cover;
    height: 50vh; /* still keeps proportional height */
    padding: 0 15px;
  }

  .about-heading {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

/* ✅ Mobile View */
@media (max-width: 576px) {
  .home-section {
    background-image: url('https://www.theestheticclinics.com/treatments/wp-content/uploads/2025/09/Banner.jpg');
    /* background-image: url("../assets/image/Banner/Home-banner-2-tab.png"); */
    /* background-size: cover;
    background-repeat: no-repeat; */
    background-position: center center;
    height: 50vh;
    padding: 0 15px;
  }

  .about-heading {
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
  }
}