/*
Theme Name: AZCARFIX Visual Editor V8.8.19 About Page Picture Editor
Theme URI: https://azcarfix.com/
Author: AZCARFIX
Description: AZCARFIX auto maintenance WordPress theme based on the Carserv design.
Version: 8.8.19
Text Domain: azcarfix-carserv
*/

:root{
    --primary:#075B3A;
    --secondary:#0B2154;
    --light:#F2F2F2;
    --dark:#111111;
}
html,body{overflow-x:hidden;}
.navbar-brand img{display:block;height:70px;width:auto;max-width:300px;object-fit:contain;}
@media(max-width:991.98px){
    .navbar-brand img{height:52px;max-width:215px;}
}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#075B3A!important;}
.btn-primary{background:#075B3A!important;border-color:#075B3A!important;}
.text-primary{color:#075B3A!important;}
.bg-primary{background:#075B3A!important;}
.border-primary{border-color:#075B3A!important;}
.azcf-map-panel{position:relative;min-height:350px;}
.azcf-map-directions{position:absolute;left:24px;bottom:24px;z-index:2;box-shadow:0 8px 24px rgba(0,0,0,.2);}
@media(max-width:767.98px){.azcf-map-panel{min-height:390px}.azcf-map-directions{left:20px;bottom:20px}}

/* V8.8.5 - Sign In button beside Contact */
.navbar-light .navbar-nav .azcf-signin-link{
    align-self:center;
    margin:0 24px 0 0;
    padding:12px 22px;
    border-radius:4px;
    background:#075B3A;
    border:1px solid #075B3A;
    color:#FFFFFF!important;
    font-weight:600;
    line-height:1.2;
}
.navbar-light .navbar-nav .azcf-signin-link:hover,
.navbar-light .navbar-nav .azcf-signin-link:focus{
    background:#064C31;
    border-color:#064C31;
    color:#FFFFFF!important;
}
@media(max-width:991.98px){
    .navbar-light .navbar-nav .azcf-signin-link{
        align-self:flex-start;
        display:inline-block;
        margin:8px 0 2px;
        padding:11px 20px;
    }
}


/* ===== AZCARFIX v2 color corrections ===== */

/* Service tab icons: use AZCARFIX dark green instead of the original red. */
.service .nav .nav-link {
    color: #075B3A !important;
}
.service .nav .nav-link i {
    color: #075B3A !important;
}
.service .nav .nav-link.active,
.service .nav .nav-link.active i {
    color: #FFFFFF !important;
}

/* Booking block BOOK NOW button: lighter matching green instead of blue. */
.booking .btn.btn-secondary {
    background-color: #2E8B57 !important;
    border-color: #2E8B57 !important;
    color: #FFFFFF !important;
}
.booking .btn.btn-secondary:hover,
.booking .btn.btn-secondary:focus {
    background-color: #25764A !important;
    border-color: #25764A !important;
    color: #FFFFFF !important;
}


/* V6.5 - show slide secondary/car image on mobile and desktop */
.azcf-hero-car-wrap{
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:2;
}
.azcf-hero-car-image{
    width:100%;
    max-width:460px;
    height:auto;
    object-fit:contain;
    display:block;
    margin:0 auto;
}
@media (max-width: 991.98px){
    #header-carousel .carousel-caption{
        padding-top:26px;
        padding-bottom:24px;
    }
    #header-carousel .carousel-caption .row{
        align-content:center;
    }
    .azcf-hero-car-wrap{
        margin-top:18px;
    }
    .azcf-hero-car-image{
        max-width:72vw;
        max-height:190px;
    }
}
@media (max-width: 575.98px){
    #header-carousel .carousel-caption h1{
        font-size:2rem;
        line-height:1.12;
        margin-bottom:12px!important;
    }
    #header-carousel .carousel-caption p{
        margin-bottom:14px!important;
    }
    #header-carousel .carousel-caption .btn{
        padding:.7rem 1.25rem!important;
    }
    .azcf-hero-car-wrap{
        margin-top:12px;
    }
    .azcf-hero-car-image{
        max-width:78vw;
        max-height:155px;
    }
}


/* V6.6 - fifth service */
@media (max-width: 767.98px){
    .service .nav .nav-link{
        padding:1rem!important;
        margin-bottom:.75rem!important;
    }
    .service .nav .nav-link h4{
        font-size:1rem;
    }
}


/* V6.8 - ensure the fifth service is always visible */
.service .nav .azcf-service-5-tab{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
}
.service .nav{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
}


/* =========================================================
   V7.0 - SERVICES SECTION STABLE HEIGHT / NO JUMPING
   ========================================================= */

/* Keep left service buttons equal and stable */
.service .nav{
    height:100%;
}
.service .nav .nav-link{
    min-height:80px;
    display:flex;
    align-items:center;
}
.service .nav .nav-link h4{
    line-height:1.25;
    margin:0!important;
}

/* Keep right panel the same height for every service */
.service .tab-content{
    min-height:500px;
}
.service .tab-pane{
    min-height:500px;
}
.service .tab-pane > .row{
    min-height:500px;
    align-items:stretch!important;
}

/* Fixed, matching image area */
.service .tab-pane .col-md-6:first-child{
    min-height:500px!important;
}
.service .tab-pane .col-md-6:first-child .position-relative{
    min-height:500px!important;
    height:100%!important;
}
.service .tab-pane .col-md-6:first-child img{
    width:100%!important;
    height:500px!important;
    max-height:500px!important;
    object-fit:cover!important;
    object-position:center center!important;
}

/* Stable content column */
.service .tab-pane .col-md-6:last-child{
    min-height:500px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding-top:4px;
}
.service .tab-pane .col-md-6:last-child h3{
    min-height:66px;
    margin-bottom:14px!important;
}
.service .tab-pane .col-md-6:last-child > p.mb-4{
    min-height:104px;
    margin-bottom:18px!important;
}
.service .tab-pane .col-md-6:last-child > p:not(.mb-4){
    min-height:24px;
    margin-bottom:12px!important;
}

/* Keep Read More in same position */
.service .tab-pane .col-md-6:last-child > .btn{
    margin-top:auto!important;
    align-self:flex-start!important;
}

/* Prevent layout animation from shifting entire section */
.service .tab-pane.fade{
    transition:opacity .18s linear!important;
}
.service .tab-pane.fade:not(.show){
    display:none!important;
}
.service .tab-pane.fade.show{
    display:block!important;
}

/* Tablet */
@media (max-width:991.98px){
    .service .tab-content,
    .service .tab-pane,
    .service .tab-pane > .row{
        min-height:440px;
    }
    .service .tab-pane .col-md-6:first-child,
    .service .tab-pane .col-md-6:first-child .position-relative{
        min-height:440px!important;
    }
    .service .tab-pane .col-md-6:first-child img{
        height:440px!important;
        max-height:440px!important;
    }
    .service .tab-pane .col-md-6:last-child{
        min-height:440px!important;
    }
}

/* Mobile: stack naturally, but keep each image consistent */
@media (max-width:767.98px){
    .service .tab-content,
    .service .tab-pane,
    .service .tab-pane > .row{
        min-height:0!important;
    }
    .service .tab-pane .col-md-6:first-child,
    .service .tab-pane .col-md-6:first-child .position-relative{
        min-height:260px!important;
        height:260px!important;
    }
    .service .tab-pane .col-md-6:first-child img{
        height:260px!important;
        max-height:260px!important;
    }
    .service .tab-pane .col-md-6:last-child{
        min-height:auto!important;
        padding-top:20px!important;
    }
    .service .tab-pane .col-md-6:last-child h3,
    .service .tab-pane .col-md-6:last-child > p.mb-4,
    .service .tab-pane .col-md-6:last-child > p:not(.mb-4){
        min-height:0!important;
    }
    .service .tab-pane .col-md-6:last-child > .btn{
        margin-top:12px!important;
    }
    .service .nav .nav-link{
        min-height:66px;
    }
}


/* =========================================================
   V7.1 - BOOKING + CALL TO ACTION EDITOR
   ========================================================= */
.azcf-booking-section{
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
}
.azcf-booking-description{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1.7!important;
}
.azcf-cta-card{
    border-radius:0!important;
}
.azcf-cta-phone,
.azcf-cta-phone-link,
.azcf-cta-phone-link:link,
.azcf-cta-phone-link:visited,
.azcf-cta-phone-link:hover,
.azcf-cta-phone-link:focus,
.azcf-cta-phone-link:active{
    color:#fff!important;
    text-decoration:none!important;
}
.azcf-cta-button{
    background:#2E8B57!important;
    border:1px solid #2E8B57!important;
    color:#fff!important;
    font-weight:700!important;
}
.azcf-cta-button:hover,
.azcf-cta-button:focus{
    background:#25764A!important;
    border-color:#25764A!important;
    color:#fff!important;
}
@media(max-width:767.98px){
    .azcf-booking-section .p-5{
        padding:1.5rem!important;
    }
    .azcf-booking-description{
        font-size:14px!important;
    }
}


/* =========================================================
   V7.2 - EXPANDABLE SLIDES + INDEPENDENT HIGHLIGHTS
   ========================================================= */
.azcf-highlight-card{
    min-height:210px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:20px 6px;
}
.azcf-highlight-card i{
    color:#2E8B57!important;
}
.azcf-highlight-card p{
    color:rgba(255,255,255,.72)!important;
    line-height:1.6;
}
.azcf-highlight-link{
    margin-top:auto;
    color:#8fd1ad!important;
    font-weight:700;
    text-decoration:none!important;
}
.azcf-highlight-link:hover{
    color:#fff!important;
}
.azcf-hero-bg-image{
    min-height:560px;
    object-fit:cover;
}
@media(max-width:767.98px){
    .azcf-highlight-card{
        min-height:auto;
        padding:14px 4px;
    }
    .azcf-hero-bg-image{
        min-height:520px;
    }
}


/* V7.3 - six visible slide controls */
.azcf-slide-description{
    max-width:720px;
    font-size:1.05rem;
    line-height:1.6;
}
@media(max-width:767.98px){
    .azcf-slide-description{
        font-size:.92rem;
        line-height:1.45;
    }
}

/* V7.4 - Break Time */
.azcf-break-time{margin-top:4px;font-size:inherit;}


/* V7.6 - Individual Service Pages */
.azcf-service-detail-image-wrap{min-height:480px;overflow:hidden;}
.azcf-service-detail-image{min-height:480px;object-fit:cover;object-position:center;}
.azcf-service-detail-content{width:100%;min-height:480px;display:flex;flex-direction:column;justify-content:center;}
@media(max-width:991.98px){
  .azcf-service-detail-image-wrap,.azcf-service-detail-image,.azcf-service-detail-content{min-height:380px;}
}
@media(max-width:767.98px){
  .azcf-service-detail-image-wrap,.azcf-service-detail-image{min-height:280px;height:280px!important;}
  .azcf-service-detail-content{min-height:auto;}
}


/* =========================================================
   V7.7 - SERVICES DROPDOWN SUBMENU
   ========================================================= */
.azcf-services-menu .dropdown-menu{
    min-width:230px;
}
.azcf-services-menu .dropdown-item{
    padding:.7rem 1rem;
    font-weight:500;
}
.azcf-services-menu .dropdown-item:hover,
.azcf-services-menu .dropdown-item:focus{
    background:#edf7f1;
    color:#2E8B57;
}
@media(min-width:992px){
    .azcf-services-menu:hover > .dropdown-menu{
        display:block;
        margin-top:0;
    }
}


/* =========================================================
   V7.9 - TEN SERVICES
   ========================================================= */
.azcf-service-tabs .nav-link{min-height:88px;}
.azcf-service-copy{
    min-height:500px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
@media(max-width:991.98px){
    .azcf-service-copy{min-height:auto;}
}
@media(max-width:767.98px){
    .azcf-service-tabs .nav-link{
        min-height:76px;
        padding:1rem!important;
    }
    .azcf-service-tabs .nav-link h4{font-size:1.05rem;}
}


/* =========================================================
   V8.3 - SERVICE PRICING
   ========================================================= */
.azcf-pricing-section{
    background:#08142f;
    margin-top:30px;
}
.azcf-pricing-heading{
    color:#fff;
    font-weight:800;
}
.azcf-price-card{
    background:#102447;
    border:2px solid #2E8B57;
    border-radius:18px;
    padding:52px 30px 34px;
    text-align:center;
    color:#fff;
    box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.azcf-price-badge{
    position:absolute;
    top:-18px;
    left:50%;
    transform:translateX(-50%);
    background:#2E8B57;
    color:#fff;
    border-radius:999px;
    padding:8px 24px;
    font-weight:800;
    letter-spacing:1px;
    white-space:nowrap;
}
.azcf-price-package-title{
    color:#59c28d;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:18px;
    margin-bottom:10px;
}
.azcf-price-amount{
    font-size:68px;
    line-height:1;
    font-weight:900;
    color:#fff;
}
.azcf-price-currency{
    font-size:20px;
    color:rgba(255,255,255,.62);
    margin-top:6px;
}
.azcf-price-items{
    margin:28px 0 30px;
}
.azcf-price-item{
    color:rgba(255,255,255,.72);
    font-size:16px;
    line-height:1.7;
}
.azcf-price-button{
    background:#2E8B57!important;
    border:1px solid #2E8B57!important;
    color:#fff!important;
    font-weight:800;
    padding:14px 28px!important;
    min-width:170px;
}
.azcf-price-button:hover,
.azcf-price-button:focus{
    background:#25764A!important;
    border-color:#25764A!important;
    color:#fff!important;
}
@media(max-width:767.98px){
    .azcf-price-card{
        padding:46px 22px 28px;
    }
    .azcf-price-amount{
        font-size:56px;
    }
}


/* =========================================================
   V8.5 - PRICING BACKGROUND MATCHES PAGE
   ========================================================= */
.azcf-pricing-section{
    background:#fff!important;
}
.azcf-pricing-heading{
    color:#0b1f4d!important;
}
.azcf-price-card{
    background:#fff!important;
    color:#0b1f4d!important;
    border:2px solid #2E8B57!important;
    box-shadow:0 10px 28px rgba(0,0,0,.08)!important;
}
.azcf-price-package-title{
    color:#2E8B57!important;
}
.azcf-price-amount{
    color:#0b1f4d!important;
}
.azcf-price-currency{
    color:#6c757d!important;
}
.azcf-price-item{
    color:#6c757d!important;
}


/* =========================================================
   V8.6 - TWO COLUMN SERVICES LAYOUT
   ========================================================= */
.azcf-service-tabs{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
    margin-right:0!important;
}
.azcf-service-tabs .nav-link{
    width:100%!important;
    margin:0!important;
    min-height:96px;
}
.azcf-service-tabs .nav-link h4{
    font-size:1.05rem;
    line-height:1.25;
}
@media(max-width:575.98px){
    .azcf-service-tabs{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
    }
    .azcf-service-tabs .nav-link{
        padding:1rem .85rem!important;
        min-height:82px;
    }
    .azcf-service-tabs .nav-link i{
        font-size:1.5rem!important;
        margin-right:.75rem!important;
    }
    .azcf-service-tabs .nav-link h4{
        font-size:.92rem;
    }
}


/* =========================================================
   V8.7 - SMALLER PRICING BOXES
   ========================================================= */
.azcf-pricing-section .row{
    --bs-gutter-y:1.25rem;
}
.azcf-price-card{
    border-radius:16px!important;
    padding:40px 24px 28px!important;
}
.azcf-price-badge{
    top:-16px;
    padding:6px 20px;
    font-size:.95rem;
}
.azcf-price-package-title{
    font-size:16px!important;
    margin-bottom:8px!important;
}
.azcf-price-amount{
    font-size:56px!important;
}
.azcf-price-currency{
    font-size:18px!important;
    margin-top:4px!important;
}
.azcf-price-items{
    margin:22px 0 22px!important;
}
.azcf-price-item{
    font-size:15px!important;
    line-height:1.55!important;
}
.azcf-price-button{
    padding:12px 24px!important;
    min-width:150px!important;
    font-size:1rem!important;
}
@media(max-width:767.98px){
    .azcf-price-card{
        padding:34px 18px 24px!important;
    }
    .azcf-price-badge{
        top:-14px;
        padding:5px 18px;
        font-size:.9rem;
    }
    .azcf-price-package-title{
        font-size:15px!important;
    }
    .azcf-price-amount{
        font-size:46px!important;
    }
    .azcf-price-currency{
        font-size:16px!important;
    }
    .azcf-price-items{
        margin:18px 0 18px!important;
    }
    .azcf-price-item{
        font-size:14px!important;
        line-height:1.45!important;
    }
    .azcf-price-button{
        min-width:135px!important;
        padding:10px 20px!important;
    }
}


/* =========================================================
   V8.8 - COMPACT PRICING BOXES
   ========================================================= */
.azcf-pricing-section .row{
    --bs-gutter-y:1rem;
}
.azcf-price-card{
    border-radius:14px!important;
    padding:28px 18px 22px!important;
}
.azcf-price-badge{
    top:-13px;
    padding:5px 18px;
    font-size:.9rem;
}
.azcf-price-package-title{
    font-size:15px!important;
    margin-bottom:8px!important;
    letter-spacing:.14em;
}
.azcf-price-amount{
    font-size:48px!important;
    line-height:1.05!important;
    margin-bottom:2px!important;
}
.azcf-price-currency{
    font-size:16px!important;
    margin-top:0!important;
}
.azcf-price-items{
    margin:16px 0 16px!important;
}
.azcf-price-item{
    font-size:14px!important;
    line-height:1.42!important;
    margin-bottom:2px!important;
}
.azcf-price-button{
    padding:10px 22px!important;
    min-width:132px!important;
    font-size:.95rem!important;
}
@media(max-width:767.98px){
    .azcf-pricing-section .row > [class*="col-"]{
        display:flex;
        justify-content:center;
    }
    .azcf-price-card{
        width:78%;
        max-width:78%;
        margin-left:auto!important;
        margin-right:auto!important;
        padding:24px 16px 20px!important;
    }
    .azcf-price-badge{
        top:-12px;
        padding:4px 16px;
        font-size:.86rem;
    }
    .azcf-price-package-title{
        font-size:14px!important;
    }
    .azcf-price-amount{
        font-size:42px!important;
    }
    .azcf-price-currency{
        font-size:15px!important;
    }
    .azcf-price-items{
        margin:14px 0 14px!important;
    }
    .azcf-price-item{
        font-size:13px!important;
        line-height:1.38!important;
    }
    .azcf-price-button{
        min-width:125px!important;
        padding:9px 18px!important;
        font-size:.92rem!important;
    }
}


/* V8.8.2 - AZCARFIX green automotive service icons */
.azcf-service-svg-icon{
    width:50px!important;
    height:50px!important;
    object-fit:contain!important;
    flex:0 0 48px!important;
    display:block!important;
}
.service .nav .nav-link.active .azcf-service-svg-icon{
    transform:scale(1.05);
}
@media(max-width:767.98px){
    .azcf-service-svg-icon{
        width:42px!important;
        height:42px!important;
        flex-basis:42px!important;
    }
}


/* V8.8.2 - ensure custom service SVGs are visible in every homepage service tab */
.service .nav .nav-link .azcf-service-svg-icon{
    opacity:1!important;
    visibility:visible!important;
    max-width:none!important;
    filter:none!important;
}


/* =========================================================
   V8.8.3 - HOMEPAGE SLIDER STABILITY FIX
   Prevent vertical layout jumping when the hero slide changes.
   ========================================================= */
#header-carousel{
    --azcf-hero-height:clamp(560px, 56.25vw, 720px);
    height:var(--azcf-hero-height)!important;
    min-height:var(--azcf-hero-height)!important;
    overflow:hidden!important;
}
#header-carousel .carousel-inner,
#header-carousel .carousel-item{
    height:100%!important;
    min-height:100%!important;
    max-height:100%!important;
}
#header-carousel .carousel-item{
    position:relative!important;
    overflow:hidden!important;
}
/* Background image owns the full fixed slide area. */
#header-carousel .carousel-item > .azcf-hero-bg-image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
}
/* Caption never changes the carousel's document height. */
#header-carousel .carousel-caption{
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    overflow:hidden!important;
}
#header-carousel .carousel-caption > .container,
#header-carousel .carousel-caption > .container > .row{
    height:100%!important;
    min-height:0!important;
}
/* Important: undo the old CarServ mobile rule that made ALL slider images absolute. */
#header-carousel .carousel-item .azcf-hero-car-image{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:460px!important;
    height:340px!important;
    min-height:0!important;
    max-height:340px!important;
    object-fit:contain!important;
    object-position:center center!important;
    flex:none!important;
}
#header-carousel .azcf-hero-car-wrap{
    height:340px!important;
    min-height:340px!important;
    max-height:340px!important;
    margin-top:0!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-content:center!important;
}
/* V8.8.15: original CarServ Animate.css hero effects are enabled. */

@media(max-width:991.98px){
    #header-carousel{
        --azcf-hero-height:600px;
    }
    #header-carousel .carousel-caption{
        padding-top:24px!important;
        padding-bottom:24px!important;
    }
    #header-carousel .carousel-caption > .container > .row{
        align-content:center!important;
    }
    #header-carousel .azcf-hero-car-wrap{
        height:180px!important;
        min-height:180px!important;
        max-height:180px!important;
        margin-top:12px!important;
    }
    #header-carousel .carousel-item .azcf-hero-car-image{
        width:auto!important;
        max-width:72vw!important;
        height:180px!important;
        max-height:180px!important;
    }
}
@media(max-width:575.98px){
    #header-carousel{
        --azcf-hero-height:560px;
    }
    #header-carousel .azcf-hero-car-wrap{
        height:150px!important;
        min-height:150px!important;
        max-height:150px!important;
        margin-top:8px!important;
    }
    #header-carousel .carousel-item .azcf-hero-car-image{
        max-width:78vw!important;
        height:150px!important;
        max-height:150px!important;
    }
}


/* =========================================================
   V8.8.4 - ACTIVE SERVICE ICON CONTRAST FIX
   Custom SVG files contain their own green strokes, so CSS color
   does not recolor them. Turn the selected icon white for strong
   contrast on the AZCARFIX dark-green active tab.
   ========================================================= */
.service .nav .nav-link.active .azcf-service-svg-icon,
.azcf-service-tabs .nav-link.active .azcf-service-svg-icon{
    filter:brightness(0) invert(1)!important;
    opacity:1!important;
    visibility:visible!important;
}
.service .nav .nav-link.active h4,
.azcf-service-tabs .nav-link.active h4{
    color:#FFFFFF!important;
}
.service .nav .nav-link:not(.active) .azcf-service-svg-icon,
.azcf-service-tabs .nav-link:not(.active) .azcf-service-svg-icon{
    filter:none!important;
}


/* =========================================================
   V8.8.6 - MOBILE HERO SECOND IMAGE POSITION
   Move the foreground/secondary slideshow image lower on phones
   into the requested area. Desktop/tablet desktop layout is unchanged.
   ========================================================= */
@media(max-width:767.98px){
    #header-carousel .azcf-hero-car-wrap{
        top:38px!important;
    }
}


/* =========================================================
   V8.8.7 - BUSINESS NUMBERS BACKGROUND IMAGE EDITOR
   The Business Numbers background can now be changed from
   Appearance > Customize > AZCARFIX Website Content > Business Numbers.
   ========================================================= */

/* =========================================================
   V8.8.12 - MOBILE HERO UNIFORM SHADE FIX (KEPT)
   Keep mobile background shade consistent during Bootstrap slide motion.
   ========================================================= */
@media(max-width:767.98px){
    #header-carousel .carousel-caption{
        background:transparent!important;
    }
    #header-carousel .carousel-item > .azcf-hero-bg-image{
        filter:brightness(30%)!important;
        -webkit-filter:brightness(30%)!important;
    }
}

/* =========================================================
   V8.8.15 - ORIGINAL CARSERV HERO EFFECTS
   Exact original template effects:
   - hero writing: Animate.css slideInDown
   - foreground/second image: Animate.css zoomIn
   No custom JS animation system. The foreground image grows from
   small to full size exactly like the original CarServ template.
   ========================================================= */
#header-carousel .carousel-caption .animated.slideInDown{
    animation-name:slideInDown!important;
    -webkit-animation-name:slideInDown!important;
}
#header-carousel .azcf-hero-car-wrap.animated.zoomIn{
    animation-name:zoomIn!important;
    -webkit-animation-name:zoomIn!important;
}


/* =========================================================
   V8.8.16 - CAROUSEL 1PX WHITE SEAM FIX
   iPhone/Safari can expose a 1px gap between Bootstrap slides
   during fractional translate transforms. Keep clipping on the
   carousel-inner, but allow each slide background to bleed 2px
   past its own edge so no white seam can appear.
   Original CarServ text/zoom animation remains unchanged.
   ========================================================= */
#header-carousel .carousel-inner{
    background:#000!important;
    overflow:hidden!important;
}
#header-carousel .carousel-item{
    overflow:visible!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
#header-carousel .carousel-item > .azcf-hero-bg-image{
    left:-2px!important;
    right:auto!important;
    width:calc(100% + 4px)!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transform:translateZ(0);
}


/* V8.8.19 About page picture editor + mobile layout repair */
.azcf-about-page-photo{
    min-height:480px;
    overflow:visible;
}
.azcf-about-page-image{
    display:block;
    width:100%;
    height:480px;
    object-fit:cover;
    object-position:center;
}
@media(max-width:991.98px){
    .azcf-about-page-photo{min-height:380px;}
    .azcf-about-page-image{height:380px;}
    .azcf-about-experience-badge{margin-right:0!important;}
}
@media(max-width:575.98px){
    .azcf-about-page-photo{min-height:300px;}
    .azcf-about-page-image{height:300px;}
    .azcf-about-experience-badge{
        margin-top:0!important;
        margin-right:0!important;
        padding:16px 20px!important;
    }
    .azcf-about-experience-badge .display-4{font-size:2rem;}
    .azcf-about-experience-badge h4{font-size:1rem;}
}

/* =========================================================
   V8.8.19 - SHARED BUSINESS NUMBERS HOME + ABOUT
   Home and About Us now use the same Business Numbers image
   and the same four number/label settings from the editor.
   ========================================================= */