/* Limited practical fixes. The Elever template controls the site design. */
.header-two .logo-area img{width:208px;max-width:100%;height:auto}
.rts-footer-area a.logo img{width:208px;max-width:100%;height:auto}
.header-two .nav-area>ul{display:flex;align-items:center}
.header-two .nav-area>ul>li.main-nav>a{white-space:nowrap}
.contact-form-area-wrapper input,.contact-form-area-wrapper textarea{max-width:100%}
@media(max-width:1199px){.header-two .nav-area{display:none}}

/* Greenwood logo palette — colour-only refinements. Original layouts unchanged. */
:root { --greenwood-logo-green:#218804; --greenwood-deep-green:#196B03; --greenwood-soft-neutral:#F6F7F4; }
/* Keep the exact logo green as the default, darken interactive green on hover for contrast. */
a:focus-visible, button:focus-visible { outline-color: var(--greenwood-deep-green); }

/* Greenwood refinements (Oct 2026). Preserve the original Elever components. */
/* Main header: right-aligned links, and a menu toggle only when links cannot fit. */
.header-two .header-two-wrapper { gap: 0; }
.header-two .header-two-wrapper .logo-area { flex: 0 0 auto; }
.header-two .header-two-wrapper .nav-area {
  display: flex !important;
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: 0;
  margin: 0 27px 0 24px;
}
.header-two .nav-area > ul { gap: 25px !important; flex-wrap: nowrap; }
.header-two .header-two-wrapper .header-end { flex: 0 0 auto; }
.header-two .header-end .nav-btn { display: none; appearance: none; background: transparent; padding: 0; }
.header-two.nav-collapsed .nav-area { display: none !important; }
.header-two.nav-collapsed .header-end { margin-left: auto; }
.header-two.nav-collapsed .header-end .nav-btn { display: flex; }
.header-two .nav-btn:focus-visible { outline: 3px solid var(--greenwood-deep-green); outline-offset: 3px; }
.header-two .header-two-main-wrapper .header-two-wrapper { min-height: 85px; }
@media(max-width:479px) {
  .header-two .header-two-main-wrapper .header-two-wrapper { min-height: 70px; }
  .header-two .logo-area img { width: 180px; }
}
/* Ensure the collapsed menu links remain available even above the template's preset breakpoint. */
#side-bar .mobile-menu { display: block !important; }

/* Four uniformly sized facts, each icon inset safely from its circular border. */
.company-experties-area .funfacts-list-wrapper-5 { align-items: stretch; }
.company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 {
  flex: 1 1 25%; width: 25%; min-width: 0;
  padding: 38px 17px;
  justify-content: center !important;
  gap: 15px;
}
.company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 .icon {
  flex: 0 0 70px; width: 70px; height: 70px;
  padding: 13px;
}
.company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 .icon img {
  display: block; width: 100%; height: 100%; max-width: 43px; max-height: 43px;
  object-fit: contain;
}
.company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 .counter-wrapper { min-width: 0; }
.company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 .counter-wrapper .bottom { display: block; line-height: 1.35; }
@media (max-width: 991px) {
  .company-experties-area .funfacts-list-wrapper-5 { flex-wrap: wrap; }
  .company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 {
    flex: 0 0 50%; width: 50%; border-bottom: 1px solid #2B2B30;
  }
  .company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5:nth-child(2n) { border-right: none; }
}
@media (max-width: 575px) {
  .company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5 {
    flex: 0 0 100%; width: 100%; padding: 22px 12px;
  }
  .company-experties-area .funfacts-list-wrapper-5 .single-fun-facts-area-5:last-child { border-bottom: 0; }
}

/* Recent Projects: no metadata strip below photographs; complete rounded corners. */
.construction-portfolio-area .single-construction-portfolio,
.construction-portfolio-area .single-construction-portfolio .thumbnail { border-radius: 10px; }
.construction-portfolio-area .single-construction-portfolio .thumbnail img {
  display: block; width: 100%; height: auto;
}

/* Dark sage-charcoal instead of full-strength brand green for the commitments section. */
.greenwood-commitments { background-color: #28362E; }
.greenwood-commitments .title-between-style-five { border-color: rgba(255,255,255,.25); }
.greenwood-commitments .title-between-style-five .pre,
.greenwood-commitments .title-between-style-five .title { color: #FFF; }
.greenwood-commitments .button-net-prev-area i { color: #FFF; }

/* Preserve the existing breadcrumb design while reducing wasted vertical height. */
.rts-breadcrumb-area { height: 265px; min-height: 265px; margin-top: 12px; margin-bottom: 12px; }
.breadcrumb-area-inner .title { font-size: clamp(32px, 3.2vw, 50px); line-height: 1.15; }
.breadcrumb-area-inner .water-text { font-size: clamp(64px, 8vw, 116px); line-height: 1; }
@media (max-width: 767px) {
  .rts-breadcrumb-area { height: 205px; min-height: 205px; margin-left: 12px; margin-right: 12px; }
  .breadcrumb-area-inner .title { font-size: clamp(26px, 6vw, 36px); }
  .breadcrumb-area-inner .nav-area-navigation { padding: 10px 17px; gap: 23px; }
  .breadcrumb-area-inner .nav-area-navigation a { font-size: 12px; }
}

/* Removing the old top footer navigation shouldn't leave a blank band behind. */
.rts-footer-area.three { padding-top: 75px; }
@media (max-width: 767px) { .rts-footer-area.three { padding-top: 45px; } }

/* Projects pagination follows the site's existing green accent and rounded shape. */
.project-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: 10px; margin-top: 43px; }
.project-pagination button { display: inline-flex; justify-content: center; align-items: center;
  min-width: 44px; min-height: 44px; padding: 8px 15px; border-radius: 7px;
  background: #fff; color: #1F1F25; border: 1px solid #D9E0D8;
  font: inherit; font-size: 15px; font-weight: 600; cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.project-pagination button:hover:not(:disabled),
.project-pagination button[aria-current="page"] { background: #218804; border-color: #218804; color: #fff; }
.project-pagination button:disabled { opacity: .4; cursor: not-allowed; }
.project-pagination button:focus-visible { outline: 3px solid #196B03; outline-offset: 3px; }
/* Reset the generic section-gap padding on compact page title banners. */
.rts-breadcrumb-area.rts-section-gap { padding: 30px 0 42px; }
@media (max-width:767px) { .rts-breadcrumb-area.rts-section-gap { padding: 25px 0 40px; } }
.project-pagination[hidden] { display: none !important; }


/* Greenwood layout rhythm — October 2026. Use one consistent, generous inner gutter
   across every existing Bootstrap container, including the header and title bands. */
.container {
  --greenwood-gutter: clamp(24px, 3vw, 44px);
  padding-inline: var(--greenwood-gutter) !important;
}
/* Avoid text or controls touching the screen on narrow viewports. */
@media (max-width: 359px) {
  .container { --greenwood-gutter: 20px; }
}

/* Internal pages: replace Elever's oversized photographic title panel with a compact,
   accessible breadcrumb + page title strip. Preserve the existing HTML and text. */
.rts-breadcrumb-area,
.rts-banner-area.rts-breadcrumb-area {
  background: #F6F7F4 !important;
  background-image: none !important;
  border-bottom: 1px solid #E0E6DF;
  border-radius: 0;
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 45px 0 49px !important;
  display: block;
}
.rts-breadcrumb-area .breadcrumb-area-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
.rts-breadcrumb-area .breadcrumb-area-inner .water-text { display: none; }
.rts-breadcrumb-area .breadcrumb-area-inner .nav-area-navigation {
  order: 0;
  position: static;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  background: transparent;
  border-radius: 0;
  margin: 0 0 14px;
  padding: 0;
}
.rts-breadcrumb-area .breadcrumb-area-inner .nav-area-navigation a {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
  color: #5C655D;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.rts-breadcrumb-area .breadcrumb-area-inner .nav-area-navigation a.current { color: #196B03; }
.rts-breadcrumb-area .breadcrumb-area-inner .nav-area-navigation a.current::after {
  left: -13px;
  background-color: #A3B1A5;
}
.rts-breadcrumb-area .breadcrumb-area-inner h1.title {
  order: 1;
  color: #1F1F25;
  font-size: clamp(29px, 3vw, 41px);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -.02em;
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
}
/* Slightly tighter transition between the title strip and first content section. */
.rts-breadcrumb-area + .rts-section-gap,
.rts-breadcrumb-area + div.rts-section-gap { padding-top: clamp(55px, 6vw, 96px); }
@media (max-width: 767px) {
  .rts-breadcrumb-area,
  .rts-banner-area.rts-breadcrumb-area { padding: 28px 0 32px !important; }
  .rts-breadcrumb-area .breadcrumb-area-inner h1.title {
    font-size: clamp(25px, 6.2vw, 32px);
    line-height: 1.2;
  }
  .rts-breadcrumb-area .breadcrumb-area-inner .nav-area-navigation { margin-bottom: 12px; gap: 21px; }
  .rts-breadcrumb-area .breadcrumb-area-inner .nav-area-navigation a { font-size: 11px; }
}

/* Home hero: retain the template's full-width slide and keep pagination visibly inset.
   Swiper pagination exists outside the inner .swiper, so position relative to the hero. */
.banner-two-swiper-main-wrapper .swiper-pagination {
  top: auto;
  bottom: clamp(66px, 6.5vh, 98px);
  right: max(44px, calc((100vw - 1320px) / 2 + 44px));
  left: auto;
}
@media (max-width: 767px) {
  .banner-two-swiper-main-wrapper .swiper-pagination {
    right: 27px;
    bottom: 40px;
  }
}
@media (max-width: 575px) {
  .banner-two-swiper-main-wrapper .swiper-pagination { display: flex; }
}

/* Footer: concise office details under the all-white logo, then social links. */
.greenwood-footer-address {
  color: #C5CBC6;
  font-size: 15px;
  line-height: 1.65;
  font-style: normal;
  margin: 0 0 28px;
  padding: 0;
}
.greenwood-footer-address strong,
.greenwood-footer-address span { display: block; }
.greenwood-footer-address strong { color: #FFF; font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.greenwood-footer-address .greenwood-office-note { color: #AAB6AE; font-size: 13px; margin-top: 7px; }
.social-area-wrapper-one .greenwood-x-symbol,
.social-wrapper-one .greenwood-x-symbol {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  color: inherit;
}
.social-area-wrapper-one a:focus-visible,
.social-wrapper-one a:focus-visible { outline: 2px solid #218804; outline-offset: 3px; }
/* Keep icon-only social controls the same size, including the sidebar/mobile menu. */
.social-wrapper-one ul { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

/* Ensure readable hero copy over all three photographic slideshow backgrounds. */
.banner-two-swiper-main-wrapper .banner-two-inner .title,
.banner-two-swiper-main-wrapper .banner-two-inner p.disc,
.banner-two-swiper-main-wrapper .banner-two-inner > span { color: #FFF !important; }
.banner-two-swiper-main-wrapper .banner-two-inner .title { text-shadow: 0 2px 18px rgba(0,0,0,.22); }
.social-area-wrapper-one .greenwood-x-symbol,
.social-wrapper-one .greenwood-x-symbol { color: #FFF; }

/* Greenwood October refinement: button treatment. Compact charcoal CTA with a green
   edge, while the rest of the Elever form / card language remains intact. */
.rts-btn.btn-primary,
a.rts-btn.btn-primary,
button.rts-btn.btn-primary,
.call-to-action-area-service .rts-btn.btn-primary {
  background: #26302A !important;
  color: #fff !important;
  border: 1px solid #26302A !important;
  border-left: 4px solid var(--greenwood-logo-green) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  text-transform: none;
  letter-spacing: .01em;
  transition: background .2s ease, border-color .2s ease, transform .2s ease !important;
}
.rts-btn.btn-primary:hover,
a.rts-btn.btn-primary:hover,
button.rts-btn.btn-primary:hover { background:#35453A !important; border-color:#35453A !important; border-left-color:#42A626 !important; transform:translateY(-1px); }
.rts-btn.btn-primary::before,.rts-btn.btn-primary::after{ border-radius: 4px; }
.rts-btn.btn-primary:focus-visible{ outline:2px solid #218804 !important; outline-offset:3px; }

/* Main slide dot navigation, centred against the full hero—not offset from
   a right-aligned content column. */
.banner-two-swiper-main-wrapper { position: relative; }
.banner-two-swiper-main-wrapper .swiper-pagination {
  left: 50% !important; right: auto !important;
  top: auto !important; bottom: clamp(35px, 6vh, 80px) !important;
  transform: translateX(-50%) !important;
  width: max-content !important;
  display: flex !important; justify-content:center; align-items:center; gap:10px;
  z-index: 15;
}
@media (max-width: 767px) {
 .banner-two-swiper-main-wrapper .swiper-pagination { bottom: 30px !important; }
}

/* Plain page-title banner. Suppress parallax/animation inherited from the template.
   Keep normal document flow even when AOS/smooth-scroll observers run. */
.rts-breadcrumb-area,
.rts-breadcrumb-area::before,
.rts-breadcrumb-area::after,
.rts-breadcrumb-area .breadcrumb-area-inner,
.rts-breadcrumb-area .breadcrumb-area-inner > *,
.rts-breadcrumb-area .breadcrumb-area-inner .title {
 animation: none !important; transition: none !important;
 transform: none !important; translate: none !important;
 background-attachment: scroll !important;
 will-change: auto !important;
}
.rts-breadcrumb-area { position: relative !important; top:auto !important; background-position: center !important; }
.rts-breadcrumb-area .breadcrumb-area-inner { opacity: 1 !important; }

/* Projects pagination: a normal compact inline set, never the theme's full-width
   button control. On narrow screens show a discreet label and step arrows. */
.project-pagination {
 width: fit-content !important; max-width: 100% !important;
 margin: 42px auto 0 !important; padding: 0 !important;
 display: flex !important; flex-wrap: nowrap !important;
 align-items:center !important; justify-content: center !important;
 gap: 6px !important; border: 0 !important;
}
.project-pagination[hidden] { display:none !important; }
.project-pagination button,
.rts-projects-area-inner .project-pagination button {
 flex: 0 0 auto !important; display: inline-flex !important;
 width: 39px !important; min-width: 39px !important; max-width: 39px !important;
 height: 39px !important; min-height: 39px !important; max-height: 39px !important;
 padding: 0 !important; margin: 0 !important;
 border: 1px solid #D8DED8 !important; border-radius: 5px !important;
 font-size: 14px !important; font-weight: 600 !important;
 background: #fff !important; color: #2B342D !important;
 box-shadow:none !important; line-height: 1 !important;
}
.project-pagination button[aria-current='page'] { background:#28362E !important; border-color:#28362E !important; color:#fff !important; }
.project-pagination button:not(:disabled):hover { border-color:#218804 !important; color:#196B03 !important; }
.project-pagination button[aria-current='page']:hover { color:#fff !important; }
.project-pagination button:disabled { opacity:.32 !important; }
.project-pagination .project-pagination-prev,
.project-pagination .project-pagination-next { width: 65px !important; max-width:65px !important; border:0 !important; background:transparent !important; }
.project-pagination .project-page-count { white-space:nowrap; font-size:13px; color:#5D685F; padding:0 8px; }
@media(max-width:450px) { .project-pagination{gap:3px !important;} .project-pagination button{min-width:34px !important;max-width:34px !important;width:34px !important;height:36px !important;min-height:36px !important;max-height:36px !important;} }

/* Services listing: exact equal-height cards without artificial text truncation. */
.rts-ervice-area .row.g-24 > [class*='col-'] { display: flex; }
.rts-ervice-area .single-service-area-inner { width:100%; display:flex; flex-direction:column; height:100%; overflow:hidden; }
.rts-ervice-area .single-service-area-inner .thumbnail { display:block; flex:none; }
.rts-ervice-area .single-service-area-inner .innr { flex:1; display:flex; flex-direction:column; }
.rts-ervice-area .single-service-area-inner .innr p.disc { flex:0 0 auto; }
.rts-ervice-area .single-service-area-inner .check-wrapper { margin-top:auto; }
.rts-ervice-area .single-service-area-inner .innr a.btn { align-self:flex-start; }

/* A properly restrained continuation of Elever's supplied index-two brand swiper. */
.rts-brand-area .greenwood-clients-heading {
 font-size:clamp(26px,2.8vw,39px); line-height:1.2; color:#1F1F25;
 text-align:center; font-weight:700; margin-bottom:12px;
}
.rts-brand-area .greenwood-clients-intro { text-align:center; margin-bottom:35px; color:#647067; font-size:15px; }
.rts-brand-area .greenwood-clients-swiper { padding:4px 0 14px; }
.rts-brand-area .greenwood-clients-swiper .swiper-slide { height:auto; display:flex; align-items:center; justify-content:center; }
.rts-brand-area .greenwood-client-logo { width:100%; min-height:94px; display:flex; align-items:center; justify-content:center; }
.rts-brand-area .greenwood-client-logo img { display:block; max-width:100%; width:190px; height:75px; object-fit:contain; filter:grayscale(1); opacity:.85; transition: opacity .2s ease,filter .2s ease; }
.rts-brand-area .greenwood-client-logo img:hover { opacity:1; filter:none; }

/* Bring address alongside Useful Links and Services in the footer's third column.
   The logo itself stays as a clean brand anchor with socials below. */
.rts-footer-area .greenwood-footer-tagline { color:#BCC8C0; line-height:1.6; max-width:265px; margin:16px 0 22px; font-size:14px; }
.rts-footer-area .single-nav-area-footer.news-letter .greenwood-footer-address { color:#CBD4CE; margin:0 0 12px; }
.rts-footer-area .single-nav-area-footer.news-letter .greenwood-footer-address strong { display:none; }
.rts-footer-area .greenwood-footer-contact { line-height:1.8; margin-top:10px; }
.rts-footer-area .greenwood-footer-contact a { color:#fff; overflow-wrap:anywhere; }
.rts-footer-area .greenwood-footer-contact a:hover{color:#76C661;}
.rts-footer-area .copyright-wrapper .greenwood-copyright { font-size:12px; line-height:1.7; }

/* Replaced template counters in detail views are static and factual. */
.counterup-area-project-details .greenwood-project-fact { font-size:clamp(25px,2.3vw,35px); line-height:1.12; letter-spacing:-.02em; overflow-wrap:anywhere; }
.counterup-area-project-details .single-counter-up-area p.disc { line-height:1.45; }

/* Responsive media corrections: several Elever stock photos have an intrinsic
   width of 914px. Never allow those to stretch a project or service card. */
.single-project-card-inner .thumbnail,
.single-service-area-inner .thumbnail,
.single-blog-three .thumbnail,
.single-team-style-five .thumbnail,
.single-construction-portfolio .thumbnail { width: 100% !important; max-width:100% !important; display:block; overflow:hidden; }
.single-project-card-inner .thumbnail img,
.single-service-area-inner .thumbnail img,
.single-blog-three .thumbnail img,
.single-team-style-five .thumbnail > img,
.single-construction-portfolio .thumbnail img { width:100% !important; max-width:100% !important; height:auto; display:block; }
.swiper { overflow:hidden !important; max-width:100%; }
.swiper-wrapper { max-width:100%; }
#side-bar .thumbnail img { max-width:100%; height:auto; }
@media(max-width:1199px) {
 .rts-ervice-area .single-service-area-inner { min-height:0; }
}
@media(min-width:1200px) {
 .rts-ervice-area .single-service-area-inner { min-height:790px; }
}
/* Keep Bootstrap's grid gutters while clipping pre-existing off-canvas swiper
   and sidebar elements on narrow viewports. */
html, body { overflow-x: clip; }
/* The borrowed Elever team-carousel now represents services, not members of
   staff. Remove leftover personnel-card image ornaments. */
.team-area-swiper-wrapper-5 .single-team-style-five .thumbnail { border-radius:8px 8px 0 0; }
.team-area-swiper-wrapper-5 .single-team-style-five .thumbnail img { object-fit:cover; }

/* A uniform service-card grid across all rows, not merely matching heights
   within a Bootstrap flex row. Cards expand naturally to the tallest content. */
.rts-ervice-area .container > .row.g-24 {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  column-gap:24px; row-gap:24px;
  margin-inline:0;
}
.rts-ervice-area .container > .row.g-24 > [class*='col-'] {
  display:flex; width:auto !important; max-width:none !important;
  padding:0 !important; min-width:0;
}
.rts-ervice-area .single-service-area-inner { min-height:0 !important; }
@media(max-width:991px) { .rts-ervice-area .container > .row.g-24 { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:575px) { .rts-ervice-area .container > .row.g-24 { grid-template-columns:minmax(0,1fr); } }

/* October finish: motion, neutral surfaces, and button treatments. */
/* Primary CTA colours remain identical; remove the distracting physical movement. */
.rts-btn.btn-primary, a.rts-btn.btn-primary, button.rts-btn.btn-primary {transform:none !important; transition:background-color .2s ease,border-color .2s ease !important;}
.rts-btn.btn-primary:hover, a.rts-btn.btn-primary:hover, button.rts-btn.btn-primary:hover {transform:none !important;}
.rts-btn.btn-primary::after {display:none !important;}
/* White secondary CTAs: complementary outlined white, subtle sage edge and no green flooding. */
.rts-btn.btn-white, a.rts-btn.btn-white { background:#fff !important; color:#26302A !important;
 border:1px solid #fff !important; border-left:4px solid #98BA9B !important;
 border-radius:4px !important; box-shadow:none !important; text-transform:none;
 letter-spacing:.01em; transform:none !important;
 transition:background-color .2s ease,border-color .2s ease,color .2s ease !important; }
.rts-btn.btn-white:hover, a.rts-btn.btn-white:hover {background:#F2F5F1 !important;
 color:#26302A !important; border-color:#F2F5F1 !important; border-left-color:#218804 !important;transform:none !important;}
.rts-btn.btn-white::after {display:none !important;}
.rts-btn.btn-white:focus-visible {outline:2px solid #218804;outline-offset:3px;}
/* Continuous movement for the contractor logo carousel (using the original Elever Swiper). */
.greenwood-clients-swiper .swiper-wrapper {transition-timing-function:linear !important;}
.greenwood-clients-swiper .swiper-slide {min-width:0;}
/* The original working-process marquee collided with its heading. Keep the
   process heading completely static and readable at every breakpoint. */
.our-working-process-area-4 {height:auto !important; min-height:400px;
 background-size:cover; background-position:center; display:flex; align-items:center;
 padding:85px 0 140px;}
.our-working-process-area-4 .title-center-wrapper-4 {margin:0 auto !important;max-width:920px;}
.our-working-process-area-4 .title-center-wrapper-4 .title {font-size:clamp(29px,3.6vw,48px);
 color:#fff; line-height:1.14;max-width:100%;white-space:normal;overflow-wrap:break-word;}
.our-working-process-area-4 .title-center-wrapper-4 .disc {max-width:700px !important;
 margin:16px auto 0;font-size:clamp(14px,1.2vw,17px);line-height:1.65;}
@media(max-width:767px){.our-working-process-area-4 {min-height:325px;padding:55px 0 100px;}}
/* Retain original photograph layout but remove the photo reveal cover. */
.about-service-main-wrapper .reveal-animation,
.about-us-area-five .reveal-animation {display:none !important;}
.about-service-main-wrapper .reveal-item img,
.about-us-area-five .right-thumbnail img {transform:none !important; transition:none !important;opacity:1 !important;}
.about-service-main-wrapper .reveal-item,
.about-us-area-five .right-thumbnail {transform:none !important;animation:none !important;}
/* The old beige/orange About capabilities backdrop is replaced with a matte
   sage-charcoal surface. All supplied cards and typography are untouched. */
.bg-color-gradient-2 {background:#28362E !important;background-image:none !important;}
/* Neutral background throughout the site, no old #EFEBE7 beige. */
body {background-color:#F2F5F1;}
@media(prefers-reduced-motion:reduce){
 .greenwood-clients-swiper .swiper-wrapper,.mySwiper-portfolio-two .swiper-wrapper {transition-duration:0ms !important;}
}
/* Project categories: compact segmented-style filters, not underlined caps. */
.rts-projects-area-inner .nav.nav-tabs { display:flex; flex-wrap:wrap; justify-content:center;
 gap:10px !important; margin-bottom:44px; }
.rts-projects-area-inner .nav.nav-tabs li {margin:0;}
.rts-projects-area-inner .nav.nav-tabs li button.nav-link {
 display:inline-flex; align-items:center;justify-content:center; white-space:nowrap;
 min-height:44px; padding:10px 21px !important; border:1px solid #D4DDD5 !important;
 border-radius:5px !important;background:#fff !important; color:#354139 !important;
 font-size:14px !important; line-height:1.2; font-weight:600 !important;
 text-transform:none !important; text-decoration:none !important;
 transition:background-color .2s ease,border-color .2s ease,color .2s ease; }
.rts-projects-area-inner .nav.nav-tabs li button.nav-link:hover:not(.active) {
 background:#F2F5F1 !important; border-color:#98BA9B !important; color:#1D4E1D !important;
}
.rts-projects-area-inner .nav.nav-tabs li button.nav-link.active,
.rts-projects-area-inner .nav.nav-tabs li button.nav-link[aria-selected='true'] {
 background:#26302A !important; color:#fff !important; border-color:#26302A !important;
 text-decoration:none !important; box-shadow:inset 3px 0 0 #218804 !important;
}
.rts-projects-area-inner .nav.nav-tabs li button.nav-link:focus-visible {
 outline:2px solid #218804 !important;outline-offset:3px;
}
@media(max-width:450px){.rts-projects-area-inner .nav.nav-tabs{gap:7px !important;}
 .rts-projects-area-inner .nav.nav-tabs li button.nav-link {padding:9px 12px !important;font-size:13px !important; min-height:40px;}}