body {
      overflow-x: hidden;
      background-color: #F7FAFF;
  }

  .limit-text {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      /* Maksimal 2 baris */
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
  }

  /* Custom styling for next/prev buttons */
  .swiper-button-next,
  .swiper-button-prev {
      background-color: rgba(0, 0, 0, 0.1);
      /* White with reduced opacity */
      border-radius: 50%;
      /* Rounded full circle */
      width: 45px;
      /* Set size of the button */
      height: 45px;
      /* Set size of the button */
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 1;
      /* Optional: Reduce opacity */
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
      font-size: 15px;
      /* Set font size for the arrows */
      color: white;
      /* White color for the arrow icon */
  }

  /* Adjusting position to be more centered */
  .swiper-button-next,
  .swiper-button-prev {
      top: 50%;
      /* Vertically center the button */
      transform: translateY(-50%);
      /* Adjust for true centering */
  }

  @media (max-width: 768px) {

      .swiper-button-next,
      .swiper-button-prev {
          width: 30px;
          height: 30px;

      }

      .swiper-slide img {
          height: 135px;
      }

      .swiper-button-next::after,
      .swiper-button-prev::after {
          font-size: 10px;

      }

      #news {
          margin-left: -12px;
      }

      #foot {
          margin-left: -70px !important;
      }

      .box {
          width: 80%;
          position: relative;
          top: -30px;
          height: 230px !important;
      }

      #search__container {
          display: flex;
          position: relative;
          flex-direction: column;
      }

      #relate {
          margin-left: 85px !important;
      }

      #ned {
          margin-left: 10px;
          position: relative;
          top: -20px;
      }

      #search__container input {
          width: 100%;
          margin-bottom: 10px;
      }

      #search__container button {
          position: relative;
          width: 100%;
          margin-top: 10px;
          left: 0;
          display: flex;
          /* Gunakan flexbox untuk mengatur konten di dalam tombol */
          justify-content: center;
          /* Menyusun elemen secara horisontal di tengah */
          align-items: center;
          /* Menyusun elemen secara vertikal di tengah */
          text-align: center;
          /* Pastikan teks di dalam tombol berada di tengah */
      }

      .listing_feature {
          margin-top: 90px !important;
      }

      #les {
          margin-left: 5px;
      }

      #boxes {
          width: 110%;
          /* Lebar penuh untuk HP */
          display: flex;
          flex-direction: column;
          /* Agar tampil vertikal */
          align-items: center;
      }

      #boxes>div {
          width: 96%;
          /* Ubah ukuran box agar lebih lebar */
      }

      .box {
          width: 350px !important;
      }

      #box-con {
          margin-left: -1px;
      }
  }