/* Variables */
:root {
    --bg-dark: #050505;
    --bg-card: rgba(20, 20, 20, 0.6);
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --gold: #ffc400;
    --gold-light: #dca122;
    --gold-dark: #d0a61a;
    --font-heading: 'Cinzel', serif;
    --font-body: 'Montserrat', sans-serif;
    --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    --glass: blur(10px);
}

/* ---- Layout ---- */
.about-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    padding: 60px 0;
}

.about-text {
    flex: 1;
}

.about-img {
    flex: 1;
    text-align: center;
}

/* Smaller image for elegance */
.about-img.small-img img {
    width: 75%;
    max-width: 320px;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

/* Button under image */
.about-img .img-btn {
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}

/* ---- Luxury Typographic Feel ---- */
.subtitle {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.9rem;
    opacity: 0.7;
}

.title {
    font-weight: 300;
    margin-bottom: 20px;
}

/* ---- Animations ---- */
.fade-in {
    opacity: 0;
    animation: fadeIn 1.2s ease forwards;
}

.fade-in-delayed {
    opacity: 0;
    animation: fadeIn 1.2s ease 0.4s forwards;
}

.slide-up {
    opacity: 0;
    transform: translateY(20px);
    animation: slideUp 1s ease forwards;
}

.slide-up-delayed {
    opacity: 0;
    transform: translateY(20px);
    animation: slideUp 1s ease 0.4s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---- Responsive Two-Column ---- */
@media (max-width: 900px) {
    .about-content {
        flex-direction: column;
        text-align: center;
        padding: 40px 0;
    }

    .about-img.small-img img {
        width: 85%;
    }
}

/* Reset & Base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--bg-dark);
    color: var(--text-primary);
    font-family: var(--font-body);
    line-height: 1.7;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition);
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    display: block;
}

/* Typography */
h1,
h2,
h3,
h4 {
    font-family: var(--font-heading);
    font-weight: 400;
    line-height: 1.2;
}

.text-gold {
    color: var(--gold);
    background: linear-gradient(to right, var(--gold), var(--gold-light), var(--gold));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    background-size: 200% auto;
    animation: shine 3s linear infinite;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.title {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.subtitle {
    color: var(--gold);
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 0.9rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 1rem;
    padding: 8px 20px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.05) 100%);
    border-left: 3px solid var(--gold);
    border-radius: 0 8px 8px 0;
    position: relative;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
}

.subtitle::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 60%;
    height: 2px;
    background: linear-gradient(to right, var(--gold), transparent);
}

.section-header {
    text-align: center;
    margin-bottom: 5rem;
    position: relative;
}

.section-header::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    height: 150px;
    background: radial-gradient(ellipse, rgba(212, 175, 55, 0.08) 0%, transparent 70%);
    z-index: -1;
    border-radius: 50%;
}

/* Layout */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

section {
    padding: 8rem 0;
}

/* Header & Navigation */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.4s ease;
    padding: 1rem 0;
}

.header.scrolled {
    background-color: rgba(5, 5, 5, 0.95);
    backdrop-filter: blur(10px);
    padding: 0.5rem 0;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

.navbar {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-family: var(--font-heading);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    letter-spacing: 2px;

}

/* Hero Section */
.hero {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Dark overlay */
    z-index: 1;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.hero-content {
    position: relative;
    z-index: 2;
}


.nav-links {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.nav-link {
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    padding: 5px 0;
}

.nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--gold);
    transition: var(--transition);
}

.nav-link:hover::after,
.nav-link.active::after {
    width: 100%;
}

.nav-link:hover,
.nav-link.active {
    color: var(--gold);
}

.btn-gold {
    display: inline-block;
    padding: 12px 30px;
    background: linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 50%, var(--gold-light) 100%);
    background-size: 200% 200%;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: none;
    cursor: pointer;
    transition: var(--transition);
    border-radius: 2px;
}

.btn-gold:hover {
    background-position: 100% 0;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
}

.btn-outline {
    display: inline-block;
    padding: 12px 30px;
    background: transparent;
    color: var(--gold);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid var(--gold);
    cursor: pointer;
    transition: var(--transition);
    border-radius: 2px;
    text-decoration: none;
}

.btn-outline:hover {
    background-color: var(--gold);
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
}

.hamburger {
    display: none;
    cursor: pointer;
}

.hamburger span {
    display: block;
    width: 25px;
    height: 3px;
    background-color: var(--gold);
    margin: 5px 0;
    transition: var(--transition);
}

/* Loader */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--bg-dark);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    animation: fadeOut 0.5s ease-in-out 2s forwards;
}

.loader-text {
    font-family: var(--font-heading);
    font-size: 2rem;
    color: var(--gold);
    letter-spacing: 2px;
    animation: pulse 1.5s infinite;
}

/* Hero Section */
.hero {
    height: 100vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    overflow: hidden;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    /* Dark overlay */
    z-index: 1;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.hero-content {
    position: relative;
    z-index: 2;
}


.hero-content p {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 0 auto 2.5rem;
    color: #e0e0e0;
}

.hero-btns {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
}

.scroll-indicator {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    animation: bounce 2s infinite;
    z-index: 2;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translate(-50%, 0);
    }

    40% {
        transform: translate(-50%, -10px);
    }

    60% {
        transform: translate(-50%, -5px);
    }
}

/* Hero Image Section Below Video */
.hero-image-section {
    width: 100%;
    overflow: hidden;
}

.hero-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Services */
.services {
    background-color: var(--bg-dark);
}

.section-header {
    text-align: center;
    margin-bottom: 5rem;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 3rem;
}

.service-card {
    background-color: var(--bg-card);
    padding: 3rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}

.service-card:hover {
    transform: translateY(-10px);
    border-color: var(--gold);
}

.icon-box {
    font-size: 2.5rem;
    color: var(--gold);
    margin-bottom: 1.5rem;
}

.service-card h3 {
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

.service-card p {
    color: var(--text-secondary);
    margin-bottom: 2rem;
    font-size: 0.95rem;
}

.link-arrow {
    color: var(--gold);
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.link-arrow i {
    transition: var(--transition);
}

.link-arrow:hover i {
    transform: translateX(5px);
}

/* Fleet */
.fleet {
    background-color: #0a0a0a;
    position: relative;
}

.fleet::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background: linear-gradient(to left, rgba(212, 175, 55, 0.05), transparent);
    pointer-events: none;
}

.fleet-item {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.fleet-item:last-child {
    margin-bottom: 0;
}

.fleet-item.reverse {
    direction: rtl;
}

.fleet-item.reverse .fleet-info {
    direction: ltr;
}

.fleet-image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.fleet-image img {
    width: 100%;
    transition: var(--transition);
}

.fleet-image:hover img {
    transform: scale(1.05);
}

.fleet-info h3 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
}

.fleet-info p {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.fleet-features {
    display: flex;
    gap: 2rem;
}

.fleet-features li {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--gold);
    font-weight: 500;
}

/* About / Trust */
.about {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://images.unsplash.com/photo-1519642918688-7e43b19245d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-top: 4rem;
}

.trust-item .number {
    display: block;
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--gold);
    font-family: var(--font-heading);
    margin-bottom: 0.5rem;
}

.trust-item .label {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
}

/* Contact */
.contact {
    background-color: var(--bg-dark);
}

.contact-wrapper {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 4rem;
    background-color: var(--bg-card);
    padding: 4rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.info-item {
    display: flex;
    gap: 1.5rem;
    margin-top: 2.5rem;
}

.info-item i {
    font-size: 1.5rem;
    color: var(--gold);
    margin-top: 5px;
}

.info-item h4 {
    margin-bottom: 5px;
    font-size: 1.1rem;
}

.info-item a,
.info-item p {
    color: var(--text-secondary);
}

.info-item a:hover {
    color: var(--gold);
}

.contact-form .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-primary);
    font-family: var(--font-body);
    transition: var(--transition);
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: var(--gold);
    background-color: rgba(255, 255, 255, 0.1);
}

.full-width {
    width: 100%;
}

/* Footer */
.footer {
    background-color: #000;
    padding: 5rem 0 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 4rem;
    margin-bottom: 4rem;
}

.footer-logo h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.footer-logo p {
    color: var(--text-secondary);
    max-width: 300px;
}

.footer-links h3,
.footer-social h3 {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.footer-links ul li {
    margin-bottom: 0.8rem;
}

.footer-links a {
    color: var(--text-secondary);
}

.footer-links a:hover {
    color: var(--gold);
    padding-left: 5px;
}

.social-icons {
    display: flex;
    gap: 1rem;
}

.social-icons a {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
}

.social-icons a:hover {
    background-color: var(--gold);
    color: #000;
    transform: translateY(-3px);
}

.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    margin-bottom: 2rem;
}

/* About / Trust */
.about {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('https://images.unsplash.com/photo-1519642918688-7e43b19245d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-top: 4rem;
}

.trust-item .number {
    display: block;
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--gold);
    font-family: var(--font-heading);
    margin-bottom: 0.5rem;
}

.trust-item .label {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.9rem;
}

/* Contact */
.contact {
    background-color: var(--bg-dark);
}



.full-width {
    width: 100%;
}

/* Footer */
.footer {
    background-color: #000;
    padding: 5rem 0 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer-content {
    display: grid;
    grid-template-columns: 2fr 1.5fr 1fr 1fr;
    gap: 3rem;
    margin-bottom: 4rem;
}

.footer-logo h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.footer-logo p {
    color: var(--text-secondary);
    max-width: 300px;
}

.authorised-provider h2,
.authorised-provider h3 {
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #fff;
    text-transform: none;
    font-weight: 400;
}

.authorised-provider p {
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
    color: #fff;
    white-space: nowrap;
}

.authorised-provider img {
    max-width: 220px;
    height: auto;
    margin-bottom: 0.5rem;
    border-radius: 4px;
}

.authorised-provider img:hover {
    opacity: 1;
    transform: scale(1.02);
}

.footer-links h3,
.footer-social h3 {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.footer-links ul li {
    margin-bottom: 0.8rem;
}

.footer-links a {
    color: var(--text-secondary);
}

.footer-links a:hover {
    color: var(--gold);
    padding-left: 5px;
}

.social-icons {
    display: flex;
    gap: 1rem;
}

.social-icons a {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
}

.social-icons a:hover {
    background-color: var(--gold);
    color: #000;
    transform: translateY(-3px);
}

.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 992px) {
    section {
        padding: 5rem 0;
    }

    .hero h1 {
        font-size: 3rem;
    }

    .fleet-item {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .fleet-item.reverse {
        direction: ltr;
    }

    .fleet-item.reverse .fleet-info {
        direction: ltr;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
        padding: 2.5rem;
    }

    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

@media (max-width: 768px) {
    section {
        padding: 4rem 0;
    }

    .container {
        padding: 0 1.5rem;
    }

    .nav-links {
        display: none;
    }

    .hamburger {
        display: block;
        cursor: pointer;
        z-index: 1001;
        /* Ensure above active menu */
    }

    .hamburger span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: var(--gold);
        margin: 5px 0;
        transition: var(--transition);
    }

    .hamburger.toggle span:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }

    .hamburger.toggle span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.toggle span:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }

    .hero h1 {
        font-size: 2.2rem;
        padding: 0 1rem;
    }

    .hero-content p {
        font-size: 1rem;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .section-header {
        margin-bottom: 3rem;
    }

    .title {
        font-size: 2.2rem;
    }

    /* Mobile Menu Active State */
    .nav-links.active {
        display: flex;
        flex-direction: column;
        position: fixed;
        /* Fixed to cover screen */
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(5, 5, 5, 0.98);
        padding: 6rem 2rem 2rem;
        overflow-y: auto;
        animation: slideDown 0.3s ease forwards;
        gap: 1.5rem;
        align-items: center;
        /* Center items */
    }

    .nav-links.active .nav-link {
        font-size: 1.2rem;
        width: 100%;
        text-align: center;
    }

    .nav-links.active .btn-gold {
        width: 100%;
        text-align: center;
        margin-top: 1rem;
    }

    /* Mobile Dropdown */
    .dropdown {
        width: 100%;
        text-align: center;
    }

    .dropdown-content {
        position: static;
        display: none;
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        padding: 1rem 0;
        border-top: none;
    }

    .dropdown.active .dropdown-content {
        display: block;
        animation: fadeIn 0.3s ease;
    }

    .dropdown-content a {
        padding: 10px;
        font-size: 1rem;
        color: var(--text-secondary);
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-20px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* Footer Stack */
    .footer-content {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }

    .footer-logo p {
        margin: 0 auto;
    }

    .social-icons {
        justify-content: center;
    }

    /* Service Pages */
    .service-content {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .about-content-wrapper {
        grid-template-columns: 1fr;
    }

    .trust-grid {
        grid-template-columns: 1fr;
    }

    .services-grid,
    .package-grid {
        grid-template-columns: 1fr;
    }
}

/* Page Header */
.page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('images/desktop/Lux_Car_Perth_Hire_ (10).jpg');
    background-size: cover;
    background-position: center;
    padding: 10rem 0 5rem;
    text-align: center;
}

.page-header h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: var(--gold);
}

.page-header p {
    font-size: 1.2rem;
    color: #e0e0e0;
}

/* Gallery Grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    padding: 2rem 0;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    height: 250px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.gallery-item:hover img {
    transform: scale(1.1);
}

/* Animations */
.fade-up {
    grid-template-columns: 2fr 1fr 1fr;
    gap: 4rem;
    margin-bottom: 4rem;
}

.footer-logo h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
}

.footer-logo p {
    color: var(--text-secondary);
    max-width: 300px;
}

.footer-links h3,
.footer-social h3 {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
}

.footer-links ul li {
    margin-bottom: 0.8rem;
}

.footer-links a {
    color: var(--text-secondary);
}

.footer-links a:hover {
    color: var(--gold);
    padding-left: 5px;
}

.social-icons {
    display: flex;
    gap: 1rem;
}

.social-icons a {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: var(--transition);
}

.social-icons a:hover {
    background-color: var(--gold);
    color: #000;
    transform: translateY(-3px);
}

.footer-bottom {
    text-align: center;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--text-secondary);
    font-size: 0.9rem;
}

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

    .fleet-item {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .fleet-item.reverse {
        direction: ltr;
    }

    .fleet-item.reverse .fleet-info {
        direction: ltr;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
        padding: 2rem;
    }

    .footer-content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

@media (max-width: 768px) {
    .nav-links {
        display: none;
    }

    .hamburger {
        display: block;
        cursor: pointer;
    }

    .hamburger span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: var(--gold);
        margin: 5px 0;
    }

    .hero h1 {
        font-size: 2.5rem;
    }

    .section-title {
        font-size: 2rem;
    }

    /* Mobile Menu Active State */
    .nav-links.active {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgba(5, 5, 5, 0.98);
        padding: 2rem;
        border-bottom: 1px solid rgba(212, 175, 55, 0.1);
        animation: slideDown 0.3s ease forwards;
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}

/* Page Header */
.page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('jpegmini_optimized/Lux_Car_Perth_Hire_ (10).jpg');
    background-size: cover;
    background-position: center;
    padding: 10rem 0 5rem;
    text-align: center;
}

.page-header h1 {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    color: var(--gold);
}

.page-header p {
    font-size: 1.2rem;
    color: #e0e0e0;
}

/* Gallery Grid */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    padding: 2rem 0;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    height: 250px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.gallery-item:hover img {
    transform: scale(1.1);
}

/* Animations */
.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* About Page */
.about-page {
    padding: 5rem 0;
    background-color: var(--bg-dark);
}

.about-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

@media (max-width: 768px) {
    .about-content-wrapper {
        grid-template-columns: 1fr;
    }
}

/* Booking Page */
.booking-page {
    padding: 5rem 0;
    background-color: var(--bg-dark);
}

.vehicle-selection {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-top: 0.5rem;
}

.vehicle-option {
    cursor: pointer;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    transition: var(--transition);
    background-color: transparent;
}

.vehicle-option:hover {
    border-color: var(--gold);
    background-color: rgba(255, 196, 0, 0.05);
}

.vehicle-option input[type="radio"]:checked+img,
.vehicle-option.selected {
    border-color: var(--gold);
    background-color: rgba(255, 196, 0, 0.1);
}

.vehicle-option img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 0.5rem;
}

.vehicle-option div {
    color: var(--text-primary);
    font-size: 0.9rem;
    font-weight: 500;
}

/* Values Section */
.values {
    padding: 5rem 0;
    background-color: var(--bg-card);
}

/* Dropdown Menu */
.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(5, 5, 5, 0.95);
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-top: 2px solid var(--gold);
    border-radius: 0 0 5px 5px;
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 0.9rem;
    transition: var(--transition);
}

.dropdown-content a:hover {
    background-color: rgba(212, 175, 55, 0.1);
    color: var(--gold);
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .nav-link {
    color: var(--gold);
}

/* Service Page Styles */
.service-page {
    padding: 5rem 0;
    background-color: var(--bg-dark);
}

.service-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.service-text h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: var(--gold);
}

.service-text p {
    margin-bottom: 1.5rem;
    color: var(--text-secondary);
    line-height: 1.8;
}

.service-text h3 {
    font-size: 1.5rem;
    margin: 2rem 0 1rem;
    color: #fff;
}

.feature-list {
    list-style: none;
    margin-bottom: 2rem;
}

.feature-list li {
    margin-bottom: 1rem;
    color: var(--text-secondary);
}

.feature-list i {
    margin-right: 10px;
}

/* Wedding & Tour Packages */
.wedding-packages,
.tour-packages {
    margin-top: 4rem;
    margin-bottom: 3rem;
    width: 100%;
}

.wedding-packages h3,
.tour-packages h3 {
    font-size: 2rem;
    margin-bottom: 2rem;
    color: var(--gold);
    text-align: center;
}

.package-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.package-card {
    background-color: var(--bg-card);
    border: 1px solid rgba(212, 175, 55, 0.2);
    padding: 2rem;
    border-radius: 5px;
    text-align: center;
    transition: var(--transition);
}

.package-card:hover {
    transform: translateY(-5px);
    border-color: var(--gold);
    box-shadow: 0 5px 20px rgba(212, 175, 55, 0.1);
}

.package-card h4 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1rem;
}

.package-card .price-row {
    margin-bottom: 1.5rem;
}

.package-card .price-label {
    display: block;
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.package-card .price {
    display: block;
    font-size: 1.8rem;
    color: var(--gold);
    font-weight: 700;
}

.package-card .price-desc {
    display: block;
    font-size: 0.8rem;
    color: var(--text-secondary);
    font-style: italic;
    margin-bottom: 1rem;
}

.package-note {
    margin-top: 1.5rem;
    font-size: 0.9rem;
    color: #e0e0e0;
    font-style: italic;
    background: rgba(212, 175, 55, 0.1);
    padding: 10px;
    border-radius: 4px;
}

.cta-box {
    background-color: var(--bg-card);
    padding: 2rem;
    border-radius: 5px;
    border-left: 3px solid var(--gold);
    margin-top: 2rem;
}

@media (max-width: 768px) {
    .dropdown {
        display: block;
        width: 100%;
    }

    .dropdown-content {
        position: static;
        display: none;
        width: 100%;
        box-shadow: none;
        background-color: rgba(255, 255, 255, 0.05);
        padding-left: 1rem;
    }

    .dropdown.active .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropdown-content {
        display: none;
        /* Disable hover on mobile */
    }

    .dropdown.active:hover .dropdown-content {
        display: block;
    }
}

@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.toast {
    min-width: 250px;
    margin-top: 10px;
    padding: 15px 20px;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: translateX(100%);
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.toast.show {
    opacity: 1;
    transform: translateX(0);
}

.toast.success {
    background-color: #28a745;
    /* green */
}

.toast.error {
    background-color: #dc3545;
    /* red */
}

.team-member {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-top: 40px;
    flex-wrap: wrap;
}

.team-img {
    flex-shrink: 0;
}

.circle-img {
    width: 120px;
    /* smaller circle */
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #d4af37;
    /* subtle gold border for luxury look */
}

.team-info {
    flex: 1;
    min-width: 250px;
}

.team-info h3 {
    margin-top: 0;
    font-weight: 500;
    font-size: 1.5rem;
}

.team-header h2 {
    font-weight: 400;
    margin-bottom: 10px;
}

.team-header p {
    opacity: 0.7;
}

/* General luxury-themed headings */
.about-text h2,
.team-header h2 {
    font-size: 2.5rem;
    /* prominent luxury size */
    font-weight: 400;
    /* elegant, not too bold */
    line-height: 1.2;
    margin-bottom: 20px;
    text-transform: none;
    /* optional, can use uppercase if your theme does */
    position: relative;
    color: #fff;
    /* adjust based on your theme background */
}

/* Add a subtle gold accent under heading */
.about-text h2::after,
.team-header h2::after {
    content: "";
    display: block;
    width: 60px;
    /* small underline length */
    height: 3px;
    /* underline thickness */
    background-color: #d4af37;
    /* gold color consistent with your theme */
    margin-top: 10px;
    border-radius: 2px;
}

/* Subtitle style if needed */
.subtitle {
    font-size: 0.9rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    /* slightly muted gold/white */
    margin-bottom: 10px;
    display: inline-block;
}

/* Parent container of all .fleet-img */
.fleet-item .fleet-img-container {
    display: flex;
    /* align children in a row */
    gap: 15px;
    /* space between images */
    flex-wrap: nowrap;
    /* keep images in single line */
    justify-content: center;
    /* center images horizontally */
}

/* Individual image styling */
.fleet-item .fleet-img {
    flex: 1 1 180px;
    /* flexible width, min 180px */
    max-width: 180px;
    /* prevent too large on big screens */
    height: 120px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.fleet-bubble-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 220px;
    /* Copy sizing from fleet-img */
    max-width: 220px;
}

.fleet-bubble-item .fleet-img {
    width: 100%;
    /* Fill container */
    max-width: 100%;
    height: 150px;
}

.fleet-bubble {
    background: linear-gradient(135deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%);
    color: #000;
    padding: 10px 20px;
    border-radius: 25px;
    margin-top: 15px;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position: relative;
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4), 0 2px 8px rgba(0, 0, 0, 0.6);
    white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.fleet-bubble:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.6), 0 4px 12px rgba(0, 0, 0, 0.7);
}

.fleet-bubble::after {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 7px 7px 7px;
    border-style: solid;
    border-color: transparent transparent #d4af37 transparent;
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.2));
}

.fleet-item .fleet-img:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* Responsive adjustments */
@media (max-width: 900px) {
    .fleet-item .fleet-img {
        flex: 1 1 140px;
        max-width: 140px;
        height: 100px;
    }
}

@media (max-width: 600px) {
    .fleet-item .fleet-img {
        flex: 1 1 120px;
        max-width: 120px;
        height: 90px;
    }
}

.btn-center {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.inline-about-img img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.trust-entertainment {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
    padding: 100px 0;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.trust-entertainment::before {
    content: '';
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: radial-gradient(circle, rgba(212, 175, 55, 0.05) 0%, transparent 70%);
    animation: pulse-glow 8s ease-in-out infinite;
}

@keyframes pulse-glow {

    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.6;
    }
}

.trust-title {
    font-size: 3.2rem;
    font-weight: 300;
    margin-bottom: 70px;
    line-height: 1.3;
    position: relative;
    z-index: 1;
    letter-spacing: -0.5px;
}

.trust-title br {
    display: block;
    margin-bottom: 10px;
}

.trust-title .text-gold {
    font-weight: 600;
    display: inline-block;
    background: linear-gradient(135deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
    animation: shine 4s linear infinite;
    text-shadow: 0 0 30px rgba(212, 175, 55, 0.3);
    letter-spacing: 0.5px;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

.trust-features {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
    margin-bottom: 60px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.trust-features .feature-item:nth-child(1),
.trust-features .feature-item:nth-child(2),
.trust-features .feature-item:nth-child(3) {
    grid-column: span 2;
}

.trust-features .feature-item:nth-child(4) {
    grid-column: 2 / span 2;
}

.trust-features .feature-item:nth-child(5) {
    grid-column: 4 / span 2;
}

.feature-item {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.1) 0%, rgba(212, 175, 55, 0.05) 100%);
    padding: 35px 25px;
    border-radius: 15px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    min-height: 160px;
    text-align: center;
}

.feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.2), transparent);
    transition: left 0.6s ease;
}

.feature-item:hover::before {
    left: 100%;
}

.feature-item:hover {
    transform: translateY(-8px);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.3);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.08) 100%);
}

.feature-item i {
    font-size: 2.5rem;
    color: var(--gold);
    margin-bottom: 5px;
    transition: transform 0.3s ease;
}

.feature-item:hover i {
    transform: scale(1.15);
}

.feature-item span {
    font-size: 1.05rem;
    font-weight: 500;
    opacity: 0.95;
    line-height: 1.4;
    max-width: 100%;
    word-wrap: break-word;
    hyphens: auto;
}

.trust-image {
    position: relative;
    max-width: 900px;
    margin: 60px auto 40px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.trust-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s ease;
}

.trust-image:hover img {
    transform: scale(1.05);
}

.image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 50%, transparent 100%);
    padding: 40px 30px 30px;
    transform: translateY(0);
    transition: all 0.4s ease;
}

.image-overlay h3 {
    font-size: 2rem;
    font-weight: 500;
    margin: 0;
    color: var(--gold);
}

.trust-btn {
    padding: 15px 50px;
    border-radius: 50px;
    font-size: 1.1rem;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}


/* Dropdown / Select Styling */
select option {
    background-color: #000;
    color: #ffc400;
    /* Gold */
    padding: 10px;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffc400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1em;
}

/* Fleet Page Redesign */
.fleet-listing {
    padding: 2rem 0;
}

.vehicle-card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    margin-bottom: 6rem;
    align-items: start;
    background-color: var(--bg-card);
    padding: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 5px;
    transition: var(--transition);
}

.vehicle-card:hover {
    border-color: var(--gold);
    transform: translateY(-5px);
}

.vehicle-card:nth-child(even) {
    direction: rtl;
}

.vehicle-card:nth-child(even) .vehicle-content {
    direction: ltr;
}

.vehicle-images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.vehicle-images img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5px;
    transition: var(--transition);
}

.vehicle-images img:first-child {
    grid-column: 1 / -1;
    height: 350px;
}

.vehicle-images.compact-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.8rem;
}

.vehicle-images.compact-grid img {
    height: 160px;
    /* Smaller uniform height */
}

.vehicle-images.compact-grid img:first-child {
    grid-column: auto;
    /* Reset to single column */
    height: 160px;
    /* Reset height */
}

.vehicle-content h2 {
    font-size: 2.5rem;
    color: var(--gold);
    margin-bottom: 1rem;
}

.vehicle-specs {
    margin-bottom: 1.5rem;
}

.vehicle-specs span {
    display: inline-block;
    padding: 5px 15px;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.3);
    margin-right: 10px;
    margin-bottom: 10px;
    color: var(--text-secondary);
    font-size: 0.9rem;
    border-radius: 3px;
}

.vehicle-description {
    color: var(--text-secondary);
    margin-bottom: 2rem;
    line-height: 1.8;
}

@media (max-width: 900px) {

    .vehicle-card,
    .vehicle-card:nth-child(even) {
        grid-template-columns: 1fr;
        direction: ltr;
        gap: 2rem;
        padding: 2rem;
    }
}

/* Fleet Gallery */
.fleet-gallery {
    padding: 4rem 0 8rem;
    background-color: var(--bg-dark);
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 250px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.gallery-item:hover img {
    transform: scale(1.1);
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.gallery-overlay i {
    color: var(--gold);
    font-size: 2rem;
    transform: scale(0.5);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.gallery-item:hover .gallery-overlay i {
    transform: scale(1);
}

/* Audio Control Button */
.audio-btn {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    background: rgba(0, 0, 0, 0.4);
    border: 2px solid var(--gold);
    color: var(--gold);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    transition: var(--transition);
    backdrop-filter: blur(5px);
}

.audio-btn:hover {
    background: var(--gold);
    color: #000;
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5);
}

@media (max-width: 768px) {
    .audio-btn {
        bottom: 1.5rem;
        right: 1.5rem;
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}

/* Loading Spinner */
.spinner {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(212, 175, 55, 0.1);
    border-top: 4px solid var(--gold);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Terms & Conditions Modern Styles */
.terms-wrapper {
    background-color: rgba(20, 20, 20, 0.6);
    /* reusing var(--bg-card) which is rgba(20, 20, 20, 0.6) */
    padding: 3rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
}

.terms-wrapper h2 {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 2.2rem;
    background: linear-gradient(to right, var(--gold), #fff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.terms-wrapper h3 {
    color: var(--gold);
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
    padding-bottom: 0.5rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    letter-spacing: 1px;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

.terms-wrapper h4 {
    color: #fff;
    margin-top: 1.5rem;
    margin-bottom: 0.8rem;
    font-size: 1.1rem;
    font-weight: 500;
}

.terms-wrapper ul {
    margin-bottom: 1.5rem;
    padding-left: 0.5rem;
}

.terms-wrapper li {
    margin-bottom: 0.8rem;
    padding: 0.8rem 1rem;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent);
    border-radius: 0 4px 4px 0;
}

.terms-wrapper li:hover {
    border-left-color: var(--gold);
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.1), transparent);
    padding-left: 1.5rem;
    transform: translateX(5px);
}

.terms-wrapper strong {
    color: var(--gold);
    margin-right: 5px;
}

.terms-wrapper hr {
    border: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.3), transparent);
    margin: 3rem 0;
}

.terms-wrapper p {
    color: #ccc;
    line-height: 1.8;
    margin-bottom: 1rem;
}

@media (max-width: 768px) {
    .terms-wrapper {
        padding: 1.5rem;
    }

    .terms-wrapper h2 {
        font-size: 1.8rem;
    }

    .terms-wrapper h3 {
        font-size: 1.1rem;
    }
}

.reviews-title {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 3.5rem;
    color: #fff;
    font-weight: 700;
    position: relative;
    padding-bottom: 1rem;
}

.reviews-title span {
    color: #d4af37;
    font-style: italic;
}

.reviews-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #d4af37, transparent);
    display: block;
}

@media (max-width: 768px) {
    .reviews-title {
        font-size: 2.2rem;
        margin-bottom: 2rem;
    }
}

/* =========================================
   MOBILE & RESPONSIVE OPTIMIZATIONS
   ========================================= */

@media (max-width: 992px) {
    section {
        padding: 5rem 0;
    }

    .hero h1 {
        font-size: 3rem;
    }

    .fleet-item,
    .vehicle-card,
    .vehicle-card:nth-child(even) {
        grid-template-columns: 1fr;
        gap: 2rem;
        direction: ltr;
        /* Reset direction for mobile */
    }

    .fleet-item.reverse,
    .vehicle-card:nth-child(even) .vehicle-content {
        direction: ltr;
    }

    .contact-wrapper {
        grid-template-columns: 1fr;
        padding: 3rem;
    }

    .footer-content {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }

    /* Make trust-features less dense on tablet */
    .trust-features {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    /* Global Adjustments */
    :root {
        --font-size-base: 14px;
    }

    section {
        padding: 3rem 0;
        /* Reduced padding */
    }

    .container {
        padding: 0 1.5rem;
    }

    /* Header & Nav */
    .nav-links {
        display: none;
    }

    .hamburger {
        display: block;
        cursor: pointer;
        z-index: 1001;
    }

    .hamburger span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: var(--gold);
        margin: 5px 0;
        transition: var(--transition);
    }

    .hamburger.toggle span:nth-child(1) {
        transform: rotate(-45deg) translate(-5px, 6px);
    }

    .hamburger.toggle span:nth-child(2) {
        opacity: 0;
    }

    .hamburger.toggle span:nth-child(3) {
        transform: rotate(45deg) translate(-5px, -6px);
    }

    /* Mobile Menu Overlay */
    .nav-links.active {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        /* Full viewport height */
        background-color: rgba(5, 5, 5, 0.98);
        padding: 6rem 2rem 2rem;
        overflow-y: auto;
        /* Allow scrolling if menu is long */
        gap: 1.5rem;
        align-items: center;
        z-index: 1000;
    }

    .nav-links.active .nav-link {
        font-size: 1.2rem;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }

    .nav-links.active .btn-gold {
        width: 100%;
        text-align: center;
        margin-top: 1rem;
    }

    /* Mobile Dropdown */
    .dropdown {
        width: 100%;
        text-align: center;
    }

    .dropdown-content {
        position: static;
        /* Stack naturally */
        display: none;
        width: 100%;
        box-shadow: none;
        background-color: rgba(255, 255, 255, 0.03);
        /* Subtle bg for hierarchy */
        padding: 0;
        border-top: none;
        margin-top: 0.5rem;
    }

    .dropdown.active .dropdown-content {
        display: block;
        animation: fadeIn 0.3s ease;
    }

    .dropdown-content a {
        padding: 12px;
        font-size: 1rem;
        color: var(--text-secondary);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .dropdown-content a:last-child {
        border-bottom: none;
    }

    /* Typography */
    .hero h1 {
        font-size: 2.2rem;
        padding: 0 1rem;
    }

    .hero-content p {
        font-size: 1rem;
        padding: 0 1rem;
        margin-bottom: 2rem;
    }

    .section-header {
        margin-bottom: 3rem;
    }

    .title,
    .reviews-title,
    .page-header h1 {
        font-size: 2.2rem;
    }

    .reviews-title {
        margin-bottom: 2rem;
    }

    /* Grids to Stack */
    .about-content-wrapper,
    .trust-grid,
    .services-grid,
    .package-grid,
    .vehicle-images.compact-grid,
    .vehicle-card,
    .contact-wrapper,
    .footer-content {
        grid-template-columns: 1fr;
    }

    /* Specific Element Fixes */
    .contact-wrapper,
    .vehicle-card,
    .booking-form-container {
        padding: 1.5rem !important;
        /* Force tighter padding on mobile */
    }

    .fleet-item {
        gap: 2rem;
    }

    /* Footer Cleanup */
    .footer-content {
        gap: 3rem;
        text-align: center;
    }

    .footer-logo p {
        margin: 0 auto;
    }

    .social-icons {
        justify-content: center;
    }

    .audio-btn {
        bottom: 1.5rem;
        right: 1.5rem;
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }

    .terms-wrapper {
        padding: 1.5rem;
    }

    .terms-wrapper h2 {
        font-size: 1.8rem;
    }

    /* Ensure Inputs don't overflow */
    input,
    select,
    textarea {
        max-width: 100%;
    }

    .form-row {
        grid-template-columns: 1fr !important;
        /* Force stack for form rows */
        gap: 1rem !important;
    }

    /* Let fleet thumbnails wrap, avoid tight single row */
    .fleet-item .fleet-img-container {
        flex-wrap: wrap;
    }

    /* Make fleet bubble text wrap so it doesn't overflow */
    .fleet-bubble {
        white-space: normal;
        text-align: center;
    }

    /* On mobile, parallax fixed background can be janky */
    .about {
        background-attachment: scroll;
    }

    /* Trust features single-column on narrow screens */
    .trust-features {
        grid-template-columns: 1fr;
    }

    /* Authorised provider long lines will wrap and center */
    .authorised-provider p {
        white-space: normal;
        text-align: center;
    }
}

/* Loading Overlay & Toast */
.loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loading-overlay h3 {
    color: var(--gold);
    margin-top: 1rem;
    font-family: var(--font-heading);
}

.loading-overlay p {
    color: #fff;
    opacity: 0.8;
}

.toast-container {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
}

/* =========================================
   EXTRA MOBILE FIXES (Small Screens)
   ========================================= */
html,
body {
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

@media (max-width: 480px) {
    .hero h1 {
        font-size: 1.8rem !important;
        /* Visual fix for small screens */
    }

    .title,
    .reviews-title {
        font-size: 1.8rem !important;
    }

    .section-header {
        margin-bottom: 2rem !important;
    }

    .btn-gold,
    .btn-outline {
        padding: 10px 20px;
        /* Smaller buttons */
        font-size: 0.9rem;
    }

    .contact-item {
        padding: 1.5rem !important;
        flex-direction: column;
        /* Stack icon and text */
        text-align: center;
    }

    .contact-item div {
        text-align: center !important;
    }

    .footer-logo h2 {
        font-size: 1.5rem;
    }

    /* Slight breathing room for footer and provider block on very small screens */
    .footer-content {
        gap: 2rem;
    }

    .authorised-provider {
        margin-top: 1rem;
    }

    .trust-title {
        font-size: 2rem;
        margin-bottom: 40px;
    }

    .trust-image {
        margin: 40px auto 30px;
    }
}

/* Extra mobile refinement */
@media (max-width: 768px) {

    /* Allow long authorised provider lines to wrap nicely */
    .authorised-provider p {
        white-space: normal;
        text-align: center;
    }
}

@media (max-width: 480px) {

    /* Slight breathing room for footer and provider block on very small screens */
    .footer-content {
        gap: 2rem;
    }

    .authorised-provider {
        margin-top: 1rem;
    }
}

/* ===== Fix "Trusted by Major Names in Entertainment" on mobile ===== */
@media (max-width: 768px) {

    /* Section breathing room */
    .trust-entertainment {
        padding: 60px 0;
    }

    /* Softer title on small screens */
    .trust-title {
        font-size: 2rem;
        margin-bottom: 2.5rem;
        line-height: 1.3;
        padding: 0 10px;
    }

    /* ONE card per row, full width */
    .trust-features {
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    /* Make cards more like list items instead of tall boxes */
    .feature-item {
        padding: 14px 16px;
        min-height: auto;
        flex-direction: row;
        /* icon left, text right */
        align-items: center;
        text-align: left;
        gap: 12px;
    }

    .feature-item i {
        font-size: 1.6rem;
        margin-bottom: 0;
    }

    .feature-item span {
        font-size: 0.95rem;
        max-width: none;
        word-wrap: normal;
        hyphens: manual;
    }

    /* Image + button spacing */
    .trust-image {
        margin: 40px auto 24px;
    }

    .trust-btn {
        margin-top: 10px;
        padding: 12px 32px;
    }
}

/* HARD OVERRIDE: "Trusted by Major Names in Entertainment" on mobile */
@media (max-width: 900px) {

    /* Make the feature list a vertical stack instead of grid */
    .trust-entertainment .trust-features {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 16px !important;
    }

    .trust-entertainment .feature-item {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        /* icon left, text right */
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
        padding: 12px 16px !important;
        min-height: auto !important;
    }

    .trust-entertainment .feature-item i {
        font-size: 1.6rem !important;
        margin-bottom: 0 !important;
        margin-right: 12px !important;
    }

    .trust-entertainment .feature-item span {
        font-size: 0.95rem !important;
        white-space: normal !important;
        word-break: break-word;
    }

    .trust-title {
        font-size: 2rem !important;
        margin-bottom: 2.5rem !important;
        line-height: 1.3;
        padding: 0 10px;
    }

    .trust-image {
        margin: 40px auto 24px !important;
    }

    .trust-btn {
        margin-top: 10px !important;
        padding: 12px 32px !important;
    }
}

/* Service page visuals */
.service-page .service-content img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px;
    object-fit: cover;
}

/* ===== Service pages: fix side column & images on mobile ===== */
@media (max-width: 768px) {

    /* Stack text & image / side block */
    .service-page .service-content {
        grid-template-columns: 1fr !important;
        gap: 2.5rem !important;
        align-items: flex-start;
    }

    /* Ensure the side column (image / CTA card) is not squished */
    .service-page .service-content>div {
        width: 100%;
        max-width: 100%;
    }

    /* If you used a .service-image wrapper */
    .service-page .service-image,
    .service-page .service-media,
    .service-page .service-visual {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .service-page .service-image img,
    .service-page .service-media img,
    .service-page .service-visual img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }
}

/* =========================================
   MODERN FLEET SECTION (Redesign)
   ========================================= */
.fleet-grid-modern {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-bottom: 3rem;
    perspective: 1000px;
}

.fleet-card-modern {
    background: var(--bg-card);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.fleet-card-modern:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5);
    border-color: var(--gold);
}

.fleet-card-img {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}

.fleet-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.fleet-card-modern:hover .fleet-card-img img {
    transform: scale(1.1);
}

.fleet-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.fleet-card-modern:hover .fleet-overlay {
    opacity: 1;
}

.view-btn {
    color: #fff;
    border: 1px solid var(--gold);
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 2px;
    background: rgba(0, 0, 0, 0.8);
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.fleet-card-modern:hover .view-btn {
    transform: translateY(0);
}

.view-btn:hover {
    background: var(--gold);
    color: #000;
}

.fleet-card-info {
    padding: 1.5rem;
    text-align: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 20%);
}

.fleet-card-info h3 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: #fff;
    font-weight: 500;
}

.fleet-capacity {
    color: var(--gold);
    font-size: 0.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.fleet-cta-container {
    text-align: center;
    margin-top: 3rem;
}

.fleet-note {
    color: #666;
    font-size: 0.9rem;
    margin-top: 1rem;
    font-style: italic;
}

/* Mobile Tweaks for Fleet Grid */
@media (max-width: 600px) {
    .fleet-grid-modern {
        grid-template-columns: 1fr;
        padding: 0 1rem;
    }

    .fleet-card-img {
        height: 220px;
    }

    /* Keep overlay visible on touch if desired, or simplify hover */
    .fleet-overlay {
        display: none;
        /* Simplify mobile: just click the card */
    }
}

/* =========================================
   FLEET PAGE - FULL GRID (Modern Redesign)
   ========================================= */

.fleet-page-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.fleet-intro-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 3rem;
    text-align: center;
    max-width: 900px;
    margin: 0 auto 4rem;
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.fleet-intro-card h3 {
    font-size: 2rem;
    color: var(--gold);
    margin-bottom: 1.5rem;
    font-family: var(--font-heading);
}

.fleet-intro-card p {
    color: #e0e0e0;
    line-height: 1.8;
    margin-bottom: 2rem;
    font-size: 1.05rem;
}

.fleet-page-card {
    background: var(--bg-card);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

.fleet-page-card:hover {
    transform: translateY(-5px);
    border-color: var(--gold);
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
}

/* Image Grid for Cards - SMALLER */
.vehicle-images-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 100px 100px;
    /* Reduced from 150px */
    gap: 4px;
    height: 204px;
    /* 100*2 + 4 */
    width: 100%;
}

/* First image takes full left column height, others stack on right */
.vehicle-images-grid img:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vehicle-images-grid img:nth-child(2) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vehicle-images-grid img:nth-child(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vehicle-page-content {
    padding: 2rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.vehicle-page-content h2 {
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
    color: #fff;
    font-family: var(--font-heading);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.vehicle-page-specs {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    color: var(--gold);
    font-size: 0.95rem;
    font-weight: 500;
}

.vehicle-page-specs span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vehicle-page-desc {
    color: #ccc;
    font-size: 0.95rem;
    line-height: 1.7;
    margin-bottom: 2rem;
    flex-grow: 1;
    /* Pushes button to bottom */
}

/* Responsive adjustments for fleet page */
@media (max-width: 900px) {
    .fleet-page-grid {
        grid-template-columns: 1fr;
        /* Single column on tablets/mobile */
        padding: 0 1rem;
    }
}

@media (max-width: 600px) {
    .vehicle-images-grid {
        height: auto;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .vehicle-images-grid img:nth-child(1),
    .vehicle-images-grid img:nth-child(2),
    .vehicle-images-grid img:nth-child(3) {
        grid-column: auto;
        grid-row: auto;
        height: 200px;
        /* Reduced height per image on mobile */
    }

    /* Hide 2nd and 3rd image on tiny screens if desired, but user said 'same images' 
       so will keep them but maybe stack them or keep as slider. 
       Let's stack them for now or just show main one and hide others to save space?
       User said "make sections smaller". 
       Let's stick to stacking but smaller. */
    .vehicle-images-grid img:nth-child(2),
    .vehicle-images-grid img:nth-child(3) {
        display: none;
        /* Let's hide secondary images on mobile to save vertical space as requested */
    }
}

/* Fix Authorised Provider block alignment on mobile */
.authorised-provider {
    text-align: center;
}

.authorised-provider img {
    display: block;
    margin: 0 auto;
    max-width: 160px;
    /* adjust if needed */
    height: auto;
}

.authorised-provider p {
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

/* =========================================
   MANUAL GOOGLE REVIEWS SECTION
   ========================================= */

.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
}

.review-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    /* Dark subtle border */
    border-radius: 12px;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.4s ease;
    backdrop-filter: blur(10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.review-card:hover {
    transform: translateY(-8px);
    border-color: var(--gold);
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.15);
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.review-author h4 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.3rem;
}

.review-date {
    font-size: 0.8rem;
    color: #888;
}

.stars {
    color: var(--gold);
    font-size: 0.9rem;
    letter-spacing: 2px;
}

.review-text {
    font-size: 1rem;
    line-height: 1.7;
    color: #ddd;
    font-style: italic;
    margin-bottom: 2rem;
}

.review-footer {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #aaa;
    margin-top: auto;
    /* Push to bottom */
}

.google-icon {
    width: 20px;
    height: 20px;
}

.reviews-actions {
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 3rem;
}

/* Responsive Reviews */
@media (max-width: 768px) {
    .reviews-grid {
        grid-template-columns: 1fr;
    }

    .reviews-actions {
        flex-direction: column;
        gap: 1rem;
    }

    .reviews-actions .btn-gold,
    .reviews-actions .btn-outline {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .fleet-features {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem;
        padding: 0;
        margin: 2rem 0 0;
    }

    .fleet-features li {
        display: flex;
        flex-direction: column;
        /* icon on top, text below */
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: 260px;
        text-align: center;
        line-height: 1.4;
        font-size: 1rem;
    }

    .fleet-features li i {
        margin: 0 0 6px 0;
        /* space under icon */
        font-size: 1.1rem;
    }
}