
.page-title-home-1 .image {
  width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  overflow: hidden;
  position: relative;
}

.page-title-home-1 .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* ===== Mobile & Tablet Styles ===== */
@media (max-width: 991px) {
    .tf-container {
    padding-left: 31px;
  }


}
/* ===== Desktop & Laptop: normal horizontal layout ===== */
.category-wrapper {
    flex-direction: row;           /* horizontal layout */
    align-items: center;
    gap: 20px;                     /* spacing between list and button */
}

.category-list {
    display: flex;
    flex-wrap: wrap;               /* wrap buttons if too many */
    gap: 20px;
    padding-left: 0;
    list-style: none;
}

.category-list li a {
    padding: 8px 16px;
    border-radius: 6px;
    display: inline-block;
    font-size: 15px;
    white-space: normal;           /* allow wrapping if needed */
}

/* ===== Mobile overrides ===== */
@media (max-width: 767px) {
      .page-title-home-1 .image {
    height: 100dvh;
    min-height: 100vh;
  }

  .page-title-home-1 .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
  }
      .pawan-bottom {
        padding-bottom: 80px;
    }

    .category-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .category-list {
        flex-wrap: nowrap;        /* no wrap on mobile */
        overflow-x: auto;         /* horizontal scroll */
        -webkit-overflow-scrolling: touch;
        gap: 10px;                /* spacing between buttons */
        width: 100%;
    }

    .category-list li a {
        white-space: nowrap;      /* prevent breaking */
        padding: 6px 12px;
        font-size: 14px;
    }

    .batan {
        align-self: flex-start;   /* place button under list */
        padding: 8px 16px;
        font-size: 14px;
    }
}
@media (max-width: 767px),
       (max-width: 991px) {
  .page-title-home-1 .slide-home-1 .image img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}



