/* Base Bootstrap System Variables Overrides */
        :root {
            --bs-blue: #0d6efd;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            
            /* BeckynDS Customized Brand Visual Tokens */
            --primary: #f26a21;
            --primary-dark: #c94b0b;
            --secondary: #1769aa;
            --light: #eef5fb;
            --dark: #092541;
            --paper: #fbfdff;
            --line: #d6e3ef;
            --soft-teal: #dcebf7;
            --display: "Space Grotesk", "Work Sans", sans-serif;
            --body: "DM Sans", "Work Sans", sans-serif;
            
            --bs-primary: var(--primary);
            --bs-secondary: var(--secondary);
            --bs-light: var(--light);
            --bs-dark: var(--dark);
        }

        /* Structural Framework Settings */
        html { 
            scroll-behavior: smooth; 
        }

        body {
            background: var(--paper);
            color: var(--dark);
            font-family: var(--body);
            line-height: 1.7;
            margin: 0;
            font-size: 1rem;
            font-weight: 400;
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
        }

        h1, h2, h3, h4, h5, h6, .navbar-brand {
            color: var(--dark);
            font-family: var(--display);
            font-weight: 700;
            letter-spacing: 0;
            margin-top: 0;
            margin-bottom: .5rem;
            line-height: 1.2;
        }

        h1, .display-1, .display-2, .display-3, .display-4, .display-6 {
            letter-spacing: -.035em;
            line-height: 1.05;
        }

        p { 
            margin-top: 0;
            margin-bottom: 1rem;
            color: #4d6680; 
        }

        .text-primary { color: var(--primary) !important; }
        .bg-primary { background-color: var(--primary) !important; }
        .bg-dark { background-color: var(--dark) !important; }
        .text-white-50 { color: rgba(255,255,255,0.5) !important; }
        .transition-all { transition: all 0.25s ease-in-out; }
        .text-hover-primary:hover { color: var(--primary) !important; }

        /* Component Framework Overrides */
        .py-6 { padding-top: 6rem; padding-bottom: 6rem; }
        .my-6 { margin-top: 6rem; margin-bottom: 6rem; }

        /* Spinner Optimization */
        #spinner {
            opacity: 0;
            visibility: hidden;
            transition: opacity .5s ease-out, visibility 0s linear .5s;
            z-index: 99999;
        }
        #spinner.show {
            transition: opacity .5s ease-out, visibility 0s linear 0s;
            visibility: visible;
            opacity: 1;
        }

        /* High-Converting Functional Buttons */
        .btn {
            display: inline-block;
            border-radius: 3px;
            font-family: var(--display);
            font-weight: 700;
            letter-spacing: .01em;
            padding: .85rem 1.35rem;
            line-height: 1.5;
            text-align: center;
            vertical-align: middle;
            cursor: pointer;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        }
        .btn-primary { 
            background-color: var(--primary); 
            border-color: var(--primary); 
            color: #FFFFFF !important;
        }
        .btn-primary:hover, .btn-primary:focus {
            background-color: var(--primary-dark);
            border-color: var(--primary-dark);
            box-shadow: 0 8px 20px rgba(228, 93, 59, .22);
            transform: translateY(-2px);
        }
        .btn-outline-primary { 
            border-color: var(--primary); 
            color: var(--primary); 
        }
        .btn-outline-primary:hover { 
            background: var(--primary); 
            border-color: var(--primary); 
            color: #FFFFFF !important;
        }
        *:focus-visible { 
            outline: 3px solid #f5b66a; 
            outline-offset: 3px; 
        }

        /* Header Navigation System Styles */
        .navbar {
            background: rgba(255, 255, 255, .98) !important;
            backdrop-filter: blur(14px);
            border-bottom: 1px solid var(--line);
        }
        .navbar.sticky-top { 
            top: 0; 
            transition: box-shadow .3s ease; 
            position: sticky;
            z-index: 1020;
        }
        .navbar .navbar-brand { 
            height: 76px;
            border-color: var(--line) !important; 
            font-size: 1.35rem;
            padding-top: .4rem;
            padding-bottom: .4rem;
            background: transparent;
            gap: .55rem;
            position: relative;
        }
        .site-logo { width: 42px; height: 42px; object-fit: cover; object-position: 50% 23%; display: block; border: 2px solid var(--secondary); border-radius: 9px; background: var(--dark); filter: drop-shadow(0 3px 5px rgba(9,37,65,.18)); }
        .footer .site-logo { width: 54px; height: 54px; padding: 0; background: var(--light); border: 2px solid var(--primary); border-radius: 9px; filter: none; }
        .footer .col-lg-3:first-child { position: relative; }
        .footer { background: linear-gradient(135deg, #061a31 0%, #0b3561 100%) !important; }
        .copyright { background: #061a31 !important; border-top: 1px solid rgba(255,255,255,.12); }
        .navbar .navbar-nav .nav-link {
            position: relative;
            margin-right: 26px;
            color: var(--dark);
            font-family: var(--display);
            font-size: .78rem;
            font-weight: 700;
            letter-spacing: .08em;
            text-transform: uppercase;
            padding: 25px 0;
        }
        .navbar .navbar-nav .nav-link.active,
        .navbar .navbar-nav .nav-link:hover {
            color: var(--primary);
        }
        .navbar .navbar-nav .nav-link.active::before,
        .navbar .navbar-nav .nav-link:hover::before {
            position: absolute;
            bottom: 17px;
            left: 0;
            width: 22px;
            height: 3px;
            background: var(--primary);
            content: "";
        }

        /* Carousel Content Presentation Spaces */
        .carousel-caption {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            position: absolute;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            padding-bottom: clamp(4rem, 11vw, 9rem);
            background: linear-gradient(90deg, rgba(23, 43, 53, .92) 0%, rgba(23, 43, 53, .58) 48%, rgba(23, 43, 53, .08) 100%);
            text-align: left;
            z-index: 1;
            color: #fff;
        }
        .carousel-caption h1 { 
            max-width: 620px; 
            font-size: clamp(2.6rem, 5vw, 5.4rem); 
            color: #fff;
        }
        .carousel-caption p { 
            max-width: 520px; 
            color: #e5eee8; 
            font-size: 1.05rem; 
        }
        .carousel-item img { 
            z-index: -1; 
            filter: brightness(0.95); 
        }
        .carousel-control-prev, .carousel-control-next { 
            width: 9%; 
            opacity: .5;
            transition: opacity 0.15s ease;
        }
        .carousel-control-prev:hover, .carousel-control-next:hover {
            opacity: .9;
        }
        .carousel-control-prev-icon, .carousel-control-next-icon { 
            width: 3rem;
            height: 3rem;
            background-color: var(--primary); 
            border: 10px solid var(--primary); 
        }

        .branch-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; }
        .branch-cards > div { padding: 1rem; background: var(--light); border-left: 3px solid var(--primary); border-radius: 0 4px 4px 0; }
        .branch-cards strong, .branch-cards span { display: block; }
        .branch-cards strong { font-family: var(--display); color: var(--dark); }
        .branch-cards span { color: var(--secondary); font-size: .82rem; line-height: 1.45; }
        .branch-map { box-shadow: 0 16px 34px rgba(23,43,53,.14); }
        .branch-cards > div { transition: transform .2s ease, box-shadow .2s ease; }
        .branch-cards > div:hover { transform: translateY(-3px); box-shadow: 0 8px 18px rgba(23,43,53,.1); }
        .mobile-bottom-nav { display: none; }

        /* Desktop and Media Viewport Scaling Architecture */
        @media (min-width: 1400px) {
            .container, .container-xxl { max-width: 1240px; }
        }
        @media (max-width: 991.98px) {
            .navbar .navbar-brand { border-right: none !important; }
            .navbar .navbar-nav { border-top: 1px solid var(--line); padding-top: 1rem; }
            .navbar .navbar-nav .nav-link { padding: 10px 0; margin-right: 0; }
            .navbar .navbar-nav .nav-link.active::before, .navbar .navbar-nav .nav-link:hover::before { bottom: 3px; }
            .navbar-collapse .btn { width: 100%; justify-content: center; margin: 15px 0; }
        }

        /* Brochure, service and values components */
        .eyebrow { display: inline-block; color: var(--primary); font-family: var(--display); font-size: .74rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 1rem; }
        .brochure-section { background: var(--light); position: relative; overflow: hidden; }
        .brochure-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
        .brochure-anchor { min-height: 190px; padding: 1.5rem; display: flex; align-items: end; gap: 1rem; position: relative; overflow: hidden; color: #fff; background: var(--dark); text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
        .brochure-anchor::before { content: ""; position: absolute; width: 180px; height: 180px; border: 22px solid rgba(255,255,255,.14); border-radius: 50%; right: -34px; top: -34px; }
        .brochure-anchor--car { background: var(--secondary); }
        .brochure-anchor--car::before { width: 260px; height: 110px; border-radius: 55% 45% 20% 20%; border-width: 16px; top: -32px; right: -44px; }
        .brochure-anchor--wheel { background: var(--primary); }
        .brochure-anchor:hover { color: #fff; transform: translateY(-6px); box-shadow: 0 14px 28px rgba(23,43,53,.16); }
        .brochure-icon { width: 50px; height: 50px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; position: relative; z-index: 1; }
        .brochure-anchor span:last-child { position: relative; z-index: 1; }
        .brochure-anchor small, .brochure-anchor strong { display: block; }
        .brochure-anchor small { color: rgba(255,255,255,.72); font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
        .brochure-anchor strong { font: 700 1.15rem var(--display); margin-top: .25rem; }
        .services-section { background: var(--paper); }
        .service-list article { display: flex; gap: 1.1rem; padding: 1.35rem 0; border-bottom: 1px solid var(--line); }
        .service-list article > i { color: var(--primary); font-size: 1.35rem; width: 2rem; padding-top: .3rem; }
        .service-list h5 { margin-bottom: .3rem; }
        .service-list p { margin: 0; }
        .partners-section { background: var(--light); border-top: 1px solid var(--line); }
        .partners-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
        .partner-card { min-height: 195px; padding: 1.35rem; display: flex; flex-direction: column; justify-content: space-between; background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--secondary); box-shadow: 0 8px 22px rgba(9,37,65,.06); transition: transform .2s ease, border-color .2s ease; text-decoration: none; }
        .partner-card:hover { transform: translateY(-4px); border-top-color: var(--primary); }
        .partner-mark { color: var(--primary); font: 700 1.35rem/1 var(--display); letter-spacing: .04em; }
        .partner-mark span, .partner-mark b { display: block; color: var(--secondary); font-size: .58em; letter-spacing: .12em; }
        .partner-mark--national { color: var(--dark); font-size: .9rem; letter-spacing: .14em; }
        .partner-mark--arizona { color: #1c5c9e; font-size: 1.45rem; }
        .partner-logo-wrap { height: 42px; display: flex; align-items: center; }
        .partner-logo { width: auto; max-width: 130px; max-height: 42px; object-fit: contain; }
        .partner-card strong { color: var(--dark); font-family: var(--display); line-height: 1.25; }
        .partner-card small { color: var(--secondary); font-size: .78rem; }
        .values-panel { background: var(--dark); color: #fff; padding: clamp(1.5rem, 4vw, 3rem); position: relative; overflow: hidden; }
        .values-panel::after { content: ""; position: absolute; width: 180px; height: 180px; border: 24px solid rgba(228,93,59,.35); border-radius: 50%; right: -72px; bottom: -65px; }
        .values-panel h3 { color: #fff; max-width: 360px; margin-bottom: 2rem; }
        .eyebrow--light { color: #f5b66a; }
        .values-panel ul { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }
        .values-panel li { padding: .9rem 0; border-top: 1px solid rgba(255,255,255,.16); }
        .values-panel li strong, .values-panel li span { display: block; }
        .values-panel li span { color: rgba(255,255,255,.68); font-size: .9rem; }
        .form-status { margin: 1rem 0 0; color: var(--secondary); font-weight: 600; }
        .mission-strip { background: var(--dark); color: #fff; padding: 1.15rem 0; }
        .mission-strip strong { color: #f5b66a; font-family: var(--display); margin-right: .45rem; }
        .values-panel li { display: grid; grid-template-columns: 32px 1fr; column-gap: .7rem; }
        .values-panel li::before { content: ""; width: 9px; height: 9px; border: 2px solid #f5b66a; border-radius: 50%; margin-top: .35rem; }
        .values-panel li strong, .values-panel li span { grid-column: 2; }
        .values-panel li::before { grid-row: 1 / span 2; }
        @media (max-width: 767.98px) { .brochure-grid { grid-template-columns: 1fr; } .brochure-anchor { min-height: 150px; } }
        @media (max-width: 767.98px) {
            body { padding-bottom: 68px; }
            .navbar .navbar-toggler, .navbar .navbar-collapse { display: none !important; }
            .navbar { min-height: 64px; }
            .navbar .navbar-brand { width: 100%; border-right: 0 !important; justify-content: center; padding-left: 0 !important; padding-right: 0 !important; }
            .mobile-bottom-nav { display: flex; position: fixed; z-index: 1040; left: 0; right: 0; bottom: 0; height: 64px; align-items: stretch; justify-content: space-around; background: linear-gradient(90deg, #07182c, #0e3158, #07182c); border-top: 2px solid var(--primary); box-shadow: 0 -8px 24px rgba(23,43,53,.16); }
            .mobile-bottom-nav a { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .25rem; color: rgba(255,255,255,.7); font: 700 .68rem var(--display); text-decoration: none; }
            .mobile-bottom-nav a:hover, .mobile-bottom-nav a:focus { color: #f5b66a; }
            .mobile-bottom-nav i { font-size: 1rem; }
            .branch-cards { grid-template-columns: 1fr; }
            .partners-grid { grid-template-columns: repeat(2, 1fr); }
        }
        @media (max-width: 575.98px) { .site-logo { width: 38px; height: 38px; } }
        .team-items, .portfolio-items { display: none !important; }
        .container-xxl:has(.team-items), .container-xxl:has(.portfolio-items) { display: none !important; }
        @media (max-width: 575.98px) { .partners-grid { grid-template-columns: 1fr; } }


/* =========================================================
   BECKYNDS MODERN MOBILE-FIRST UI/UX ENHANCEMENT LAYER
   Keeps the existing Bootstrap structure while modernising
   spacing, cards, imagery, conversion CTAs and responsiveness.
   ========================================================= */

:root{
    --primary:#f26a21;
    --primary-dark:#c94b0b;
    --secondary:#1769aa;
    --dark:#092541;
    --ink:#17324d;
    --muted:#64788d;
    --paper:#f8fbfe;
    --white:#fff;
    --line:#dbe7f0;
    --radius:18px;
    --radius-sm:12px;
    --shadow-sm:0 8px 24px rgba(9,37,65,.07);
    --shadow:0 18px 45px rgba(9,37,65,.11);
    --display:"Space Grotesk","Work Sans",sans-serif;
    --body:"DM Sans","Work Sans",sans-serif;
}

html{scroll-padding-top:76px}
body{
    overflow-x:hidden;
    background:var(--paper);
    color:var(--ink);
}
.page-header{
    position:relative;
    isolation:isolate;
    min-height:300px;
    display:flex;
    align-items:center;
    margin-bottom:0!important;
    background-image:url('../img/carousel-2.jpg');
    background-position:center 58%;
    background-size:cover;
}
.page-header::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:linear-gradient(90deg,rgba(4,20,36,.9),rgba(4,20,36,.72) 52%,rgba(4,20,36,.62));
}
.page-header .container{position:relative;z-index:1}
.page-header h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.page-header .breadcrumb{margin-bottom:0}
.page-header .breadcrumb-item a{color:rgba(255,255,255,.86)!important}
.page-header .breadcrumb-item.active{color:#ffbd82!important}
img{max-width:100%;height:auto}
a{transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.container{width:100%}
.py-6{padding-top:clamp(4rem,7vw,6.5rem);padding-bottom:clamp(4rem,7vw,6.5rem)}
.my-6{margin-top:clamp(4rem,7vw,6.5rem);margin-bottom:clamp(4rem,7vw,6.5rem)}

.btn{
    min-height:48px;
    border-radius:10px;
    padding:.78rem 1.15rem;
    box-shadow:none;
}
.btn-lg{min-height:54px;padding:.9rem 1.35rem;border-radius:12px}
.btn-primary{
    background:var(--primary);
    border-color:var(--primary);
    box-shadow:0 8px 20px rgba(242,106,33,.2);
}
.btn-primary:hover,.btn-primary:focus{
    background:var(--primary-dark);
    border-color:var(--primary-dark);
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(242,106,33,.25);
}
.btn-light{color:var(--dark);background:#fff;border-color:#fff}
.btn-light:hover{color:var(--dark);transform:translateY(-2px)}
.btn-outline-primary{border-width:2px}

.navbar{
    min-height:76px;
    box-shadow:0 5px 24px rgba(9,37,65,.05);
}
.navbar .navbar-brand{
    min-height:76px;
    height:auto;
    padding-top:.65rem;
    padding-bottom:.65rem;
}
.site-logo{
    width:46px;height:46px;border-radius:11px;
    border:0;
    object-fit:contain;
    background:#fff;
    filter:none;
}
.navbar .navbar-nav .nav-link{
    margin-right:20px;
    font-size:.76rem;
    padding:28px 0;
}
.navbar .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover{color:var(--primary)}
.navbar .navbar-nav .nav-link.active::before,
.navbar .navbar-nav .nav-link:hover::before{bottom:18px}

#header-carousel,
#header-carousel .carousel-inner,
#header-carousel .carousel-item{height:min(720px,calc(100svh - 76px))}
#header-carousel .carousel-item{position:relative;overflow:hidden;background:var(--dark)}
#header-carousel .carousel-item::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(5,24,42,.88) 0%,rgba(5,24,42,.62) 42%,rgba(5,24,42,.15) 100%);
    pointer-events:none;
}
#header-carousel .carousel-item img{
    width:100%!important;height:100%;object-fit:cover;
    object-position:center;
    transform:scale(1.01);
}
.carousel-caption{
    z-index:2;
    align-items:center;
    padding:2rem 0;
    background:none;
}
.carousel-caption .container{width:100%}
.carousel-caption .row{justify-content:flex-start!important}
.carousel-caption .col-lg-7{max-width:760px}
.carousel-caption h1{
    font-size:clamp(2.5rem,6vw,5.2rem);
    line-height:1.02;
    max-width:760px;
    margin-bottom:1.25rem!important;
}
.carousel-caption p{
    max-width:650px;
    font-size:clamp(1rem,1.7vw,1.18rem);
    line-height:1.7;
}
.hero-actions .btn{flex:0 0 auto}
.hero-trust{
    display:flex;flex-wrap:wrap;gap:.65rem 1rem;
    color:rgba(255,255,255,.9);
    font-size:.85rem;
}
.hero-trust span{display:inline-flex;align-items:center;gap:.4rem}
.hero-trust i{color:#ffd08a}

.carousel-control-prev,.carousel-control-next{z-index:3;width:6%}
.carousel-control-prev-icon,.carousel-control-next-icon{
    width:42px;height:42px;border:0;border-radius:50%;
    background-color:rgba(242,106,33,.9);
    background-size:45%;
}
.carousel-indicators{z-index:3}
.carousel-indicators [data-bs-target]{
    width:30px;height:4px;border:0;border-radius:99px;
}

.facts{position:relative;z-index:4;margin-top:-55px}
.facts .container{max-width:1180px}
.facts .row{border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.facts .row>div{background:#fff}
.facts .bg-white{
    min-height:132px!important;
    padding:1.45rem!important;
    box-shadow:none!important;
    border-right:1px solid var(--line);
}
.facts .btn-lg-square{
    width:54px;height:54px;min-width:54px;
    border-radius:14px;
    display:grid;place-items:center;
}
.facts h5{font-size:1.05rem}
.facts span{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}

.mission-strip{
    background:var(--dark);
    padding:1.25rem 0;
}
.mission-strip .row>div{padding:.35rem 0}
.mission-strip strong{color:#ffbd82}

.quick-actions{
    position:relative;
    z-index:2;
    background:#fff;
    border-bottom:1px solid var(--line);
    padding:1rem 0;
}
.quick-actions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:.75rem;
}
.quick-action{
    min-height:82px;
    display:grid;
    grid-template-columns:48px 1fr 20px;
    align-items:center;
    gap:.85rem;
    padding:1rem;
    color:var(--dark);
    text-decoration:none;
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
}
.quick-action:hover{
    color:var(--dark);
    border-color:#b9d2e4;
    transform:translateY(-2px);
    box-shadow:var(--shadow-sm);
}
.quick-action-icon{
    width:48px;height:48px;border-radius:13px;
    display:grid;place-items:center;
    background:#fff3eb;color:var(--primary);
    font-size:1.05rem;
}
.quick-action strong,.quick-action small{display:block}
.quick-action strong{font-family:var(--display);font-size:.95rem}
.quick-action small{color:var(--muted);font-size:.75rem;margin-top:.15rem}
.quick-arrow{color:var(--primary);font-size:.8rem}

.display-6{font-size:clamp(2rem,4vw,3.1rem)}
.eyebrow{
    color:var(--primary);
    font-size:.72rem;
    letter-spacing:.16em;
    font-weight:800;
}
.container-xxl .position-relative img{border-radius:14px}

.courses-item{
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow-sm);
    transition:transform .25s ease,box-shadow .25s ease;
}
.courses-item:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.courses-item>div:first-child{padding:2rem 1.5rem 1.35rem!important}
.courses-item .bg-primary{
    border-radius:999px;
    font-size:.75rem!important;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.courses-item h5{font-size:1.2rem}
.courses-item p{font-size:.9rem}
.courses-item img{
    width:100%;
    height:230px;
    object-fit:cover;
}
.courses-overlay{
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    background:linear-gradient(180deg,rgba(9,37,65,.05),rgba(9,37,65,.7));
    opacity:0;
    transition:opacity .2s ease;
}
.courses-item:hover .courses-overlay{opacity:1}
.courses-overlay .btn{background:#fff;border-color:#fff;color:var(--dark)!important}

.course-pathways-section{background:#fff}
.pathway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.pathway-card{display:flex;gap:1rem;min-height:190px;padding:1.35rem;background:#f8fbfe;border:1px solid var(--line);border-radius:16px;border-top:4px solid var(--secondary);transition:transform .2s ease,box-shadow .2s ease}
.pathway-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.pathway-card>i{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:12px;background:#fff0e8;color:var(--primary)}
.pathway-card h5{font-size:1rem;margin-bottom:.45rem}
.pathway-card p{font-size:.84rem;margin:0}

.courses .col-lg-8 .bg-primary{
    border-radius:20px;
    background:linear-gradient(135deg,var(--primary),#e65c18)!important;
    box-shadow:var(--shadow);
}
.courses .form-control,.courses .form-select{
    min-height:58px;
    border-radius:10px!important;
}
.form-status{min-height:24px}

.brochure-anchor{
    min-height:210px;
    border-radius:18px;
    box-shadow:var(--shadow-sm);
}
.brochure-anchor:hover{box-shadow:var(--shadow)}
.brochure-anchor--car{background:linear-gradient(135deg,#1769aa,#0e4f83)}
.brochure-anchor--wheel{background:linear-gradient(135deg,#f26a21,#cf4f0d)}
.brochure-anchor--tyre{background:linear-gradient(135deg,#092541,#12446f)}

.services-section{background:#fff}
.service-list article{padding:1.35rem 0}
.service-list article>i{
    width:44px;height:44px;min-width:44px;
    border-radius:12px;
    display:grid;place-items:center;
    background:#fff3eb;
}
.service-list h5{font-size:1rem}
.service-list p{font-size:.9rem}

.values-panel{border-radius:20px;box-shadow:var(--shadow)}
.values-panel li{padding:1rem 0}

.partners-section{background:#f0f6fb}
.partner-card{
    min-height:190px;
    border-radius:15px;
    border:1px solid var(--line);
    border-top:4px solid var(--secondary);
    box-shadow:0 7px 20px rgba(9,37,65,.05);
}
.partner-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.partner-logo{max-height:46px}

.locations-section{background:#fff}
.branch-cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1rem;
}
.branch-cards>div{
    position:relative;
    padding:1.35rem;
    background:#f8fbfe;
    border:1px solid var(--line);
    border-radius:16px;
    border-left:4px solid var(--primary);
    transition:transform .2s ease,box-shadow .2s ease;
}
.branch-cards>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.branch-cards>div>i{color:var(--primary);margin-right:.45rem}
.branch-cards strong,.branch-cards span,.branch-cards a{display:block}
.branch-cards strong{margin-top:.65rem;font-family:var(--display);font-size:1.05rem}
.branch-cards span{min-height:45px;color:var(--muted);font-size:.82rem;line-height:1.5;margin:.35rem 0 .8rem}
.branch-cards a{color:var(--primary);font-size:.78rem;font-weight:700;text-decoration:none}

.testimonial-section{background:#f5f9fc}
.section-heading{max-width:720px}
.review-placeholder{
    display:flex;align-items:center;gap:1rem;
    max-width:900px;margin:auto;
    padding:1.4rem;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:var(--shadow-sm);
}
.review-placeholder-icon{
    width:54px;height:54px;min-width:54px;border-radius:50%;
    display:grid;place-items:center;
    background:#fff1e8;color:var(--primary);
}
.review-placeholder strong{font-family:var(--display)}
.review-placeholder p{font-size:.85rem;margin-top:.2rem}

.footer{
    margin-top:0!important;
    background:linear-gradient(135deg,#061a31,#0b3561)!important;
}
.footer .btn-link{color:rgba(255,255,255,.72)!important}
.footer .btn-link:hover{color:#fff!important}
.footer a:not(.btn){color:#fff;text-decoration:none}
.branch-list{list-style:none;padding:0;margin:0}
.branch-list li{
    display:flex;gap:.65rem;
    padding:.35rem 0;
    color:rgba(255,255,255,.72);
    font-size:.83rem;
}
.branch-list li i{color:#ffbd82;margin-top:.3rem}
.copyright{background:#061a31!important}
.copyright .row{align-items:center;row-gap:.8rem}
.copyright-note,.developer-credit{display:block}
.copyright-brand{display:inline-block;font-family:var(--display);font-weight:700;color:#fff}
.copyright-brand:hover{color:#ffbd82!important}
.copyright-note{color:rgba(255,255,255,.68);font-size:.82rem}
.developer-credit{margin-top:.2rem;color:rgba(255,255,255,.68);font-size:.78rem}
.developer-credit a{color:#ffbd82!important;font-weight:700}
.developer-credit a:hover{text-decoration:underline}
@media (max-width:767.98px){
    .copyright{padding-top:1.25rem!important;padding-bottom:1.25rem!important}
    .copyright .text-md-start,.copyright .text-md-end{text-align:center!important}
}

.whatsapp-float{
    position:fixed;
    right:18px;
    bottom:22px;
    z-index:1035;
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    min-height:52px;
    padding:.75rem 1rem;
    border-radius:999px;
    color:#fff!important;
    background:#128c7e;
    text-decoration:none;
    font:700 .82rem var(--display);
    box-shadow:0 12px 28px rgba(9,37,65,.22);
}
.whatsapp-float i{font-size:1.25rem}
.whatsapp-float:hover{background:#0e786b;transform:translateY(-2px)}
.back-to-top{right:18px!important;bottom:88px!important;border-radius:50%;width:46px;height:46px;padding:0}

.mobile-bottom-nav{
    height:66px;
    border-top:1px solid rgba(255,255,255,.12);
}
.mobile-bottom-nav a{min-height:66px}
.mobile-bottom-nav a:first-child{color:#fff}

@media (max-width:1199.98px){
    .navbar .navbar-nav .nav-link{margin-right:14px}
    .branch-cards{grid-template-columns:repeat(2,1fr)}
    .pathway-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:991.98px){
    .navbar .navbar-brand{padding-left:1rem!important}
    .navbar .navbar-nav{padding:1rem 0}
    .navbar .navbar-nav .nav-link{padding:11px 0;margin:0}
    .navbar .navbar-nav .nav-link.active::before,.navbar .navbar-nav .nav-link:hover::before{bottom:3px}
    #header-carousel,#header-carousel .carousel-inner,#header-carousel .carousel-item{height:620px}
    .facts{margin-top:-30px}
    .quick-actions-grid{grid-template-columns:1fr}
    .quick-action{min-height:70px}
}
@media (max-width:767.98px){
    body{font-size:.95rem;padding-bottom:66px}
    .navbar{min-height:64px}
    .navbar .navbar-brand{min-height:64px}
    .navbar .navbar-toggler{display:none!important}
    .navbar .navbar-collapse{display:none!important}
    #header-carousel,#header-carousel .carousel-inner,#header-carousel .carousel-item{height:calc(100svh - 64px);min-height:560px;max-height:700px}
    #header-carousel .carousel-item img{object-position:60% center}
    #header-carousel .carousel-item::after{
        background:linear-gradient(180deg,rgba(5,24,42,.68) 0%,rgba(5,24,42,.73) 58%,rgba(5,24,42,.92) 100%);
    }
    .carousel-caption{padding:1.5rem 0 4.5rem}
    .carousel-caption h1{font-size:clamp(2.25rem,11vw,3.5rem)}
    .carousel-caption p{font-size:.98rem}
    .hero-actions{width:100%}
    .hero-actions .btn{flex:1 1 100%;width:100%}
    .hero-trust{font-size:.78rem;gap:.5rem .8rem}
    .carousel-control-prev,.carousel-control-next{display:none}
    .facts{margin-top:0;padding-top:1rem!important}
    .facts .row{box-shadow:none;border-radius:0;gap:.7rem}
    .facts .row>div{border:0;border-radius:14px;box-shadow:var(--shadow-sm)}
    .facts .bg-white{border:0!important;min-height:110px!important}
    .mission-strip{font-size:.84rem}
    .mission-strip .row{gap:.3rem}
    .quick-actions{padding:.75rem 0}
    .quick-actions-grid{gap:.55rem}
    .quick-action{padding:.8rem;grid-template-columns:44px 1fr 18px}
    .quick-action-icon{width:44px;height:44px}
    .quick-action small{font-size:.72rem}
    .courses-item img{height:210px}
    .courses-overlay{opacity:1;background:linear-gradient(180deg,transparent 45%,rgba(9,37,65,.7))}
    .courses-overlay .btn{min-height:42px}
    .branch-cards{grid-template-columns:1fr}
    .pathway-grid{grid-template-columns:1fr}
    .branch-cards span{min-height:auto}
    .review-placeholder{align-items:flex-start;flex-wrap:wrap}
    .review-placeholder .btn{width:100%}
    .whatsapp-float{
        right:12px;bottom:78px;
        width:52px;height:52px;min-height:52px;
        padding:0;justify-content:center;
    }
    .whatsapp-float span{display:none}
    .back-to-top{bottom:142px!important;right:12px!important}
}
@media (max-width:575.98px){
    .site-logo{width:40px;height:40px}
    .navbar .navbar-brand{font-size:1.05rem}
    .display-6{font-size:2rem}
    .facts .bg-white{padding:1rem!important}
    .facts .btn-lg-square{width:46px;height:46px;min-width:46px}
    .facts h5{font-size:.95rem}
    .facts span{font-size:.78rem}
    .courses .col-lg-8 .bg-primary{padding:1.25rem!important}
    .brochure-anchor{min-height:150px}
}
@media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        transition-duration:.01ms!important;
    }
}