<section class="pva-property-hero">
  <div class="pva-property-hero-inner">
    <div class="pva-property-hero-badge">Suntrust 88 Gibraltar • Near Mines View Park</div>

    <div class="pva-property-hero-text-wrap">
      <p class="pva-property-hero-text">
        A bright, contemporary 3-bedroom apartment at Suntrust 88 Gibraltar, just moments from Mines View Park,
        with two balconies, free WiFi, cable TV, and easy access to Baguio’s most popular attractions.
        Ideal for families and group stays looking for a modern, comfortable base in one of Baguio’s best locations.
      </p>
    </div>

    <div class="pva-property-hero-stats">
      <div class="pva-property-hero-stat">
        <span class="pva-property-hero-stat-number">10</span>
        <span class="pva-property-hero-stat-label">Maximum guests</span>
      </div>

      <div class="pva-property-hero-stat">
        <span class="pva-property-hero-stat-number">3</span>
        <span class="pva-property-hero-stat-label">Bedrooms</span>
      </div>

      <div class="pva-property-hero-stat">
        <span class="pva-property-hero-stat-number">2</span>
        <span class="pva-property-hero-stat-label">Bathrooms</span>
      </div>

      <div class="pva-property-hero-stat">
        <span class="pva-property-hero-stat-number">7</span>
        <span class="pva-property-hero-stat-label">Beds</span>
      </div>
    </div>

    <div class="pva-property-hero-features">
      <div class="pva-property-hero-feature">✔ Contemporary apartment with two balconies</div>
      <div class="pva-property-hero-feature">✔ Excellent location near Mines View Park and Good Shepherd</div>
      <div class="pva-property-hero-feature">✔ Free WiFi and cable TV included</div>
      <div class="pva-property-hero-feature">✔ 1 on-site parking slot included in the rate</div>
      <div class="pva-property-hero-feature">✔ Shared garden and playground for families</div>
      <div class="pva-property-hero-feature">✔ 24/7 security, CCTV, elevator, and wheelchair access</div>
    </div>
  </div>
</section>

<style>
  .pva-property-hero {
    padding: 54px 20px 34px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
  }

  .pva-property-hero-inner {
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
  }

  .pva-property-hero-badge {
    display: inline-block;
    background: #eef5ff;
    color: #1d4f91;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 999px;
    margin-bottom: 14px;
  }

  .pva-property-hero-text-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .pva-property-hero-text {
    margin: 0 0 28px 0 !important;
    max-width: 780px !important;
    width: 100% !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
    color: #526170 !important;
    text-align: center !important;
    display: block !important;
    float: none !important;
  }

  .pva-property-hero-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 20px 0;
  }

  .pva-property-hero-stat {
    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 18px;
    padding: 18px 16px;
    box-shadow: 0 12px 28px rgba(17, 34, 68, 0.06);
  }

  .pva-property-hero-stat-number {
    display: block;
    font-size: 30px;
    font-weight: 800;
    color: #1d2a36;
    line-height: 1.1;
    margin-bottom: 6px;
  }

  .pva-property-hero-stat-label {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #667789;
    font-weight: 700;
  }

  .pva-property-hero-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
  }

  .pva-property-hero-feature {
    background: #ffffff;
    border: 1px solid #e6edf5;
    border-radius: 14px;
    padding: 14px 15px;
    font-size: 15px;
    line-height: 1.6;
    color: #22313f;
    text-align: left;
    box-shadow: 0 10px 24px rgba(17, 34, 68, 0.05);
  }

  @media (max-width: 900px) {
    .pva-property-hero-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pva-property-hero-features {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 640px) {
    .pva-property-hero {
      padding: 44px 16px 24px;
    }

    .pva-property-hero-text {
      max-width: 100% !important;
      font-size: 16px !important;
    }

    .pva-property-hero-stats {
      grid-template-columns: 1fr 1fr;
    }

    .pva-property-hero-stat-number {
      font-size: 26px;
    }
  }
</style>

Dates

Reservation summary