.home-page {
  height: auto;
}
.home-hero {
  background: #fff; /* optional */
  color: #000; /* optional */
}
/* Mobile default: QS normal flow under hero content */
.qs-wrap {
  background: #ffffff;
  position: relative;
  padding-bottom: 1.25rem; /* مسافة لطيفة تحت الكروت بالموبايل */

  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.home-why-cover {
  padding: 3em 1em !important;
}
.home-why__container > h2 {
  color: #fff !important;
}
.home-partner {
  padding: 10svh 0;
  background: #ffffff;
}
.qs-row {
  display: flex;
  flex-direction: column;
  padding-top: 2em;
  gap: 2em;
}
@media (min-width: 992px) {
  .hero-inner {
    /* padding: 10svh 0; */
  }
  .home-inner {
    /* padding: 12svh 0; */
  }
  .home-hero {
    /* padding-bottom: 5svh; */
  }
  .qs-wrap {
    height: 100%;
    background: white;
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
    padding-bottom: 0;
    z-index: 5; */
    position: relative;
    padding-bottom: 1.25rem;
  }

  .qs-row {
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 0; 
    transform: translateY(50%); 
    margin-top: 0; 
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2em;
    padding: 1em; */

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 2em;
    padding: 1em;
    justify-content: center;
  }

  .bg-fixed {
    /* fixed background */
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
  } /* Optional: overlay subtle to improve readability */
  .bg-fixed::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #ffffff3f;
    /* background: rgba(0, 0, 0, 0.3); */
    pointer-events: none;
  }
  .bg-fixed > * {
    position: relative;
    /* z-index: 1; */
  }
}