:root{--navy:#27324f;--green:#4c833e;--paper:#f7f6f1;--ink:#263145}
*{box-sizing:border-box}body{margin:0;color:var(--ink);
                             font-family:Arial,sans-serif;background:var(--paper)}
h1,h2,h3{font-family:Georgia,serif;font-weight:400}
h1,h2{font-size:clamp(2.2rem,4vw,3.6rem);
line-height:1.05}em,
.text-green{color:var(--green)}

h1{font-size:2.2rem;}
h2{font-size:1.8rem;}

a {
    color: #000;
    text-decoration: underline;
}

 p{line-height:1.7}
.site-header {
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 10;
    background-color: #f9f8f3;
    background-image: linear-gradient(#e7e5dd 1px, transparent 1px), linear-gradient(90deg, #e7e5dd 1px, transparent 1px);
    background-size: 28px 28px;
}
.brand{display:flex;gap:.5rem;align-items:center;color:var(--navy);font-size:.78rem;letter-spacing:.14rem;
       line-height:1.05;text-decoration:none}
.brand strong{font-size:1.15em}
.brand small{display:block;letter-spacing:.3rem}
                                                                                                                                                                                                                                                                                                                                                             
.brand-mark{font-size:2rem;color:var(--green)}
nav a,.collapse a{font-size:1.0rem;color:var(--ink);text-decoration:none;}
    nav a:hover {
        color: #003366;
        text-decoration: none;
      
    }
    .hero {
        background-color: #f9f8f3;
        background-image: linear-gradient(#e7e5dd 1px, transparent 1px), linear-gradient(90deg, #e7e5dd 1px, transparent 1px);
        background-size: 28px 28px;
    }

.hero-photo{height:440px;
            background:linear-gradient(90deg,rgba(15,20,25,.12),rgba(15,20,25,.02)),url('/images/hero.jpg') center/cover}
.hero-copy{padding-top:4rem}
.tag-green,.tag-dark{display:table;padding:.5rem 1.2rem;color:#fff;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);
                     letter-spacing:.04em}
.tag-green{background:var(--green)}
.tag-dark{background:var(--navy);margin-left:2rem;margin-top:.25rem}
.hero-panel{padding:1.25rem 2rem;margin-top:0px}
.hero-panel p{font-size:1.2rem}
.stats{background:var(--navy);color:#fff}
.stat {
    padding: 1.1rem 1.5rem;
    border-right: 2px solid #198754;
    min-height: 120px
}
.stat b{font-size:1.2rem;letter-spacing:.12rem}
.stat b span{font-size:1.2rem}
.stat p{font-size:1.0rem;margin:.45rem 0 0}
.grid-section{background-color:#f9f8f3;
              background-image:linear-gradient(#e7e5dd 1px,transparent 1px),linear-gradient(90deg,#e7e5dd 1px,transparent 1px);
              background-size:28px 28px}
.eyebrow{color:var(--green);font-size:1.2rem;letter-spacing:.2rem;font-weight:bold;margin-bottom:.7rem}
.route-card{background:#fff;height:100%;box-shadow:0 1px 3px #0001}
.route-image{height:180px;background-position:center;background-size:cover}
.house {
    background-image: url('/images/way-1.jpg')
}
.interior {
    background-image: url('/images/way-2.jpg')
}
.build {
    background-image: url('/images/way-3.jpg')
}
.route-card h3,.route-card p,.route-card small{margin-left:1rem;margin-right:1rem}
.route-card h3{font-size:1.45rem;margin-top:1rem}
.route-card p{font-size:1rem}
.route-card small{display:block;color:var(--green);font-size:.9rem;font-weight:bold;padding:1rem 0}
.trust {
    color: #fff;
    background: linear-gradient(rgba(25,31,50,.74),rgba(25,31,50,.84)),url('/images/day-job.jpg') center/cover
}
.trust h2{font-size:clamp(2.2rem,4vw,3.3rem)}
.trust-box{max-width:720px;margin:1rem auto 0;background:rgba(38,49,69,.72);padding:1rem 2rem;font-size:1.0rem}-
.trust-box li{margin:.8rem 0;line-height:1.5}
.trust-strip{text-align:center;background:#111b2c;padding:.45rem;letter-spacing:.35rem;font-size:1.0rem;font-weight:bold}
.steps{max-width:720px;margin:1.5rem auto}
.step{display:flex;gap:1rem;padding:.6rem 0}
.step>b{width:1.2rem;height:1.2rem;line-height:1.2rem;text-align:center;
        border-radius:50%;background:var(--green);color:#fff;font-size:.65rem;flex:none}
.step h4{font-size:1.0rem;font-weight:bold;margin:0}
.step p{font-size:1.0rem;margin:.25rem 0 0}
.faq {
    background: linear-gradient(#eef0f2aa,#eef0f2cc),url('/images/edinburgh.jpg') center/cover;
    min-height: 600px;
}
.accordion-button{background:transparent;font-size:1.0rem;font-weight:bold;padding:.55rem 0}
.accordion-button:not(.collapsed){color:var(--ink);box-shadow:none}
.accordion-button:focus{box-shadow:none}.accordion-body{font-size:1.0rem;padding:.4rem 0 1rem}
.contact{background:var(--navy);color:#fff}
.contact h2{font-size:clamp(2.1rem,4vw,3.3rem)}
.contact p{font-size:1.0rem}
.contact-numbers b{font-size:1.0rem;letter-spacing:.08rem}
footer{background:#fff;color:#39435a;font-size:1.0rem;background-color: #f9f8f3;
    background-image: linear-gradient(#e7e5dd 1px, transparent 1px), linear-gradient(90deg, #e7e5dd 1px, transparent 1px);
    background-size: 28px 28px;
}}
footer p{font-size:1.0rem;line-height:1.5}
footer b{font-size:1.0rem;color:var(--green);letter-spacing:.1rem}
@media(max-width:767.98px){
    .hero-photo{height:360px}
    .hero-copy{padding-top:3rem}
.tag-dark{margin-left:1rem}
.hero-panel{padding:1.25rem}
.stat{border-bottom:1px solid rgba(255,255,255,.12);min-height:auto}
.route-image{height:220px}
.trust-box{padding:1rem}
.contact .btn{margin-bottom:.5rem}
.hero-panel 
.btn{display:block;width:100%;margin:.4rem 0!important}
.trust-strip{letter-spacing:.14rem}
.brand{font-size:.65rem}}


/* FAQ */

.faq-section {
    position: relative;
    padding: 90px 0;
    min-height: 600px;
    overflow: hidden;
}

.faq-image {
    position: absolute;
    inset: 0;
}

    .faq-image::after {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(230, 232, 234, .65);
    }

.accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-border-color: rgba(30, 40, 60, .3);
    --bs-accordion-btn-color: #27314c;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-active-color: #27314c;
}

.accordion-button {
    background: transparent;
    box-shadow: none !important;
    font-family: "DM Mono", monospace;
    font-size: 1.2rem;
    padding-left: 0;
}

.accordion-body {
    padding-left: 0;
    color: #29334a;
}

# Inner Banner
--------------------------------------------------------------*/  
.inner-banner #inner-banner {
    background-color: var(--blue);
    background: #003366 !important;
    color: #ffffff;
}
.inner-banner h1 {
    font-size: 3rem;
    letter-spacing: .25rem; 
    text-transform: uppercase; 
    color:#fff;
}

.inner-banner a{color:#fff;}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/  
.inner-banner #breadcrumb a {
    color: #ffffff;
}
.inner-banner .breadcrumb-item {
    text-transform: uppercase;
}
.breadcrumb .active {
    color: var(--lime);
}
.breadcrumb-item+.breadcrumb-item::before {
    color: var(--bs-gray-500);
}

.breadcrumb a:hover {
    text-decoration: underline;
}