/* ============================================================
   fleet.html — page-specific stylesheet
   Auto-extracted from inline <style> block(s) in this page so it
   can be edited/cached separately from the markup.
   Shared/global rules (navbar, footer, floating icons, animations,
   preloader) live in css/nav_bar.css. Package-detail-page rules
   live in css/package_detail.css.
   ============================================================ */
/* CSS custom properties (theme variables) */

    :root {
      --brand: #ff8c00;
      --dark: #000
    }

    body {
      font-family: system-ui, -apple-system, Segoe UI, Roboto, 'Poppins', Arial
    }
/* Hero */


    .hero {
      min-height: 44vh;
      display: flex;
      align-items: center;
      position: relative;
      color: #fff;
      text-align: center
    }
/* Hero */


    .hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background: url('../../images/service/cab_rent.webp') center/cover no-repeat;
      filter: brightness(.55)
    }
/* Hero .wrap */


    .hero .wrap {
      position: relative;
      z-index: 1
    }
/* Pill */


    .pill {
      display: inline-block;
      background: #fff1e6;
      color: #7a2e0e;
      padding: 4px 12px;
      border-radius: 999px;
      font-weight: 700
    }
/* Section Title */


    .section-title {
      font-weight: 800
    }
/* Fleet Card */


    .fleet-card {
      border: 1px solid #eef0f5;
      border-radius: 18px;
      padding: 18px;
      box-shadow: 0 10px 30px rgba(10, 14, 20, .06)
    }
/* Main Photo */


    .main-photo {
      width: 100%;
      height: 320px;
      object-fit: cover;
      border-radius: 14px;
      cursor: pointer
    }
/* Thumbs Img */


    .thumbs img {
      width: 110px;
      height: 74px;
      object-fit: cover;
      border-radius: 10px;
      margin: .35rem .5rem .35rem 0;
      border: 2px solid transparent;
      cursor: pointer;
      transition: .15s
    }
/* Thumbs Img.active */


    .thumbs img.active {
      border-color: var(--brand)
    }
/* Badge Cap */


    .badge-cap {
      background: #111;
      color: #fff;
      border-radius: 5PX;
      padding: 6px 12px;
      font-weight: 700
    }
/* Spec Td */


    .spec td {
      padding: 6px 8px;
      border-bottom: 1px dashed #edf0f6;
      font-size: .95rem
    }
/* Btn Wa */


    .btn-wa {
      background: #25D366;
      color: #111;
      border: 0;
      font-weight: 700
    }
/* Responsive: (max-width:575.98px) */


    @media (max-width:575.98px) {
      .main-photo {
        height: 230px
      }

      .thumbs img {
        width: 92px;
        height: 62px
      }
    }