/* Logo positioning same as your Tailwind version */
.logo-img {
    width        : 170px;
    margin-bottom: -40px;
    position     : relative;
    z-index      : 10;
}


.navbar-collapse {
    flex-basis : 100%;
    flex-grow  : 1;
    align-items: center;
    padding    : 40px !important;
}

/* Navbar links */
.nav-link {
    font-weight: 500;
    font-size  : 15px;
    transition : 0.3s;
}

.nav-link:hover {
    color: #ffffff !important;
}

/* Social icons sizing on larger screens */



/* HERO SECTION */
.hero-section {
    position          : relative;
    width             : 100%;
    /* height         : 100vh; */
    background        : url('../image/limo-bg-dark.webp') center/cover no-repeat;
    display           : flex;
    justify-content   : center;
    align-items       : center;
    overflow          : hidden;
}

/* Dark overlay */
.hero-section .overlay {
    position       : absolute;
    inset          : 0;
    background     : rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(1px);
}

/* Centered Content */
.hero-content {
    padding     : 100px 0px;
    position    : relative;
    z-index     : 2;
    color       : white;
    max-width   : 700px;
    /* padding  : 20px; */
    animation   : fadeIn 1.2s ease-in-out;
}

/* Logo */
.hero-logo {
    padding      : 10px 0px;
    width        : 480px;
    margin-bottom: 20px;
    filter       : drop-shadow(0 0 12px rgba(255, 255, 255, 0.4));
    animation    : floating 3s ease-in-out infinite;
}

/* Heading */
.hero-title {
    font-size     : 3rem;
    font-weight   : 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow   : 0 0 18px rgba(0, 0, 0, 0.8);
    animation     : slideUp 1.2s ease-in-out;
}

/* Sub Title */
.hero-subtitle {
    font-size : 1.3rem;
    margin-top: 8px;
    opacity   : 0.9;
    animation : fadeIn 1.6s ease-in-out;
}

/* Button */
.hero-btn {
    padding      : 10px 36px;
    border-radius: 50px;
    font-weight  : 600;
    font-size    : 1.1rem;
    transition   : 0.3s;
}

.hero-btn:hover {
    background: #000;
    color     : #fff;
    transform : scale(1.05);
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp {
    from {
        opacity  : 0;
        transform: translateY(40px);
    }

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

@keyframes floating {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}


/* about us start here  */
.about-section {
    background: #000;
    overflow  : hidden;
    position  : relative;
    padding   : 60px 0px;
}

/* Background Pattern */
.bg-pattern {
    position        : absolute;
    inset           : 0;
    background-image: radial-gradient(circle at 1px 1px, #e0e0e0 1px, transparent 0);
    background-size : 50px 50px;
    opacity         : 0.05;
}

/* Golden Lights */
.gold-light-1,
.gold-light-2 {
    position     : absolute;
    border-radius: 50%;
    filter       : blur(80px);
    opacity      : 0.15;
}

.gold-light-1 {
    width     : 180px;
    height    : 180px;
    background: #e0e0e0;
    top       : 0;
    left      : 0;
}

.gold-light-2 {
    width     : 260px;
    height    : 260px;
    background: #e0e0e0;
    bottom    : 0;
    right     : 0;
}

/* Image */
.image-wrapper img {
    transition: 0.7s ease-in-out;
}

.image-wrapper:hover img {
    transform: scale(1.07);
}

/* Badge */
.city-badge {
    position     : absolute;
    bottom       : -12px;
    left         : -12px;
    background   : linear-gradient(to right, #e0e0e0, #e0e0e0);
    color        : #000;
    padding      : 10px 28px;
    border-radius: 50px;
    font-weight  : 700;
}

/* Right Text */
.about-badge {
    background   : rgba(224, 224, 224, 0.2);
    border       : 1px solid rgba(224, 224, 224, 0.3);
    padding      : 8px 20px;
    border-radius: 50px;
    font-weight  : 600;
}

.section-title {
    font-size  : 2.4rem;
    font-weight: 700;
}

.text-highlight {
    color: #e0e0e0;
}

.title-line {
    width        : 80px;
    height       : 4px;
    background   : #e0e0e0;
    border-radius: 10px;
    margin-top   : 10px;
}

/* Feature Boxes */
.feature-box {
    background   : rgba(30, 30, 30, 0.7);
    padding      : 16px;
    border-radius: 12px;
    border       : 1px solid #333;
    transition   : 0.3s;
}

.feature-box:hover {
    transform : translateY(-5px);
    background: rgba(255, 255, 255, 0.08);
}

.feature-icon {
    font-size: 28px;
    color    : #e0e0e0;
}

/* ANIMATION */
[data-anim] {
    opacity   : 0;
    transform : translateX(40px);
    transition: 0.8s ease-out;
}

[data-anim].anim-visible {
    opacity  : 1;
    transform: translateX(0);
}


/* service section start here  */
/* Background */
.services-section {
    background: #000;
    position  : relative;
    overflow  : hidden;
}

/* Metallic badge */
.metallic-badge {
    border    : 1px solid #444;
    background: linear-gradient(145deg, #1a1a1a, #000);
    box-shadow: 0 0 10px #444 inset;
}

/* Heading Gradient */
.text-gradient {
    background             : linear-gradient(to bottom, #fff, #aaa);
    -webkit-background-clip: text;
    color                  : transparent;
}

/* Card Style */
.service-card {
    background   : linear-gradient(180deg, #101010, #000);
    border       : 1px solid #2d2d2d;
    border-radius: 14px;
    overflow     : hidden;
    transition   : 0.4s ease;
    position     : relative;
}

.service-card:hover {
    border-color: #555;
    transform   : translateY(-8px);
    box-shadow  : 0 0 20px rgba(255, 255, 255, 0.1);
}

/* Popular Badge */
.popular-badge {
    position     : absolute;
    top          : -10px;
    left         : 50%;
    transform    : translateX(-50%);
    background   : #111;
    border       : 1px solid #555;
    padding      : 6px 15px;
    border-radius: 30px;
    font-size    : 14px;
    color        : #e0e0e0;
    z-index      : 10;
}

/* Image Container */
.service-img {
    height  : 220px;
    overflow: hidden;
    position: relative;
}

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

.service-card:hover .service-img img {
    transform: scale(1.15);
}

/* Glow Button */
.btn-glow {
    border-color: #666 !important;
    transition  : 0.3s ease;
}

.btn-glow:hover {
    background  : #111;
    border-color: #aaa !important;
    box-shadow  : 0 0 12px #aaa;
}

/* service section end here  */

/* why choose us start here  */
.why-us-section {
    padding: 60px 0px !important;
}

.why-us-section .top-accent {
    width     : 100%;
    height    : 2px;
    background: linear-gradient(to right, transparent, #777, transparent);
    opacity   : 0.5;
}

/* Text Gradient */
.text-gradient {
    background             : linear-gradient(to bottom, #ffffff, #cfcfcf);
    -webkit-background-clip: text;
    color                  : transparent;
}

/* Stats Card */
.stats-card {
    background   : #0f0f0f;
    border       : 1px solid #222;
    border-radius: 12px;
    transition   : 0.3s;
}

.stats-card:hover {
    border-color: #555;
    transform   : translateY(-5px);
}

.stat-number {
    font-size  : 2rem;
    font-weight: 700;
}

.stat-label {
    color    : #b0b0b0;
    font-size: 0.9rem;
}

/* Feature Cards */
.feature-card {
    background   : linear-gradient(to bottom, #161616, #000);
    border       : 1px solid #222;
    border-radius: 14px;
    position     : relative;
    transition   : 0.35s ease-in-out;
}

.feature-card:hover {
    border-color: #666;
    transform   : translateY(-8px);
    box-shadow  : 0 10px 30px rgba(100, 100, 100, 0.2);
}

/* Icons */
.icon-box {
    width          : 55px;
    height         : 55px;
    display        : flex;
    justify-content: center;
    align-items    : center;
    background     : #111;
    border         : 1px solid #333;
    border-radius  : 10px;
    font-size      : 1.5rem;
    color          : #d0d0d0;
    transition     : 0.3s;
}

.feature-card:hover .icon-box {
    background  : #222;
    border-color: #777;
    color       : #fff;
}

/* why choose us end here  */

/* fleet section start here  */
/* Section Background */
.fleet-section {
    background: #000;
    color     : #fff;
    padding   : 80px 0;
    position  : relative;
}

/* Header */
.section-title {
    font-size              : 34px;
    font-weight            : 700;
    color                  : #fff;
    background             : linear-gradient(to bottom, #fff, #afafaf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-subtitle {
    color    : #bfbfbf;
    max-width: 600px;
    margin   : 10px auto;
}

/* Badge */
.badge-dark-custom {
    background   : #111;
    color        : #ccc;
    padding      : 8px 15px;
    border       : 1px solid #333;
    font-size    : 13px;
    border-radius: 6px;
}

/* Fleet Card */
.fleet-card {
    background   : linear-gradient(to bottom, #0f0f0f, #000);
    border       : 1px solid #222;
    border-radius: 10px;
    overflow     : hidden;
    position     : relative;
    transition   : 0.4s;
}

.fleet-card:hover {
    border-color: #444;
    box-shadow  : 0 0 25px rgba(255, 255, 255, 0.1);
}

/* Image */
.fleet-img {
    height             : 230px;
    background-size    : cover;
    background-position: center;
    transition         : 0.6s;
}

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

/* Content */
.fleet-content {
    padding: 25px;
}

.fleet-title {
    font-size    : 22px;
    font-weight  : 700;
    margin-bottom: 15px;
}

.fleet-features {
    padding-left: 20px;
    color       : #bfbfbf;
}

.fleet-features li {
    margin-bottom: 6px;
}

/* Buttons */
.btn-dark-custom {
    background: #111;
    color     : #fff;
    border    : 1px solid #333;
    padding   : 10px 18px;
}

.btn-dark-custom:hover {
    background: #222;
}

/* Popular Badge */
.popular-badge {
    position     : absolute;
    top          : 15px;
    left         : 58px;
    background   : rgba(20, 20, 20, 0.9);
    padding      : 5px 12px;
    border-radius: 6px;
    font-size    : 12px;
    border       : 1px solid #444;
}

/* Capacity Badge */
.capacity-badge {
    position     : absolute;
    top          : 15px;
    right        : 15px;
    background   : rgba(0, 0, 0, 0.85);
    padding      : 5px 12px;
    border-radius: 6px;
    font-size    : 12px;
    border       : 1px solid #333;
}

/* CTA Card */
.cta-card {
    background   : linear-gradient(to bottom right, #111, #000);
    border       : 1px solid #222;
    padding      : 60px;
    margin-top   : 80px;
    border-radius: 15px;
}

.cta-title {
    font-size              : 40px;
    margin                 : 20px 0;
    background             : linear-gradient(to bottom, #fff, #999);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cta-text {
    color        : #bfbfbf;
    margin-bottom: 25px;
}

.cta-badges .badge {
    margin: 5px;
}

.cta-buttons .btn {
    margin: 8px;
}

/* fleet section end here  */

/* footer start here  */
.footer-section {
    background: #000;
}

.footer-title {
    font-size              : 28px;
    font-weight            : 700;
    background             : linear-gradient(to bottom, #fff, #9a9a9a);
    -webkit-background-clip: text;
    color                  : transparent;
}

.footer-text {
    color      : #aaa;
    line-height: 1.6;
}

.footer-badges p {
    color        : #ccc;
    font-size    : 14px;
    margin-bottom: 5px;
}

.footer-heading {
    font-size     : 18px;
    margin-bottom : 15px;
    border-bottom : 1px solid #2a2a2a;
    padding-bottom: 8px;
}

.footer-links {
    list-style: none;
    padding   : 0;
}

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color          : #bbb;
    text-decoration: none;
    font-size      : 14px;
    transition     : 0.3s;
}

.footer-links a i {
    margin-right: 6px;
    transition  : 0.3s;
}

.footer-links a:hover {
    color       : #fff;
    padding-left: 4px;
}

.footer-links a:hover i {
    transform: translateX(3px);
}

.contact-info p {
    color        : #ccc;
    font-size    : 14px;
    margin-bottom: 6px;
}
.contact-info a{
    text-decoration: none;
    color: #fff;
}
.address-box a{
    text-decoration: none;
    color: #fff;
}
.top-header-contact a{
    text-decoration: none;
    color: #fff;
}
.social-icon {
    width          : 36px;
    height         : 36px;
    background     : #111;
    border         : 1px solid #333;
    color          : #ccc;
    display        : flex;
    align-items    : center;
    justify-content: center;
    border-radius  : 6px;
    transition     : 0.3s;
}

.social-icon:hover {
    background  : #333;
    color       : #fff;
    border-color: #444;
}
.contact-details a{
    text-decoration: none;
    color: #fff;
}
/* Top Gradient Border */
.border-gradient {
    height    : 2px;
    background: linear-gradient(to right, transparent, #666, transparent);
}

/* Powered Links */
.powered-link {
    color          : #ddd;
    font-size      : 12px;
    text-decoration: none;
    transition     : 0.3s;
}

.powered-link:hover {
    color: #0d6efd;
}

/* Decorative Dots */
.dot {
    position     : absolute;
    width        : 8px;
    height       : 8px;
    background   : #555;
    border-radius: 50%;
    animation    : pulse 1.5s infinite;
}

.dot-1 {
    bottom: 30px;
    left  : 80px;
}

.dot-2 {
    top            : 40%;
    right          : 120px;
    animation-delay: .4s;
}

.dot-3 {
    bottom         : 120px;
    left           : 25%;
    animation-delay: .2s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity  : .7;
    }

    50% {
        transform: scale(1.4);
        opacity  : 1;
    }

    100% {
        transform: scale(1);
        opacity  : .7;
    }
}

.bg-dark {
    --bs-bg-opacity : 1;
    background-color: #1e2939 !important;
}

.btn-outline-light:hover {
    background-color: #fff;
    color           : #000;
    border-color    : #fff;
    font-weight     : 700
}

/* footer end here  */
/* service start here  */
.service-card img {
    transition: all 0.4s ease;
}

.service-card:hover img {
    transform: scale(1.05);
}

.service-card:hover {
    border-color: #d7d7d7 !important;
}


/* fleet page start here  */

/* ----- Chrome Title Text ----- */
.chrome-text {
    font-size              : 42px;
    font-weight            : 800;
    background             : linear-gradient(90deg, #d4d4d4, #bfbfbf, #e8e8e8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ----- Fleet Card ----- */
.fleet-card {
    background   : #111;
    border       : 1px solid #222;
    border-radius: 10px;
    overflow     : hidden;
    transition   : all .3s ease;
    height       : 100%;
}

.fleet-card:hover {
    border-color: #c7c7c7;
    transform   : translateY(-7px);
    box-shadow  : 0 0 25px rgba(255, 255, 255, 0.1);
}

/* ----- Fleet Image ----- */
.fleet-image {
    position: relative;
    overflow: hidden;
}

.fleet-image img {
    width     : 100%;
    height    : 180px;
    object-fit: cover;
    transition: 0.4s;
}

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

/* ----- Tags ----- */
.fleet-tag {
    position     : absolute;
    top          : 10px;
    padding      : 5px 10px;
    background   : #000;
    border       : 1px solid #555;
    color        : #fff;
    border-radius: 4px;
    font-size    : 12px;
}

.fleet-tag.left {
    left: 10px;
}

.fleet-tag.right {
    right: 10px;
}

/* ----- Body ----- */
.fleet-body {
    padding: 20px;
}

.fleet-title {
    font-size  : 18px;
    font-weight: 700;
    color      : #e5e5e5;
}

/* ----- Features List ----- */
.fleet-features {
    list-style: none;
    padding   : 0;
    margin    : 15px 0;
}

.fleet-features li {
    color        : #aaa;
    font-size    : 14px;
    margin-bottom: 6px;
    padding-left : 14px;
    position     : relative;
}

.fleet-features li::before {
    content      : "";
    width        : 6px;
    height       : 6px;
    background   : #fff;
    border-radius: 50%;
    position     : absolute;
    left         : 0;
    top          : 7px;
}

/* ----- Button ----- */
.fleet-btn {
    display      : block;
    width        : 100%;
    padding      : 10px;
    text-align   : center;
    background   : #c6c6c6;
    border       : 1px solid #c6c6c6;
    color        : #000;
    font-weight  : 600;
    border-radius: 6px;
    transition   : .3s;
}

.fleet-btn:hover {
    background  : #fff;
    border-color: #fff;
}

.fleet-body a {
    text-decoration: none;
}


/* gallery start here  */
/* Gallery Section */
.gallery-section {
    background-color: #000;
}

.gallery-card {
    background: #111;
    border    : 1px solid #222;
    overflow  : hidden;
    cursor    : pointer;
    transition: all 0.3s ease;
}

.gallery-card:hover {
    border-color: #b68c3b;
    /* chrome gold style border */
}

/* Image Wrapper */
.gallery-img {
    width       : 100%;
    aspect-ratio: 1/1;
    /* perfect square */
    overflow    : hidden;
    position    : relative;
}

/* Image Style */
.gallery-img img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

/* Hover Zoom */
.gallery-card:hover img {
    transform: scale(1.1);
}

/* Optional Shadow on Hover */
.gallery-card:hover {
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
}


/* contact us start here  */
/* Contact Section Color */
.contact-section {
    background: #000;
}

/* Cards */
.contact-card,
.contact-form-card {
    background: #101828;
    border    : 1px solid #222;
    transition: 0.3s;
}

.contact-card:hover,
.contact-form-card:hover {
    border-color: #b68c3b;
}

/* Icon Box */
.icon-box {
    background   : #222;
    color        : white;
    padding      : 12px 15px;
    border-radius: 10px;
    font-size    : 20px;
}

/* Contact Text */
.contact-title {
    font-size  : 20px;
    font-weight: 700;
}

.contact-detail {
    color    : #ccc;
    font-size: 18px;
}

.contact-desc {
    color: #ededed;
}

/* Form Styling */
.form-control {
    background: #1e2939;
    border    : 1px solid #333;
    color     : #fff;
}

.form-control:focus {
    background  : #1a1a1a;
    border-color: #b68c3b;
    box-shadow  : none;
}

.btn-warning {
    background: #b68c3b;
    border    : none;
}

.btn-warning:hover {
    background: #916d25;
}

/* book now start here  */
/* Main Content */
.main-content {
    background-color: #000000;
    padding         : 60px 0;
}

/* Cards */
.custom-card {
    background-color: #1a1a1a;
    border          : 1px solid #2d3748;
    border-radius   : 10px;
    overflow        : hidden;
}

.gradient-card {
    background: linear-gradient(to right, #1a1a1a, #2d2d2d);
    border    : 1px solid #374151;
}

/* Headings */
.section-heading {
    font-size              : 1.5rem;
    font-weight            : 600;
    background             : linear-gradient(to right, #e5e7eb, #9ca3af, #e5e7eb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom          : 1.5rem;
}

/* Feature Items */
.feature-item {
    display      : flex;
    align-items  : flex-start;
    gap          : 15px;
    margin-bottom: 20px;
}

.feature-icon {
    background-color: #2d3748;
    color           : white;
    border-radius   : 8px;
    padding         : 10px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    flex-shrink     : 0;
}

.feature-content h4 {
    color        : white;
    font-size    : 1rem;
    font-weight  : 600;
    margin-bottom: 4px;
}

.feature-content p {
    color        : #9ca3af;
    font-size    : 0.875rem;
    margin-bottom: 0;
}

/* Contact Info */
.contact-item {
    display      : flex;
    align-items  : center;
    gap          : 15px;
    margin-bottom: 20px;
}

.contact-icon {
    color      : white;
    flex-shrink: 0;
}

.contact-details p:first-child {
    color        : white;
    margin-bottom: 2px;
}

.contact-details p:last-child {
    color        : #9ca3af;
    font-size    : 0.875rem;
    margin-bottom: 0;
}

/* Booking Tips */
.tips-list {
    list-style  : none;
    padding-left: 0;
}

.tips-list li {
    display      : flex;
    align-items  : flex-start;
    gap          : 10px;
    margin-bottom: 12px;
    color        : #d1d5db;
    font-size    : 0.875rem;
}

.tip-bullet {
    width           : 6px;
    height          : 6px;
    background-color: white;
    border-radius   : 50%;
    margin-top      : 8px;
    flex-shrink     : 0;
}

/* Form Styles */
.booking-form {
    padding: 20px;
}

.form-label {
    color        : white;
    font-weight  : 500;
    margin-bottom: 8px;
}

.form-control,
.form-select {
    background-color: #2d3748;
    border          : 1px solid #4b5563;
    color           : white;
    padding         : 10px 15px;
    border-radius   : 6px;
}

.form-control:focus,
.form-select:focus {
    background-color: #374151;
    border-color    : #6b7280;
    color           : white;
    box-shadow      : 0 0 0 0.25rem rgba(156, 163, 175, 0.25);
}

.form-control::placeholder {
    color: #9ca3af;
}

.btn-submit {
    background-color: #d1d5db;
    color           : #000000;
    border          : none;
    padding         : 12px 30px;
    font-weight     : 600;
    border-radius   : 6px;
    transition      : all 0.3s ease;
}

.btn-submit:hover {
    background-color: white;
    color           : #000000;
    transform       : translateY(-2px);
    box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.3);
}


/* fleet details start here  */
        /* Vehicle Image */
        .vehicle-main-image {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 10px 10px 0 0;
        }
        
        /* Gallery */
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 15px;
        }
        
        .gallery-item {
            overflow: hidden;
            border-radius: 8px;
            border: 1px solid #2d3748;
            transition: all 0.3s ease;
        }
        
        .gallery-item:hover {
            border-color: #e0e0e0;
            transform: translateY(-5px);
        }
        
        .gallery-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        
        .gallery-item:hover .gallery-image {
            transform: scale(1.05);
        }
        
        /* Features Section */
        .features-list {
            list-style: none;
            padding-left: 0;
        }
        
        .feature-item {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 15px;
            color: #d1d5db;
        }
        
        .feature-bullet {
            width: 8px;
            height: 8px;
            background-color: white;
            border-radius: 50%;
            margin-top: 8px;
            flex-shrink: 0;
        }
        
        /* Specs Box */
        .specs-box {
            background-color: rgba(0, 0, 0, 0.3);
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        
        .spec-item {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .spec-item:last-child {
            border-bottom: none;
        }
        
        .spec-label {
            color: #9ca3af;
        }
        
        .spec-value {
            color: white;
            font-weight: 600;
        }
        
        /* Buttons */
        .btn-book-now {
            background-color: white;
            color: black;
            border: 2px solid #e0e0e0;
            font-weight: bold;
            padding: 12px;
            font-size: 1.1rem;
            border-radius: 8px;
            transition: all 0.3s ease;
            text-decoration: none;
            display: block;
            text-align: center;
        }
        
        .btn-book-now:hover {
            background-color: #f0f0f0;
            color: black;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(255, 255, 255, 0.1);
        }
        
        .btn-quote {
            background-color: transparent;
            color: white;
            border: 2px solid #e0e0e0;
            font-weight: 600;
            padding: 12px;
            border-radius: 8px;
            transition: all 0.3s ease;
            text-decoration: none;
            display: block;
            text-align: center;
        }
        
        .btn-quote:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: white;
            transform: translateY(-2px);
        }
        
        /* Sticky Sidebar */
        .sticky-sidebar {
            position: sticky;
            top: 30px;
        }
        
        /* Headings */
        .section-heading {
            font-size: 2rem;
            font-weight: 700;
            color: white;
            margin-bottom: 1.5rem;
        }
        
        .sub-heading {
            font-size: 1.5rem;
            font-weight: 600;
            color: white;
            margin-bottom: 1.5rem;
        }
        
        /* Description Text */
        .description-text {
            color: #d1d5db;
            font-size: 1.1rem;
            line-height: 1.7;
        }
        
        /* Responsive Adjustments */
        @media (max-width: 992px) {
            .inner-banner {
                padding: 60px 0;
            }
            
            .inner-banner h1 {
                font-size: 2.5rem;
            }
            
            .vehicle-main-image {
                height: 350px;
            }
            
            .sticky-sidebar {
                position: static;
            }
        }
        
        @media (max-width: 768px) {
            .inner-banner {
                padding: 50px 0;
            }
            
            .inner-banner h1 {
                font-size: 2rem;
            }
            
            .vehicle-main-image {
                height: 300px;
            }
            
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .section-heading {
                font-size: 1.75rem;
            }
            
            .sub-heading {
                font-size: 1.25rem;
            }
        }
        
        @media (max-width: 576px) {
            .gallery-grid {
                grid-template-columns: 1fr;
            }
            
            .description-text {
                font-size: 1rem;
            }
        }
/* Responsive Adjustments */
@media (max-width: 992px) {
    .inner-banner {
        padding: 60px 0;
    }

    .inner-banner h1 {
        font-size: 2.5rem;
    }

    .main-content {
        padding: 40px 0;
    }
}

@media (max-width: 768px) {
    .inner-banner {
        padding: 50px 0;
    }

    .inner-banner h1 {
        font-size: 2rem;
    }

    .booking-form {
        padding: 15px;
    }
}

/* Responsive */

@media (min-width: 576px) {
    .top-bar img {
        width : 28px;
        height: 28px;
    }
}

@media (max-width: 768px) {
    .logo-img {
        width        : 180px;
        margin-bottom: -50px;
    }

    .hero-title {
        font-size: 2.3rem;
    }

    .hero-logo {
        width: 130px;
    }
}