body {
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: #333;
}

.logo-img {
    width: 100px;
    height: auto;
}

.text-decoration-none {
    text-decoration: none;
}

/* =====================
   NAVBAR (Taxi Style)
===================== */
.taxi-navbar {
    background-color: #FFC107;
}

.navbar-brand {
    font-size: 26px;
    font-weight: 800;
    color: #111 !important;
}

.nav-link {
    color: #111 !important;
    font-weight: 600;
    margin-left: 10px;
}

.nav-link:hover {
    text-decoration: underline;
}

/* =====================
   BUTTONS
===================== */
.btn-taxi {
    background-color: #111;
    color: #FFC107;
    border: none;
    padding: 12px 28px;
    font-weight: 700;
}

.btn-taxi:hover {
    background-color: #000;
    color: #fff;
}

/* =====================
   HERO SECTION
===================== */
.hero {
    background: linear-gradient(
        rgba(0,0,0,0.65),
        rgba(0,0,0,0.65)
    ),
    url('../images/hero-taxi.jpg');
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 120px 0;
}

form label {
    font-weight: 600;
}

form input, form select {
    padding: 12px;
}

/* =====================
   SECTION TITLES
===================== */
.section-title {
    font-weight: 800;
    color: #111;
    margin-bottom: 30px;
}

/* =====================
   FOOTER
===================== */
footer {
    background-color: #111;
}

footer h5, footer h6 {
    color: #FFC107;
}

footer p, footer a {
    color: #ddd;
    text-decoration: none;
}

footer a:hover {
    color: #FFC107;
}

/* =====================
   ICON STYLE
===================== */
.taxi-icon {
    font-size: 40px;
    color: #FFC107;
    margin-bottom: 15px;
}

/* =====================
   PACKAGE CARDS
===================== */
.package-card {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 25px;
    transition: 0.3s;
    background: #fff;
}

.package-card:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}

/* =====================
   MOBILE POLISH
===================== */
@media (max-width: 768px) {
    .hero {
        padding: 70px 15px;
    }

    .hero h1 {
        font-size: 28px;
    }

    .btn-taxi {
        width: 100%;
        padding: 14px;
    }
}