.price-table .value {
      display: flex;
      justify-content: center;
      align-items: baseline;
      /* biar Rp dan angka sejajar */
      flex-wrap: wrap;
      /* kalau terlalu panjang, turun baris */
      font-size: 1.5rem;
      /* atur sesuai lebar box */
    }

    .price-table .value span {
      margin: 0 2px;
      /* beri jarak kecil antar elemen */
    }


    @media (max-width: 768px) {
      .price-table .value {
        font-size: 1.2rem;
      }
    }

    .btn-paket {
      padding: 12px 30px;
      font-size: 16px;
      border-radius: 30px;
      border: 2px solid #007bff;
      color: #007bff;
      background: transparent;
      transition: 0.3s;
    }

    .btn-paket:hover {
      background: #007bff;
      color: #fff;
      transform: translateY(-2px);
    }

    /* Override social button bawaan template */
    .social-button {
      list-style: none;
      padding: 0;
      margin: 40px 0 0 0;

      display: flex;
      justify-content: center;
      align-items: center;
      gap: 30px;

      flex-wrap: wrap;
    }

    .social-button li {
      margin: 0 !important;
      float: none !important;
    }

    .social-button li a {
      width: 85px;
      height: 85px;

      border: 2px solid #fff;
      border-radius: 50%;

      display: flex;
      justify-content: center;
      align-items: center;

      color: #fff;
      text-decoration: none;

      transition: all 0.3s ease;
    }

    .social-button li a:hover {
      transform: scale(1.08);
    }

    .dies-title {
      color: #fff;
      text-shadow:
        0 0 5px #000,
        0 0 10px #000,
        2px 2px 5px #000;
    }

    .dies-subtitle {
      color: #fff;
      text-shadow:
        0 0 5px #000,
        0 0 8px #000,
        1px 1px 3px #000;
    }

    #home-slider,
    .sl-slider-wrapper {
      height: 100vh;
      min-height: 600px;
    }

    .sl-slide,
    .sl-slide-inner,
    .bg-img {
      height: 100%;
    }

    .bg-img {
      background-size: cover;
      background-position: center center;
    }

    @media (max-width:767px) {

      .hero-dsc {

        width: 100%;

        padding: 0 20px;

        top: 52%;

      }

      .hero-line {

        width: 90%;

        height: 3px;

        margin-bottom: 15px;

      }

      .hero-title {

        font-size: 58px;

        line-height: 0.95;

        text-align: center;

      }

      .hero-subtitle {

        margin-top: 18px;

        padding: 10px 20px;

        font-size: 14px;

        text-align: center;

      }

      .hero-btn {

        margin-top: 28px;

        padding: 12px 32px;

        font-size: 16px;

      }

    }

    @media (max-width:400px) {

      .hero-title {

        font-size: 48px;

      }

      .hero-subtitle {

        font-size: 12px;

      }

      .hero-btn {

        padding: 10px 28px;

      }

    }