/*index.html*/
/* ================= HEADER ================= */

/* ===== HEADER RESET ===== */

.main-header{
position:sticky;
top:0;
z-index:9999;
background:#111;
width:100%;
}

/* ===== NAVBAR ===== */

.modern-navbar{
background:#e3e0eb;   /* dark grey instead of black */
padding:16px 0;
box-shadow:0 2px 10px rgba(0,0,0,0.2);
}
/* LOGO */

.logo{
height:55px;
}
.modern-navbar{
box-shadow:0 2px 10px rgba(0,0,0,0.25);
}
/* MENU */

.main-menu{
align-items:center;
}

.main-menu .nav-link{
color:#080808;
font-size:16px;
font-weight:600;
margin-left:25px;
padding:14px 6px;
position:relative;
transition:0.3s;
white-space:nowrap;
letter-spacing:.3px;
}

/* hover underline */

.main-menu .nav-link::after{
content:"";
position:absolute;
left:0;
bottom:-2px;
width:0%;
height:2px;
background:#e30613;
transition:0.3s;
}

.main-menu .nav-link:hover{
color:#ee0808;
}

.main-menu .nav-link:hover::after{
width:100%;
}
/* ===== HAMBURGER ===== */

.navbar-toggler{
border:none;
}

.navbar-toggler-icon{
filter:invert(1);
}

/* ===== MEGA MENU ===== */

.mega-parent{
position:static;
}

.mega-menu{
position:absolute;
top:100%;
left:0;
width:100%;
background:#fff;
padding:40px;
display:none;
box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.mega-parent:hover .mega-menu{
display:block;
}

.mega-column h4{
font-size:16px;
font-weight:700;
margin-bottom:15px;
}

.mega-column ul{
list-style:none;
padding:0;
margin:0;
}

.mega-column li{
font-size:14px;
color:#555;
padding:6px 0;
transition:0.3s;
cursor:pointer;
}

.mega-column li:hover{
color:#e30613;
padding-left:6px;
}

/* ===== MOBILE ===== */

.offcanvas{
width:260px;
}

.offcanvas .nav-link{
font-size:16px;
padding:12px 0;
border-bottom:1px solid #eee;
}
.main-menu .nav-link{
white-space:nowrap;
}
/* ===== RESPONSIVE ===== */

@media (max-width:991px){

.logo{
height:50px;
}

.main-menu{
display:none;
}

}


/*   HERO SLIDER */
.carousel-item{
    height:85vh;
    min-height:520px;
    position:relative;
    overflow:hidden;
}
.carousel-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    animation:heroZoom 10s ease-in-out infinite alternate;
    position:relative;
    z-index:1;
}
/* ===== HERO OVERLAY ===== */
.hero-overlay-home{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    background:
        linear-gradient(
            to right,
            rgba(0,0,0,0.75) 0%,
            rgba(0,0,0,0.55) 35%,
            rgba(0,0,0,0.20) 65%,
            rgba(0,0,0,0.05) 100%
        );

    z-index:2;
}
/*HERO CONTENT */
.hero-content{
    position:absolute;
    top:50%;
    left:8%;
    transform:translateY(-50%);
    color:#fff;
    max-width:600px;
    z-index:3;
    backdrop-filter: blur(1px);
}
.hero-content h1{
    font-size:64px;
    font-weight:700;
    line-height:1.1;
}
.hero-content p{
    font-size:18px;
    margin:15px 0 20px;
    color:#e5e5e5;
}
/* HERO BUTTON*/
.hero-btn{
    background:var(--primary-color);
    color:#fff;
    padding:14px 34px;
    font-weight:600;
    text-decoration:none;
    display:inline-block;
    position:relative;
    overflow:hidden;
    transition:0.35s ease;
}
/* Red stripe */
.hero-btn::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:6px;
    height:100%;
    background:#000;
    transition:0.35s;
}
/* Hover */
.hero-btn:hover{
    background:#000;
    transform:translateY(-2px);
}
.hero-btn:hover::after{
    width:100%;
    opacity:0.15;
}
/*    SLIDER ARROWS */
.carousel-control-prev,
.carousel-control-next{
    width:6%;
    opacity:1;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-image:none;
}
/* Big arrows */
.carousel-control-prev::after,
.carousel-control-next::after{
    font-family:"bootstrap-icons";
    font-size:52px;
    color:#fff;
    transition:0.3s ease;
}

.carousel-control-prev::after{
    content:"\F284";
}

.carousel-control-next::after{
    content:"\F285";
}
.carousel-control-prev:hover::after,
.carousel-control-next:hover::after{
    color:var(--primary-color);
    transform:scale(1.2);
}
/*    SLIDER DOTS */

.carousel-indicators{
    bottom:30px;
}

.carousel-indicators [data-bs-target]{
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--primary-color);
    opacity:0.5;
    border:none;
}
.carousel-indicators .active{
    opacity:1;
    transform:scale(1.2);
}
/*   SMOOTH IMAGE ZOOM EFFECT*/

@keyframes heroZoom{
    from{ transform:scale(1); }
    to{ transform:scale(1.05); }
}
/* ===== SERVICES SECTION ===== */

.services-modern{
background:#0f0f0f;
padding:70px 0;
}

.service-card{
background:#1c1c1c;
border-radius:12px;
text-align:center;
padding:28px 18px;
transition:0.3s;
border:1px solid rgba(255,255,255,0.05);
height:100%;
}

.service-card i{
font-size:40px;
color:#e30613;
margin-bottom:18px;
display:block;
}

.service-card h6{
color:#fff;
font-size:16px;
font-weight:600;
letter-spacing:0.5px;
}

/* hover effect */

.service-card:hover{
transform:translateY(-6px);
background:#232323;
border-color:#e30613;
}

/* highlighted service */

.service-card.highlight{
background:#e30613;
}

.service-card.highlight i{
color:#fff;
}

.service-card.highlight h6{
color:#fff;
}
.services-modern .row{
row-gap:25px;
}
/* ===============================
   VAG SPECIALISTS HOME SECTION
================================*/

.vag-section-home{
    padding:80px 0;
    background:#fff;
}

.section-title{
    font-size:25px;
    font-weight:700;
    margin-bottom:16px;
}

.lead-text-vag{
    font-weight:600;
    color:#333;
}

.vag-section p{
    color:#555;
    line-height:1.7;
}

.vag-img{
    border-radius:6px;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

/* BUTTON */

.primary-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 35px;
    background:#000;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    position:relative;
    overflow:hidden;
}

.primary-btn::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:6px;
    height:100%;
    background:var(--primary-color);
    transition:0.3s;
}

.primary-btn:hover{
    background:#111;
}

.primary-btn:hover::after{
    width:100%;
    opacity:.2;
}
/*   CTA BOOKING CARDS */
.cta-modern{
background:#f7f7f7;
padding:70px 0;
border-top:4px solid #e30613;
}

.cta-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:30px;
}

.cta-text h2{
color:#111;
font-size:32px;
font-weight:700;
margin-bottom:10px;
}

.cta-text p{
color:#555;
max-width:500px;
}

/* buttons */

.cta-buttons{
display:flex;
gap:14px;
flex-wrap:wrap;
margin-top:20px;
}

.cta-btn{
display:flex;
align-items:center;
gap:8px;
padding:12px 22px;
border-radius:6px;
font-size:15px;
font-weight:600;
text-decoration:none;
transition:0.3s;
border:2px solid transparent;
cursor: pointer;
}

.cta-btn i{
font-size:18px;
}

/* button styles */

.cta-btn.red{
background:#e30613;
color:#fff;
}

.cta-btn.red:hover{
background:#c10410;

}
.cta-btn.dark{
background:#fff;
border:2px solid #e30613;
color:#111;
}
.cta-btn.outline:hover {
    background:#090527;
    color: white;
}
.cta-btn.dark:hover{
background:#e30613;
color:#fff;

}
.cta-text h2{
color:#111;
font-size:32px;
font-weight:700;
margin-bottom:10px;
}

.cta-text p{
color:#555;
max-width:500px;
}
/* responsive */

@media(max-width:768px){

.cta-wrapper{
flex-direction:column;
align-items:flex-start;
}

.cta-text h2{
font-size:26px;
}

}
/* ICON ANIMATION */

/*.cta-card:hover .cta-icon{
    transform:scale(1.15);
    opacity:0.1;
}*/
/* =============================
   CAR SERVICES SECTION
=============================*/

.car-services-section{
    padding:90px 0;
    background:#fff;
}
/* SUBTITLE */

.section-subtitle{
    font-weight:600;
    margin-bottom:20px;
    color:#222;
}

/* PARAGRAPH */

.car-services-section p{
    color:#555;
    line-height:1.7;
    margin-bottom:18px;
}

/* IMAGE */

.service-image img{
    width:100%;
    border-radius:4px;
}

/* BUTTON STYLE */

.main-btn{
    display:inline-block;
    margin-top:20px;
    background:#000;
    color:#fff;
    padding:14px 30px;
    font-weight:600;
    text-decoration:none;
    position:relative;
    transition:0.35s;
}

/* RED RIGHT STRIPE */

.main-btn::after{
    content:"";
    position:absolute;
    right:-6px;
    top:0;
    width:6px;
    height:100%;
    background:var(--primary-color);
}

/* HOVER */

.main-btn:hover{
    background:var(--primary-color);
}
/* =============================
   WE SPECIALIZE SECTION
=============================*/

.specialize-section{
    padding:100px 0;
    background:#f8fafc;   /* soft premium grey */
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}
/* SLIDE STYLE */
.brandSwiper .swiper-slide{
    background:#fff;
    border-radius:12px;
    padding:25px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
    transition:.35s;
}

.brandSwiper img{
    height:80px;
    object-fit:contain;
    transition:.4s;
}

/* HOVER EFFECT */
.brandSwiper .swiper-slide:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.brandSwiper .swiper-slide:hover img{
    transform:scale(1.1);
}
.section-title-specilize{
    font-size:42px;
    font-weight:700;
    letter-spacing:1px;
    position:relative;
    margin-bottom:60px;
}

.section-title-specilize::after{
    content:"";
    width:70px;
    height:4px;
    background:#e11d2e;
    display:block;
    margin:15px auto 0;
}
.brandSwiper .swiper-slide{
    background:#ffffff;
    border-radius:14px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
}
/* ================= LOCATION SECTION ================= */

.location-section{
    padding:70px 0;
    background:#f5f5f5;
}
.small-text{
    font-size:14px;
    color:#666;
    margin-top:15px;
}

/* MAP */

.map-box iframe{
    width:100%;
    border-radius:4px;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
}


/* OPENING TIMES */

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

.opening-list{
    list-style:none;
    padding:0;
}

.opening-list li{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid #ddd;
    font-size:16px;
}


/* BUTTON STYLE */

.direction-btn{
    display:inline-block;
    margin-top:15px;
    padding:12px 28px;
    background:#000;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    position:relative;
}

.direction-btn::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:6px;
    height:100%;
    background:var(--primary-color);
}
/*Main Footer*/
/* ===== MODERN FOOTER ===== */

.footer-modern{
background:#111;
color:#bbb;
padding:70px 0 30px;
}

.footer-logo{
height:50px;
margin-bottom:15px;
}

.footer-text{
font-size:14px;
line-height:1.6;
max-width:320px;
}

/* headings */

.footer-modern h5{
color:#fff;
font-weight:600;
margin-bottom:18px;
}

/* menu */

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

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

.footer-menu a{
color:#bbb;
text-decoration:none;
transition:0.3s;
}

.footer-menu a:hover{
color:#e30613;
padding-left:4px;
}

/* contact */

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

.footer-contact li{
margin-bottom:10px;
font-size:14px;
}

.footer-contact i{
color:#e30613;
margin-right:8px;
}
.footer-contact a{
color:#bbb;
text-decoration:none;
transition:0.3s;
}

.footer-contact a:hover{
color:#e30613;
}
.footer-contact-strip a{
color:#bbb;
text-decoration:none;
transition:0.3s;
}

.footer-contact-strip a:hover{
color:#e30613;
}
/* payment icons */

.payment-icons{
display:flex;
align-items:center;
gap:10px;
margin-top:12px;
}

.payment-icons img{
height:28px;
width:auto;
background:#fff;
padding:3px 6px;
border-radius:4px;
}

/* social */

.footer-social{
margin-top:15px;
}

.footer-social a{
color:#fff;
margin-right:12px;
font-size:18px;
transition:0.3s;
}

.footer-social a:hover{
color:#e30613;
}

/* bottom bar */

.footer-bottom{
background:#0b0b0b;
color:#888;
padding:15px 0;
text-align:center;
font-size:14px;
margin-top:40px;
}
/* FOOTER BOOKING */

.footer-booking{
text-align:center;
margin-top:50px;
padding-top:30px;
border-top:1px solid #222;
}

.footer-booking h5{
color:#fff;
margin-bottom:20px;
}

.booking-buttons{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:12px;
}

/* BOOKING BUTTONS */

.book-btn{
background:#e30613;
color:#fff;
padding:11px 20px;
border-radius:6px;
text-decoration:none;
font-size:14px;
font-weight:600;
transition:all .3s ease;
display:inline-block;
position:relative;
overflow:hidden;
}

/* Hover effect */

.book-btn:hover{
background:#ff1a1a;
transform:translateY(-3px);
box-shadow:0 6px 18px rgba(227,6,19,0.35);
text-decoration: none;
cursor: pointer;
}

/* Click effect */

.book-btn:active{
transform:translateY(0);
box-shadow:0 3px 10px rgba(227,6,19,0.25);
}

/* policy links */

.footer-policy{
font-size:13px;
margin-top:6px;
}

.footer-policy a{
color:#aaa;
text-decoration:none;
}

.footer-policy a:hover{
color:#fff;
}

/*privacy-policy.html*/
/* ======================
   LEGAL PAGE
====================== */

.legal-page{
    padding:80px 0;
    background:#ffffff;
   font-family: 'Montserrat', sans-serif;
}

.legal-page h1{
    font-size:38px;
    font-weight:700;
    margin-bottom:20px;
}

.legal-page h2{
    margin-top:40px;
    font-size:24px;
    color:#0b1f3a;
}

.legal-page p,
.legal-page li{
    font-size:16px;
    line-height:1.8;
    color:#555;
}

.legal-page ul{
    padding-left:20px;
}

.legal-page hr{
    margin:35px 0;
}
.footer-privacy {
    background-color: var(--blue-color);
    color: var(--white-color);
}
.footer-privacy a {
    color: var(--accent-color);
}

.footer-privacy a:hover {
    text-decoration: underline;
}
/*about.html*/
.about-preview{
    padding:80px 0;
    background:#d1cccc;
    position:relative;
    background:url("../images/car-black.png") center/cover no-repeat;
    padding:120px 0;
    color:#fff;
    overflow:hidden;

}
.about-preview::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7); /* increase/decrease darkness */
    z-index:1;
}

/* CONTENT ABOVE OVERLAY */
.about-preview .container{
    position:relative;
    z-index:2;
}
.about-preview h2{
    font-weight:700;
    text-shadow:0 2px 8px rgba(0,0,0,0.6);
}

.about-preview p{
    text-shadow:0 2px 6px rgba(0,0,0,0.6);
}
.about-text{
    max-width:800px;
    margin:0 auto 25px;
    font-size:18px;
    color:#f8f3f3;
    line-height:1.8;
}

/* ABOUT INTRO */

.about-intro{
    padding:80px 0;
    text-align:center;
    background:#ffffff;
}

.about-intro h1{
    font-size:40px;
    font-weight:700;
    color:#0b1f3a;
    margin-bottom:20px;
}

.about-intro p{
    max-width:850px;
    margin:0 auto 25px;
    font-size:18px;
    line-height:1.8;
    color:#555;
}
/* ======================
   ABOUT STORY
====================== */

.about-story{
    padding:80px 0;
    background:#f8f9fb;
    font-family: 'Montserrat', sans-serif;
}

.about-story img{
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,0.15);
}

.about-story h2{
    font-size:34px;
    font-weight:700;
    margin-bottom:20px;
    color:#0b1f3a;
}

.about-story p{
    font-size:17px;
    line-height:1.8;
    color:#555;
}
/* ======================
   ABOUT FEATURES
====================== */

.about-features{
    padding:80px 0;
    background:#f4f6f9;
}

.about-features h2{
    font-size:36px;
    font-weight:700;
    margin-bottom:50px;
    color:#0b1f3a;
}

.about-features .col-md-3{
    padding:20px;
}

.about-features h4{
    font-weight:700;
    margin-bottom:10px;
    color:#0b1f3a;
}

.about-features p{
    color:#666;
    font-size:16px;
}

.footer-contact-strip{
display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;
padding:30px 0;

margin-bottom:40px;
}

.contact-item{
color:#bbb;
font-size:14px;
display:flex;
align-items:center;
gap:8px;
}

.contact-item i{
color:#e30613;
font-size:18px;
}
@media(max-width:768px){

    .about-intro h1{
        font-size:30px;
    }

    .about-story{
        text-align:center;
    }

    .about-story img{
        margin-bottom:30px;
    }

    .about-features .col-md-3{
        margin-bottom:25px;
    }
}

.vag-section-about{
    padding:80px 0;
    background:#f8f9fb;
}

/* image styling */
.vag-section-about img{
    border-radius:12px;
    box-shadow:0 15px 35px rgba(0,0,0,0.15);
    transition:0.4s;
}

.vag-section-about img:hover{
    transform:scale(1.02);
}

/* heading */
.vag-section-about h2{
    font-size:36px;
    font-weight:700;
    margin-bottom:20px;
    color:#0b1f3a;
}

/* paragraph */
.lead-text-about{
    font-size:18px;
    line-height:1.8;
    color:#555;
    margin-bottom:25px;
}

/* button improvement */
.vag-section-about .btn-primary{
    padding:12px 28px;
    font-size:16px;
    border-radius:30px;
    background:#2b7cff;
    border:none;
    transition:0.3s;
}

.vag-section-about .btn-primary:hover{
    background:#0b5ed7;
    transform:translateY(-2px);
}

/* spacing for mobile */
@media(max-width:768px){

    .vag-section-about{
        text-align:center;
    }

    .vag-section-about img{
        margin-bottom:30px;
    }

}
/* FOOTER */

footer {
    background-color: var(--blue-color);
    color: var(--white-color);
}

footer a {
    color: var(--accent-color);
}

footer a:hover {
    text-decoration: underline;
}
/*reviews.html*/
/*    REVIEWS INTRO HERO*/

.reviews-intro{
    position:relative;
    background:url("../images/car-red.png") center center/cover no-repeat;
    padding:120px 0;
    color:#fff;
    overflow:hidden;
}

/* OVERLAY */
.reviews-intro::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.7);
    z-index:1;
}

/* CONTENT ABOVE OVERLAY */
.reviews-intro .container{
    position:relative;
    z-index:2;
}

/* TEXT STYLE */
.reviews-intro h1{
    font-size:42px;
    font-weight:700;
    margin-bottom:15px;
    text-shadow:0 3px 10px rgba(0,0,0,0.6);
}

.reviews-intro p{
    max-width:750px;
    margin:auto;
    font-size:18px;
    color:#eee;
    text-shadow:0 2px 8px rgba(0,0,0,0.6);
}
.reviews-car{
    position:absolute;
    bottom:0;
    right:0;
    width:420px;
    z-index:2;
}
/* REVIEW PLATFORMS */

.review-platforms{
    padding:80px 0;
    background:#f4f6f9;
}

.review-card{
    padding:40px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.review-card:hover{
    transform:translateY(-5px);
}

.review-card i{
    font-size:40px;
    margin-bottom:15px;
    color:#2b7cff;
}

/* TESTIMONIALS */

.testimonial-section{
    padding:80px 0;
}

.testimonial{
    padding:20px;
}

.testimonial p{
    font-style:italic;
    color:#555;
}

.testimonial h5{
    color:#ffc107;
}

/* REVIEW CTA */

.review-cta{
    padding: 10px 0 5px;
    background:var(--blue-color);
    color:#fff;
}
/*contact.html*/
/* CONTACT Hero*/

.contact-hero{
    position:relative;
    min-height:380px;
    background:url('../images/car-gray.png') center/cover no-repeat;

}

.hero-overlay-contact {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;

    background:rgba(0,0,0,0.6);

    display:flex;
    align-items:center;
    color:#fff;
    justify-content:flex-start;
    text-align:left;
}
.contact-hero .container{
    max-width:1100px;
}
.contact-hero h1,
.contact-hero p{
    max-width:550px;
}
.contact-hero h1{
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
}

.contact-hero p{
    font-size:18px;
    max-width:700px;
    margin:0 0 15px 0;
}

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

.hero-buttons .btn{
    margin:5px;
    padding:10px 20px;
}
.hero-buttons .btn-primary{
    padding:14px 30px;
    font-weight:600;
    box-shadow:0 6px 20px rgba(0,123,255,.4);
}

.hero-buttons .btn-light{
    border:2px solid #fff;
}

/*  CONTACT MAIN */

.contact-main{
    padding:80px 0;
    background:#f4f6f9;
}

.contact-details p{
    margin-bottom:20px;
    color:#555;
}

/* form */
.contact-main form input,
.contact-main form textarea{
    width:100%;
    padding:12px;
    margin-bottom:15px;
    border:1px solid #ddd;
    border-radius:6px;
}

.contact-main textarea{
    height:120px;
}

/*  MAP */

.contact-map iframe{
    display:block;
}

/*OPENING HOURS*/

.opening-hours{
    padding:70px 0;
    background:#ffffff;
}

.opening-hours ul{
    list-style:none;
    padding:0;
}

.opening-hours li{
    margin:10px 0;
    font-size:18px;
}

/*   Final CTA*/

.contact-cta{
    padding:80px 0;
    background:var(--blue-color);
    color:#fff;
}
.contact-cta a{
    color:#ffffff;
    text-decoration:none;
    font-weight:500;
    margin-top: 10px;
}

.contact-cta a:hover{
    text-decoration:underline;
    color:#cfe3ff;
}
/* privacy checkbox */

.privacy-consent{
margin:15px 0;
display:flex;
align-items:center;
}

.checkbox-label{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
font-size:14px;
color:#555;
margin:0;
}

.checkbox-label input[type="checkbox"]{
margin:0;
width:16px;
height:16px;
flex-shrink:0;
}

.checkbox-label span{
line-height:1.4;
}
/*services.html*/
.services-hero {
    position: relative;
    background: url('../images/ourservices.jpg') center/cover no-repeat;
    padding: 140px 0;
    color: #fff;
}

/* Strong dark overlay */
.services-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.65);  /* we can increase darkness here */
}

/* keeping text above overlay */
.services-hero .container {
    position: relative;
    z-index: 2;
}

.services-hero h1 {
    font-size: 48px;
    font-weight: 700;
}

.services-hero p {
    font-size: 20px;
    margin-top: 12px;
    font-weight: 500;
}

.category-title {
    font-weight: 700;
    margin-bottom: 30px;
    color: #1E88E5;
}

.category-card {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.05);
    overflow: hidden;
}

.category-header {
    padding: 18px 25px;
    font-weight: 600;
    font-size: 18px;
    /*background: linear-gradient(90deg, #0d6efd, #004aad);*/
    background: linear-gradient(90deg, #1c2129, #004aad);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}

.category-header:hover {
    opacity: 0.9;
}

.category-body {
    padding: 25px;
    background: #f8f9fa;
}

.category-body .col-md-4 {
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    transition: 0.3s;
}

.category-body .col-md-4:hover {
    padding-left: 10px;
    color: #0d6efd;
}

/*services intro section*/
.services-intro-section {
    padding: 80px 0;
    background: #ffffff;
}
.section-title span {
    color: #d60000;
}

.lead-text-service {
    font-size: 18px;
    font-weight: 500;
    color: #333;
    margin-bottom: 15px;
}

.services-intro-section p {
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}

.cta-buttons {
    margin-top: 25px;
}

.btn-main {
    background: #d60000;
    color: #fff;
    padding: 12px 28px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 4px;
    margin-right: 15px;
    display: inline-block;
}

.btn-main:hover {
    background: #b50000;
    color: #fff;

}

.btn-outline {
    border: 2px solid #111;
    padding: 10px 26px;
    text-decoration: none;
    font-weight: 600;
    color: #111;
    border-radius: 4px;
    display: inline-block;
}

.btn-outline:hover {
    background: #111;
    color: #fff;
}

.image-box img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
/*service highlights*/
.service-img img {
    width: 100%;
    height: 500px;   /* adjust 450–550px */
    object-fit: cover;
    border-radius: 15px;
}
.services-highlight {
    background: #111;
    color: #fff;
    padding: 60px 0;
}

.services-highlight h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 40px;
}

.highlight-points {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.point {
    flex: 1;
    min-width: 200px;
}

.point h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #d60000;
}

.point p {
    font-size: 14px;
    color: #ccc;
}
.forms-section {
    background-color: var(--blue-color);
}
.btn-primary-custom {
    background-color: var(--royalblue-color);   /* Royal Blue */
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.btn-primary-custom:hover {
    background-color: #1565C0;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}
.service-body,.services-highlight {
    font-family:var(--main-font);
}
/*car-servicing.html*/
/* HERO */
.service-hero-clean{
    position: relative;
    background: url("../images/car1.jpg") center center / cover no-repeat;
    height: 450px;                 /* hero height */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.service-hero-clean::before{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);  /* dark overlay */
}

/* keep text above overlay */
.service-hero-clean .container{
    position: relative;
    z-index: 2;
}
.service-hero-clean h1 {
   /*font-size: 50px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 15px;*/
     font-size: 48px;
    font-weight: 700;
}

.service-hero-clean p {
    font-size: 20px;
    color: #6b7280;
    margin-bottom: 35px;
}

.btn-primary-clean, .btn-outline-clean {
    background: #d60000;
    color: #fff;
    padding: 14px 32px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    margin-right: 15px;
}


/* Buttons */
.btn-primary-custom {
    /*background: #d60000;*/
    color: #fff;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 600;
    margin-right: 15px;
}

.btn-outline-light {
    border: 2px solid #fff;
    padding: 10px 28px;
    color: #fff;
    text-decoration: none;
}

/* SECTION */
.service-intro{
    padding:120px 0;
    background:#f8fafc;
}

/* HEADING */
.intro-left h2{
    font-size:44px;
    font-weight:700;
    line-height:1.2;
}

.intro-left h2 span{
    color:#e11d2e;
}

/* TEXT */
.intro-text{
    font-size:18px;
    color:#555;
    margin:25px 0 35px;
}

/* BENEFITS GRID */
.benefits-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:35px;
}

.benefits-grid div{
    background:#fff;
    padding:15px 18px;
    border-radius:8px;
    box-shadow:0 5px 20px rgba(0,0,0,0.05);
    font-weight:500;
    transition:.3s;
}

.benefits-grid div:hover{
    transform:translateY(-5px);
}

/* BUTTON */
.intro-btn{
    background:#e11d2e;
    color:#fff;
    padding:14px 28px;
    text-decoration:none;
    border-radius:6px;
    font-weight:600;
    transition:.3s;
}

.intro-btn:hover{
    background:#c40f21;
}

/* IMAGE STYLE */
.intro-image{
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,0.2);
}

.intro-image img{
    width:100%;
    transition:.4s;
}

.intro-image:hover img{
    transform:scale(1.05);
}
/*----------*/
/* service types */
.service-types{
    padding:10px 0;
    background:#f8fafc;
}

/* TITLE */
.section-title h2{
    font-size:42px;
    font-weight:700;
}

/* GRID */
.service-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:25px;
    margin-top:40px;
}

/* CARD */
.service-type-card{
    background:#fff;
    padding:40px 30px;
    border-radius:16px;
    box-shadow:0 15px 40px rgba(0,0,0,0.06);
    transition:.4s;
    position:relative;
    overflow:hidden;
}

/* RED TOP LINE EFFECT */
.service-type-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:4px;
    background:#e11d2e;
    transition:.4s;
}

.service-type-card:hover::before{
    width:100%;
}

.service-type-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* NUMBER ICON */
.service-icon{
    width:55px;
    height:55px;
    background:#e11d2e;
    color:#fff;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    margin-bottom:20px;
}

/* TEXT */
.service-type-card h3{
    font-size:22px;
    font-weight:600;
    margin-bottom:12px;
}

.service-type-card p{
    color:#555;
    font-size:16px;
}
/* Dark Section */
.why-choose-light {
    padding: 100px 0;
    background: #f5f6f8;
}

.why-choose-light h2 {
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 20px;
}

.why-choose-light p {
    max-width: 750px;
    margin: 0 auto;
    color: #4b5563;
    font-size: 16px;
    line-height: 1.7;
}



/* CTA */
.service-cta-light {
    padding: 10px 0 5px;
    background: var(--blue-color);
    border-top: 1px solid #e5e7eb;
}

.service-cta-light h2 {
    color: var(--white-color);
    margin-bottom: 25px;
}

/* BUTTON */

.btn-modern{
    position:absolute;
    bottom:25px;
    left:30px;

    background:#000;
    color:#fff;
    padding:12px 26px;
    font-weight:600;
    text-decoration:none;

    display:inline-block;
    overflow:hidden;

    transition:all .35s ease;
}

/* RED STRIPE */
.btn-modern::after{
    content:"";
    position:absolute;
    right:0;
    top:0;
    width:5px;
    height:100%;
    background:var(--primary-color);
    transition:.35s;
}

/* HOVER */
.cta-card:hover .btn-modern{
    background:var(--primary-color);
    transform:translateZ(0);
    backface-visibility:hidden;
    will-change:transform;
}

.cta-card:hover .btn-modern::after{
    width:100%;
    opacity:.15;
}

.btn-modern:hover {
    background: var(--secondary-color);
}
/* VAG SUMMARY SECTION (vag-specialist.html)*/
/* HERO SECTION */
.vag-hero{
    height:550px;
    background:url('../images/slider3.jpg') center/cover no-repeat;
    position:relative;
}

/* PREMIUM OVERLAY */
.hero-overlay-vag{
    position:absolute;
    inset:0;

    /* cinematic gradient overlay */
    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.55) 45%,
        rgba(0,0,0,0.25) 100%
    );

    display:flex;
    align-items:center;
}
.hero-title::before{

    display:block;
    width:70px;
    height:4px;
    background:#e11d2e;
    margin-bottom:20px;
}
/* HERO TITLE */
.hero-title{
    color:#fff;
    font-size:60px;
    font-weight:700;
    letter-spacing:1px;
    max-width:700px;

    text-shadow:
        0 5px 20px rgba(0,0,0,0.6);
}/* PAGE TITLE */
.page-title {
    font-family: var(--heading-font);
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.booking-box {
    font-family: var(--main-font);
}
/* BODY TEXT */
.about-wrapper p {
    font-family: var(--main-font);
    color: #555;
    line-height: 1.8;
}

/* SIDEBAR BOOKING BOX */
.booking-box {
    background: var(--blue-color);
    color: white;
    padding: 25px;
    margin-bottom: 20px;
    min-height: 180px;
    position: relative;
}

.booking-box h5 {
    font-family: var(--heading-font);
    text-transform: uppercase;
    margin-bottom: 15px;
    font-size: 2.0rem;
}
.booking-box a {
    margin-top: 30px;
}
.btn-sidebar {
    background: linear-gradient(to right, var(--royalblue-color) 80%, var(--accent-color) 20%);
    color: var(--accent-color);
    padding: 10px 15px;
    border: none;
    width: 100%;
    text-align: left;
}

.btn-sidebar:hover {
    background: var(--accent-color);
    color: var(--secondary-color);
}

/* PAGE HEADER SECTION */
/* PAGE HEADER */
.page-header{
    background:#f8fafc;
    padding:70px 0;
    border-bottom:1px solid #e5e7eb;
}

/* CONTENT WRAPPER */
.page-header-content{
    max-width:900px;
}

/* SMALL TOP LABEL */
.page-tag{
    color:#e11d2e;
    font-size:13px;
    letter-spacing:2px;
    font-weight:600;
    text-transform:uppercase;
}

/* MAIN TITLE */
.page-title-main{
    font-size:42px;
    font-weight:700;
    margin:10px 0 15px;
    position:relative;
    font-family: var(--main-font);
}

/* RED ACCENT LINE */
.page-title-main::after{

    width:70px;
    height:4px;
    background:#e11d2e;
    display:block;
    margin-top:15px;
}

/* BREADCRUMB */
.breadcrumb{
    color:#6b7280;
    font-size:15px;
}

/* BREADCRUMB */
.breadcrumb-links {
    font-size: 14px;
    margin-bottom: 15px;  /* Gap between breadcrumb and title */
    color: #666;
}

.breadcrumb-links a {
    text-decoration: none;
    color: #333;
}

.breadcrumb-links a:hover {
    color: var(--primary-color);
}

.separator {
    margin: 0 8px;
}

.active-page {
    color: var(--primary-color);
}

/* MAIN TITLE */
.page-title-main {
    font-family: var(--heading-font);
    font-size: 2.4rem;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0;
}
.custom-wide {
    max-width: 1400px;   /* increase width */
}
.about-wrapper p {
    font-size: 1.1rem;      /* smaller text */
    line-height: 1.3;       /* tighter spacing */
    margin-bottom: 3px;    /* less gap */
    color: #555;
    padding-top: 7px;
}
.about-hero img {
    margin-bottom: 15px;
}

/************Mobile View********************/
/*index.html*/
@media (max-width: 991px){

     /* hide desktop top menu */
    .top-links{
        display:none;
    }

    /* show mobile menu inside hamburger */
    .mobile-menu{
        display:block;
        text-align:center;
        margin-bottom:15px;
    }

    /* hide service menu */
    .service-nav{
        display:none;
    }

    /* reset navbar position */
    .navbar{
        top:50px;
    }

    .navbar-collapse{
        background:#fff;
        padding:15px;
    }

    .nav-link{
        padding:10px 0;
    }

/* TOPBAR HIDE */
.navbar .logo{
    height:45px;
}

/* HERO SECTION */
.carousel-item img{
    height:70vh;
    object-fit:cover;
}

.hero-content{
    text-align:center;
    padding:0 15px;
}

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

/* SERVICE STRIP */
.service-row{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    padding:15px 10px;
}

.service-box{
    width:50%;
    padding:20px 10px;
    border-right:none;
    border-bottom:1px solid rgba(255,255,255,0.1);
}
.service-icon{
    font-size:28px;
}

.service-box h6{
    font-size:14px;
}
/* VAG SECTION */
.vag-section-home{
    text-align:center;
}

.vag-img{
    margin-top:20px;
}

/* CTA CARDS */
.cta-card{
    text-align:center;
}

/* CAR SERVICE SECTION */
.car-services-section{
    text-align:center;
}

.service-image img{
    width:100%;
}

/* SPECIALIZE SLIDER */
.specialize-section img{
    max-height:60px;
}

/* LOCATION SECTION */
.location-section{
    text-align:center;
}

.map-box{
    margin:20px 0;
}

/* ===== MODERN FOOTER ===== */
/* ===== MODERN FOOTER ===== */

.footer-modern{
background:#111;
color:#bbb;
padding:70px 0 30px;
}

.footer-logo{
height:50px;
margin-bottom:15px;
}

.footer-text{
font-size:14px;
line-height:1.6;
max-width:320px;
}

/* headings */

.footer-modern h5{
color:#fff;
font-weight:600;
margin-bottom:18px;
}

/* menu */

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

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

.footer-menu a{
color:#bbb;
text-decoration:none;
transition:0.3s;
}

.footer-menu a:hover{
color:#e30613;
padding-left:4px;
}

/* contact */

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

.footer-contact li{
margin-bottom:10px;
font-size:14px;
}

.footer-contact i{
color:#e30613;
margin-right:8px;
}

/* payment icons */

.payment-icons{
display:flex;
align-items:center;
gap:10px;
margin-top:12px;
}

.payment-icons img{
height:28px;
width:auto;
background:#fff;
padding:3px 6px;
border-radius:4px;
}

/* social */

.footer-social{
margin-top:15px;
}

.footer-social a{
color:#fff;
margin-right:12px;
font-size:18px;
transition:0.3s;
}

.footer-social a:hover{
color:#e30613;
}

/* bottom bar */

.footer-bottom{
background:#0b0b0b;
color:#888;
padding:15px 0;
text-align:center;
font-size:14px;
margin-top:40px;
}
/*about.html*/
.about-preview{
    padding:90px 20px;
    text-align:center;
}
.about-preview h2{
    font-size:32px;
}

.about-text{
    font-size:16px;
}

/* STORY SECTION */
.about-story{
    text-align:center;
}
.about-story img{
    margin-bottom:25px;
}

/* FEATURES GRID */
.about-features .col-md-3{
    margin-bottom:25px;
}

/* VAG SECTION */
.vag-section-about{
    text-align:center;
}
.vag-section-about img{
    margin-bottom:25px;
}
/*reviews.html*/
/* HERO SECTION */
.reviews-intro{
    padding:90px 20px;
    text-align:center;
}

.reviews-intro h1{
    font-size:34px;
}

.reviews-intro p{
    font-size:16px;
}

/* REVIEW CARDS */
.review-card{
    margin-bottom:25px;
}
/* TESTIMONIALS */
.testimonial{
    margin-bottom:25px;
}
/*services.html*/
.services-hero{
    padding:100px 20px;
}

.services-hero h1{
    font-size:36px;
}

.services-hero p{
    font-size:18px;
}

/* HIGHLIGHTS */
.highlight-points{
    justify-content:center;
}
.point{
    flex:0 0 45%;
}

/* INTRO SECTION */
.services-intro-section{
    text-align:center;
}

.image-box{
    margin-top:30px;
}
/* BUTTONS CENTER */
.cta-buttons{
    justify-content:center;
}
/*vag-specialist.html*/
.vag-hero{
    height:420px;
}

.hero-title{
    font-size:42px;
    max-width:100%;
}

/* PAGE HEADER */
.page-title-main{
    font-size:32px;
}
/* CONTENT + SIDEBAR STACK */
.about-wrapper .col-lg-9,
.about-wrapper .col-lg-3{
    width:100%;
}

/* SIDEBAR BELOW CONTENT */
.booking-box{
    min-height:auto;
}
/* TEXT SIZE */
.about-wrapper p{
    font-size:16px;
    line-height:1.7;
}
/*car-servicing.html*/
/* HERO */
.service-hero-clean{
    height:380px;
}

.service-hero-clean h1{
    font-size:36px;
}

.service-hero-clean p{
    font-size:18px;
}
/* INTRO SECTION */
.service-intro{
    padding:80px 20px;
    text-align:center;
}

.intro-left h2{
    font-size:32px;
}
.intro-image{
    margin-top:30px;
}

/* SERVICE GRID → 2 COLUMN */
.service-grid{
    grid-template-columns:repeat(2,1fr);
}

/* WHY CHOOSE */
.why-choose-light{
    padding:70px 20px;
}
/*contact.html*/
.contact-hero{
    height:320px;
}

.contact-hero h1{
    font-size:32px;
}

.contact-hero p{
    font-size:16px;
}
.contact-form button{
margin-top:10px;
padding:12px 26px;
font-weight:600;
border-radius:6px;
}
/* Stack columns nicely */
.contact-main{
    padding:60px 20px;
}
.contact-details{
    margin-bottom:40px;
}
}
/* ===============================
   FOOTER MOBILE VIEW
================================*/

@media (max-width:768px){
/*index.html*/
.navbar {
    top:50px;
}
.navbar-brand img{
        height:40px;   /* reduce logo */
    }

/*about.html*/
.about-preview{
    padding:80px 15px;
}

.about-preview h2{
    font-size:26px;
}

.about-text{
    font-size:15px;
    line-height:1.7;
}

/* STORY */
.about-story h2{
    font-size:26px;
}
.about-story p{
    font-size:15px;
}

/* FEATURES */
.about-features h2{
    font-size:28px;
}

/* CTA */
.about-cta h2{
    font-size:26px;
}

.about-cta p{
    font-size:15px;
}

/*reviews.html*/
.reviews-intro{
    padding:80px 15px;
    margin-top:90px; /* reduce big gap */
}

.reviews-intro h1{
    font-size:26px;
}

.reviews-intro p{
    font-size:15px;
}
/* STACK REVIEW PLATFORMS */
.review-platforms .row{
    display:block;
}

.review-platforms .col-md-6{
    width:100%;
}

/* TESTIMONIAL STACK */
.testimonial-section .row{
    display:block;
}

.testimonial{
    width:100%;
}
/* CTA */
.review-cta h2{
    font-size:26px;
}
/*services.html*/
.services-hero{
    padding:80px 15px;
}

.services-hero h1{
    font-size:26px;
}

.services-hero p{
    font-size:15px;
}
/* HIGHLIGHTS STACK */
.highlight-points{
    display:block;
}

.point{
    width:100%;
    margin-bottom:25px;
}

/* INTRO TEXT */
.section-title{
    font-size:24px;
}
/* BUTTON STACK */
.cta-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.btn-main,
.btn-outline{
    width:100%;
    text-align:center;
}

/* CATEGORY LIST */
.category-header{
    font-size:16px;
    padding:15px;
    }

.category-body{
    padding:18px;
}

.category-body .col-md-4{
    width:100%;
    border-bottom:1px solid #eee;
}
/*vag-specialist.html*/
/* HERO HEIGHT */
.vag-hero{
    height:320px;
}

/* HERO TEXT SMALLER */
.hero-title{
    font-size:28px;
    text-align:center;
}
/* CENTER HERO CONTENT */
.hero-overlay-vag{
    justify-content:center;
    text-align:center;
}

/* PAGE HEADER */
.page-header{
    padding:50px 15px;
}
.page-title-main{
    font-size:26px;
}

/* CONTENT WIDTH FIX */
.about-wrapper{
    padding-left:15px;
    padding-right:15px;
}

/* IMAGE */
.about-hero img{
    border-radius:8px;
}
/* BOOKING BOX */
.booking-box{
    padding:20px;
    text-align:center;
}

.booking-box h5{
    font-size:22px;
}

/* CTA BUTTON FULL WIDTH */
.btn-sidebar{
    text-align:center;
}
/*car-servicing.html*/

/* HERO */
.service-hero-clean{
    height:300px;
}

.service-hero-clean .container{
    text-align:center !important;
}

.service-hero-clean h1{
    font-size:26px;
}
.service-hero-clean p{
    font-size:15px;
}

/* HERO BUTTONS STACK */
.hero-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.btn-primary-clean,
.btn-outline-clean{
    width:100%;
    margin-right:0;
}

/* INTRO TEXT */
.intro-left h2{
    font-size:26px;
}

.intro-text{
    font-size:15px;
}

/* BENEFITS STACK */
.benefits-grid{
    grid-template-columns:1fr;
}
/* SERVICE CARDS → SINGLE COLUMN */
.service-grid{
    grid-template-columns:1fr;
}

/* SECTION TITLE */
.section-title h2{
    font-size:26px;
}

/* WHY CHOOSE */
.why-choose-light h2{
    font-size:26px;
}
/*contact.html*/
/* HERO */
.contact-hero{
    height:160px;
    text-align:center;
}

.contact-hero h1{
    font-size:24px;
}
.contact-hero p{
    font-size:14px;
}
.hero-buttons{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.hero-buttons .btn{
    width:90%;
    margin:6px 0;
}

/* CONTACT SECTION */
.contact-main{
    padding:50px 15px;
}

.contact-details h3,
.contact-main h3{
    font-size:22px;
}
/* FORM INPUTS */
.contact-main form input,
.contact-main form textarea{
    font-size:15px;
}

/* MAP */
.container iframe{
    height:280px;
}

/* OPENING HOURS */
.opening-hours{
    padding:50px 15px;
}
.opening-hours li{
    font-size:15px;
}
/* CTA */
.contact-cta{
    padding:50px 15px;
}

.contact-cta h2{
    font-size:22px;
}
}
@media (max-width:576px){

    /*index.html*/
.hero-content{
        left:5%;
        max-width:90%;
    }
.hero-content h1{
    font-size:22px;
}
.hero-content h1{
        font-size:28px;
    }
.hero-content p{
        font-size:14px;
    }
.hero-btn{
    padding:10px 18px;
    font-size:14px;
}

.service-box{
    width:100%;
}

.carousel-item img{
    height:60vh;
    min-height:400px;
}
.service-box{
    width:100%;
}

.payment-icons{
    display:flex;
    justify-content:center;
    gap:8px;
}

.payment-icons img{
    height:26px;
}
/*about.html*/
.about-preview{
    padding:70px 15px;
}

.about-preview h2{
    font-size:22px;
}

.about-text{
    font-size:14px;
}

/* FEATURES STACK */
.about-features .row{
    display:block;
}
.about-features .col-md-3{
    width:100%;
}

/* BUTTONS */
.about-cta .btn{
    width:100%;
}
/*reviews.html*/
.reviews-intro h1{
    font-size:22px;
}

.reviews-intro p{
    font-size:14px;
}

.review-card{
    padding:25px;
}

.review-card i{
    font-size:32px;
}
/* BUTTON FULL WIDTH */
.review-cta .btn{
    width:100%;
}
/*services.html*/
.services-hero h1{
    font-size:22px;
}

.services-hero p{
    font-size:14px;
}

/* CATEGORY TITLE */
.category-title{
    font-size:22px;
}
/* FORMS SECTION BUTTONS */
.forms-section .col-md-3{
    width:100%;
}

/* SPACING FIX */
.services-intro-section,
.review-cta,
.forms-section{
    padding:50px 15px;
}
/*vag-specialist.html*/
.vag-hero{
    height:260px;
}

/* HERO TITLE SMALL */
.hero-title{
    font-size:22px;
}

/* PAGE TITLE */
.page-title-main{
    font-size:22px;
}
/* BODY TEXT */
.about-wrapper p{
    font-size:15px;
}

/* FORMS BUTTON STACK */
.forms-section .col-md-3{
    width:100%;
}
/*car-servicing.html*/
/* =================================
   SMALL PHONE FIX
=================================*/
.service-hero-clean{
    height:220px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:20px;
}

.service-hero-clean h1{
     font-size:20px;
    margin-bottom:8px;
}

.service-hero-clean p{
    font-size:13px;
    margin-bottom:12px;
}
.hero-buttons .btn{
    padding:6px 12px;
    font-size:13px;
}

/* SPACING REDUCE */
.service-intro,
.why-choose-light{
    padding:50px 15px;
    }

/* BUTTON FULL WIDTH */
.intro-btn{
    width:100%;
    text-align:center;
}

/* CARD PADDING */
.service-card{
    padding:25px 20px;
}
/*contact.html*/
.contact-hero{
    height:220px;
}

.contact-hero h1{
    font-size:20px;
}

.contact-hero p{
    font-size:13px;
}

.hero-buttons .btn{
    width:100%;
}
/* Reduce spacing */
.contact-main,
.opening-hours,
.contact-cta{
    padding:40px 12px;
}
/* MOBILE FOOTER ACCORDION STYLE */
.accordion-item{
background:transparent;
overflow:visible;
border:0;
}

.accordion-button{
background:transparent;
color:#fff;
font-weight:600;
box-shadow:none;
 width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 15px;
    font-size:16px;
    white-space:normal;
}
.accordion-button::after{
     position:relative;
    right:0;
    margin-left:10px;
    flex-shrink:0;
filter:invert(1);
}

section,
.services-intro-section,
.review-cta,
.forms-section,
.about-preview,
.service-intro,
.why-choose-light,
.contact-main,
.opening-hours,
.contact-cta{
    padding-top:40px !important;
    padding-bottom:40px !important;
}
h1, h2, h3{
    margin-bottom:15px;
}
.row{
    margin-bottom:0;
}
.carousel-item img{

    min-height:auto;
}
.carousel-item,
.carousel-item img{

    min-height:auto !important;
    object-fit:cover;
}
.carousel-indicators{
    display:none;
}
}