body {
     font-family: Arial, sans-serif;
 }

 /* Terapkan font Orbitron hanya ke elemen penting */
 .navbar-brand,
 .navbar-nav .nav-link,
 .btn-selengkapnya,
 .hero h1,
 .armada h2 {
     font-family: 'Orbitron', sans-serif;
     font-weight: 600;
     letter-spacing: 1px;
 }

 /* Navbar */
 .navbar {
     background: #000;
     padding: 15px 0;
 }

 .navbar-brand img {
     height: 35px;
 }

 .navbar-nav .nav-link {
     font-weight: 500;
     color: rgba(197, 129, 12, 1);
     margin: 0 10px;
     transition: color 0.3s;
 }

 .navbar-nav .nav-link.active,
 .navbar-nav .nav-link:hover {
     color: #fff;
 }

 /* Hero Section */
 .hero {
     background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url('bghero.png') center/cover no-repeat;
     color: #fff;
     padding: 60px 0;
 }

 .hero h1 {
     font-size: 3rem;
     font-weight: bold;
     color: rgba(197, 129, 12, 1);
 }

 .judul-utama {
     color: rgba(197, 129, 12, 1);
 }

 .hero p {
     font-size: 1.1rem;
     margin: 20px 0;
     color: #f1f1f1;
     text-align: justify;
 }

 /* Banner mobil kanan */
 .hero-banner img {
     width: 100%;
     border-radius: 15px;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
 }

 /* Card slider fix */
 .custom-card {
     width: 255px;
     /* lebar card */
     height: 130px;
     /* tinggi card */
     background: #000;
     display: flex;
     /* aktifkan flexbox */
     align-items: center;
     /* center vertikal */
     justify-content: center;
     /* center horizontal */
     border-radius: 10px;
     overflow: hidden;
 }

 /* Gambar di dalam card */
 .slider-img {
     width: auto;
     /* biar proporsional */
     height: 30px;
     /* ukuran gambar kecil */
     object-fit: contain;
     /* biar gak ketarik */
     display: block;
 }

 .custom-card .card-text {
     font-size: 0.8rem;
 }

 /* Armada Section */
 .armada {
     padding: 50px 0;
     background: #111;
 }

 .armada h2 {
     text-align: center;
     font-weight: bold;
     margin-bottom: 30px;
     color: rgba(197, 129, 12, 1);
 }

 /* Card mobil tetap ukuran, gambar lebih kecil dan terpusat */
 .car-card {
     border: 1px solid rgba(197, 129, 12, 1);
     border-radius: 10px;
     overflow: hidden;
     background: #000;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
     transition: transform .2s, box-shadow .2s;
     height: 170px;
     /* card tetap sama */
     display: flex;
     /* center gambar */
     align-items: center;
     justify-content: center;
 }

 .car-card img {
     width: auto;
     /* proporsional */
     height: 70px;
     /* gambar lebih kecil */
     object-fit: contain;
 }

 /* Responsive */
 @media(max-width: 768px) {
     .hero h1 {
         font-size: 2rem;
     }

     .hero .row {
         text-align: center;
     }

     .hero-banner {
         margin-top: 20px;
     }

     .car-card img {
         height: 100px;
     }
 }

 /* Navbar toggler */
 .navbar-toggler {
     border-color: rgba(197, 129, 12, 1);
     transition: all 0.3s ease;
 }

 .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(197, 129, 12, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
     transition: all 0.3s ease;
 }

 .navbar-toggler:hover {
     border-color: rgba(255, 215, 0, 1);
 }

 .navbar-toggler:hover .navbar-toggler-icon {
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 215, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 }

 /* === BOOKING BUTTON === */
 .custom-btn-booking {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     padding: 12px 30px;
     background: linear-gradient(135deg, #FFC107, #FF8C00);
     color: #000;
     font-weight: 700;
     font-family: 'Orbitron', sans-serif;
     border-radius: 50px;
     text-transform: uppercase;
     letter-spacing: 1px;
     box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
     transition: all 0.3s ease;
     border: none;
     text-decoration: none;
 }

 .custom-btn-booking svg {
     width: 20px;
     height: 20px;
     margin-right: 10px;
     fill: #000;
     transition: transform 0.3s, fill 0.3s;
 }

 .custom-btn-booking:hover {
     background: linear-gradient(135deg, #FF8C00, #FFC107);
     color: #fff;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 }

 .custom-btn-booking:hover svg {
     transform: translateX(5px);
     fill: #fff;
 }

 .contact-icon i,
 .contact-icon span {
     color: #fff;
     /* warna awal putih */
     transition: color 0.3s;
     font-size: 1.5rem;
     /* ikon lebih kecil */
 }

 .contact-icon span {
     font-size: 0.9rem;
     margin-top: 0.3rem;
     font-weight: 500;
 }

 .contact-icon a:hover i,
 .contact-icon a:hover span {
     color: #c5810c;
     /* warna emas saat hover */
 }

 .modal-content {
     border-radius: 15px;
     overflow: hidden;
 }

 .modal-header {
     border-bottom: 2px solid #ffc107;
 }

 .btn-close-white {
     filter: invert(1);
 }

 .form-control.bg-dark {
     background-color: #2c2c2c !important;
     color: #ffffff !important;
 }

 .form-control.bg-dark::placeholder {
     color: #cccccc;
 }

 .form-label {
     margin-bottom: 2px;
     /* biar rapat dengan input */
     font-weight: 500;
 }