/* Code Generated by Sidekick is for learning and experimentation purposes only. */
    :root{
      --rm-ink: #1b1f1d;
      --rm-muted: #6b7a70;
      --rm-green: #1f3d2b;
      --rm-green-2: #2c5a41;
      --rm-border: rgba(31, 61, 43, 0.35);
      --rm-bg: #f3f4f2; /* light grey bar background like your image */
    }

    body{
      margin: 0;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      color: var(--rm-ink);
      background: #fff;
    }

    .rm-navbar{
      background: var(--rm-bg);
      border-bottom: 1px solid rgba(0,0,0,0.06);
      min-height: 88px;
    }

    .rm-container{
      //max-width: 1200px;
    }

    /* Brand */
    .rm-brand{
      display: inline-flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
    }
    .rm-logo{
      width: 44px;
      height: 44px;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
    }
    .rm-brand-name{
      font-weight: 700;
      font-size: 1.35rem;
      line-height: 1.05;
      color: var(--rm-green);
      letter-spacing: 0.2px;
    }
    .rm-brand-sub{
      font-size: 0.95rem;
      line-height: 1.05;
      color: var(--rm-muted);
    }

    /* Center links */
    .rm-navlinks .nav-link{
      color: #2b332f;
      font-weight: 500;
      padding: 0.25rem 0.25rem;
    }
    .rm-navlinks .nav-link:hover,
    .rm-navlinks .nav-link:focus{
      color: var(--rm-green);
    }
    .rm-navlinks .nav-link.active{
      color: #2b332f;
    }

    /* Buttons */
    .rm-btn{
      border-radius: 12px;
      padding: 0.6rem 1.15rem;
      font-weight: 600;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.6rem;
      white-space: nowrap;
    }
    .rm-btn-outline{
      color: var(--rm-green);
      border: 1.5px solid var(--rm-border);
      background: transparent;
    }
    .rm-btn-outline:hover,
    .rm-btn-outline:focus{
      color: var(--rm-green);
      border-color: var(--rm-green);
      background: rgba(31, 61, 43, 0.06);
    }
    .rm-btn-solid{
      color: #fff;
      background: var(--rm-green);
      border: 1.5px solid var(--rm-green);
    }
    .rm-btn-solid:hover,
    .rm-btn-solid:focus{
      background: var(--rm-green-2);
      border-color: var(--rm-green-2);
    }

    /* Collapsed mobile panel styling */
    @media (max-width: 991.98px){
      .rm-navlinks{
        border-top: 1px solid rgba(0,0,0,0.08);
        margin-top: 0.75rem;
        padding-top: 0.75rem;
      }
    }
      /* Stats */
.rm-stats{
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,.08);
  display:flex;
  flex-wrap:wrap;
  gap: 14px 22px;
  color:#4b5850;
  font-weight: 650;
}
.rm-stat{ display:flex; align-items:center; gap:10px; }
.rm-stat-ic{
  width: 30px; height: 30px;
  border-radius: 999px;
  background: rgba(31,61,43,.10);
  display:inline-grid;
  place-items:center;
  color: var(--rm-green);
  font-weight: 900;
}

/* Right media + glass overlay */
.rm-media{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  background: #ddd;
  box-shadow: var(--rm-shadow);
}
.rm-media-img{
  width: 100%;
  height: clamp(340px, 46vw, 580px);
  object-fit: cover;
  display:block;
}

.rm-glass{
  position:absolute;
  left: 24px;
  right: 24px;
  bottom: 22px;
  border-radius: 14px;
  padding: 16px 18px;
  background: rgba(255,255,255,.22);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(12px);
  display:grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 14px;
  align-items:center;
}
.rm-glass-divider{
  width: 1px;
  height: 46px;
  background: rgba(255,255,255,.55);
  justify-self: center;
}
.rm-kpi{
  font-family: var(--bs-body-font-family);
  font-weight: 700;
  font-size: 1.45rem;
  color: var(--rm-green);
  line-height: 1.1;
  text-align:center;
}
.rm-kpi-sub{
  text-align:center;
  color: rgba(27,31,29,.75);
  font-size: .9rem;
  margin-top: 2px;
}

/* Floating button (left) */
.rm-fab{
  position: absolute;
  left: 18px;
  bottom: 24px;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  display:inline-grid;
  place-items:center;
}
.rm-fab:focus-visible{ outline: 3px solid rgba(31,61,43,.35); outline-offset: 2px; }

/* Mobile */
@media (max-width: 991.98px){
  .rm-navlinks{
    border-top: 1px solid rgba(0,0,0,.08);
    margin-top: .75rem;
    padding-top: .75rem;
  }
  .rm-glass{
    left: 16px; right: 16px; bottom: 16px;
    grid-template-columns: 1fr;
    text-align: center;
  }
  .rm-glass-divider{ display:none; }
}
/* CTAs */
.rm-cta{
  border-radius: 14px;
  padding: .9rem 1.25rem;
  font-weight: 750;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  white-space: nowrap;
}
.rm-cta-solid{
  background: var(--rm-green);
  border: 1px solid var(--rm-green);
  color:#fff;
  box-shadow: 0 14px 28px rgba(31,61,43,.18);
}
.rm-cta-solid:hover,
.rm-cta-solid:focus{
  background: var(--rm-green-2);
  border-color: var(--rm-green-2);
  color:#fff;
}
.rm-cta-green{
  background: #2a5a40;
  border: 1px solid #2a5a40;
  color:#fff;
}
.rm-cta-green:hover,
.rm-cta-green:focus{
  background: var(--rm-green);
  border-color: var(--rm-green);
  color:#fff;
}
.rm-arrow{ font-size: 1.15rem; line-height: 1; }
/* Feature tiles */
.rm-tile{
  background: rgba(255,255,255,.72);
  border: 1px solid var(--rm-border);
  border-radius: 12px;
  padding: 14px 14px;
  display:flex;
  align-items:center;
  gap: 12px;
  min-height: 58px;
  color:#2b332f;
  font-weight: 650;
}
.rm-tile-ic{
  width: 36px; height: 36px;
  border-radius: 10px;
  display:inline-grid;
  place-items:center;
  background: rgba(31,61,43,.08);
  color: var(--rm-green);
  flex: 0 0 auto;
}
.rm-btn{
  border-radius: 12px;
  padding: .6rem 1.15rem;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  white-space: nowrap;
}
.rm-btn-outline{
  background: transparent;
  border: 1.5px solid rgba(31,61,43,.35);
  color: var(--rm-green);
}
.rm-btn-outline:hover,
.rm-btn-outline:focus{
  background: rgba(31,61,43,.06);
  border-color: var(--rm-green);
  color: var(--rm-green);
}
.rm-btn-solid{
  background: var(--rm-green);
  border: 1.5px solid var(--rm-green);
  color:#fff;
}
.rm-btn-solid:hover,
.rm-btn-solid:focus{
  background: var(--rm-green-2);
  border-color: var(--rm-green-2);
  color:#fff;
}
/* HERO BACKGROUND (subtle dotted) */
.rm-hero{
  position: relative;
  background:
    radial-gradient(circle at 1px 1px, rgba(0,0,0,.055) 1px, transparent 0) 0 0 / 28px 28px,
    linear-gradient(180deg, #f7f7f4 0%, #f7f7f4 100%);
}
@media (min-width: 992px){
  .py-lg-6{ padding-top: 4rem !important; padding-bottom: 4rem !important; }
}
/* Tag chip */
.rm-chip{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding: .55rem .95rem;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  border: 1px solid rgba(0,0,0,.08);
  backdrop-filter: blur(8px);
  color:#223028;
  font-weight: 520;
}
.rm-chip-ic{ display:inline-grid; place-items:center; }

/* Headline */
.rm-h1{
margin: 18px 0 14px;
    font-family: var(--bs-body-font-family);
    font-weight: 700;
    letter-spacing: 0.3px;
    line-height: 34px;
    font-size: 27px;
    color: #222;
}
.rm-h1-accent{
  color: var(--rm-green);
  position: relative;
  display: inline-block;
}
.rm-h1-accent::after{
  content:"";
  position:absolute;
  left: .08em;
  right: .45em;
  bottom: -0.12em;
  height: 3px;
  border-radius: 999px;
  background: var(--rm-gold);
}

.rm-lead{
  max-width: 52ch;
  color:#4b5850;
  font-size: 1.05rem;
  line-height: 1.65;
  margin: 0;
}      
  /* Code Generated by Sidekick is for learning and experimentation purposes only. */
:root{
  --rm-green:#1f3d2b;
  --rm-green-2:#2c5a41;
  --rm-ink:#1b1f1d;
  --rm-muted:#6b7a70;
  --rm-bg:#f7f7f4;
  --rm-card:#f3f2ee;
  --rm-border:rgba(27,31,29,.08);
  --rm-shadow:0 18px 44px rgba(0,0,0,.10);
  --rm-radius:18px;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
      {
          --bs-gutter-x: 0.1rem;
      }
.rm-services{
  background:#fefefe;
  padding: clamp(56px, 7vw, 92px) 0;
}

.rm-services__container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.rm-services__head{
  text-align: center;
  margin-bottom: clamp(28px, 3.6vw, 44px);
}

.rm-pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.07);
  backdrop-filter: blur(8px);
  color: #24322a;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: .2px;
}
.rm-pill__spark{
  width: 20px; height: 20px;
  display:inline-grid;
  place-items:center;
  border-radius: 8px;
  background: rgba(31,61,43,.08);
  color: var(--rm-green);
  font-weight: 800;
}

.rm-services__title{
  margin: 18px 0 10px;
  font-family: var(--bs-body-font-family);
  font-weight: 700;
  letter-spacing: -.6px;
  font-size: clamp(34px, 4.2vw, 54px);
  color: #2a2f2c;
}

.rm-services__sub{
  margin: 0 auto;
  max-width: 74ch;
  color: #58645d;
  font-size: 16px;
  line-height: 1.75;
}

.rm-services__grid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.rm-card{
  background: var(--rm-card);
  border: 1px solid rgba(0,0,0,.07);
  border-radius: var(--rm-radius);
  padding: 26px 24px 22px;
  min-height: 520px;
  display:flex;
  flex-direction: column;
  transform: translateY(10px);
  opacity: 0;
  transition:
    transform .45s ease,
    opacity .45s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

.rm-card.is-in{
  transform: translateY(0);
  opacity: 1;
}

.rm-card:hover{
  border-color: rgba(31,61,43,.22);
  box-shadow: var(--rm-shadow);
  transform: translateY(-2px);
}

.rm-card__icon{
  width: 44px; height: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(0,0,0,.06);
  color: var(--rm-green);
  display:inline-grid;
  place-items:center;
  margin-bottom: 14px;
}

.rm-card__title{
  margin: 6px 0 8px;
  font-family: var(--bs-body-font-family);
  font-weight: 700;
  letter-spacing: -.2px;
  font-size: 22px;
  color: #2a2f2c;
}

.rm-card__desc{
  margin: 0 0 16px;
  color: #606c65;
  line-height: 1.75;
  font-size: 14px;
}

.rm-list{
  list-style: none;
  padding: 0;
  margin: 10px 0 18px;
  display:flex;
  flex-direction: column;
  gap: 10px;
}

.rm-list__item{
  display:flex;
  align-items:center;
  gap: 10px;
  color: #2f3a34;
  font-weight: 600;
  font-size: 13px;
}

.rm-list__item::before{
  content:"✓";
  width: 18px; height: 18px;
  border-radius: 999px;
  background: rgba(31,61,43,.14);
  color: var(--rm-green);
  display:inline-grid;
  place-items:center;
  font-size: 12px;
  font-weight: 900;
  flex: 0 0 auto;
}

.rm-card__link{
  margin-top: auto;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  color: var(--rm-green);
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  padding-top: 6px;
}

.rm-card__link:hover,
.rm-card__link:focus-visible{
  text-decoration: underline;
  text-underline-offset: 4px;
}

.rm-arrow{ font-size: 16px; line-height: 1; }

/* Responsive */
@media (max-width: 1100px){
  .rm-services__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rm-card{ min-height: 480px; }
}
@media (max-width: 640px){
  .rm-services__container{ padding: 0 16px; }
  .rm-services__grid{ grid-template-columns: 1fr; }
  .rm-card{ min-height: auto; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .rm-card, .rm-card.is-in{ transition: none; transform: none; opacity: 1; }
}
   
      /*--------------------section-2----------*/
      .rm-why{
      --rm-bg: #fbfaf7;
      --rm-card: #f5f3ee;
      --rm-border: #e7e3da;
      --rm-ink: #1f2a24;
      --rm-muted: #66736b;
      --rm-accent: #1f3b2f;
      background: var(--rm-bg);
    }
    .rm-why.py-lg-6{ padding-top: 5rem; padding-bottom: 5rem; }
    .rm-why__head{ max-width: 860px; }
    .rm-why__pill{
      display:inline-flex; align-items:center; gap:.5rem;
      padding:.6rem 1.05rem;
      border:1px solid var(--rm-border);
      border-radius:999px;
      background:#fff;
      color:var(--rm-accent);
      font-weight:600;
      font-size:.95rem;
      letter-spacing:.1px;
    }
    .rm-why__pill-ico{ display:block; }
    .rm-why__title{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: clamp(2.2rem, 3.4vw, 3.4rem);
      line-height: 1.08;
    }
    .rm-why__subtitle{
      color: var(--rm-muted);
      font-size: 1.05rem;
      line-height: 1.65;
    }
    .rm-why__card{
      background: var(--rm-card);
      border: 1px solid var(--rm-border);
      border-radius: 18px;
      padding: 1.35rem 1.35rem 1.5rem;
      box-shadow: 0 10px 30px rgba(0,0,0,.03);
      transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
    }
    .rm-why__card:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 40px rgba(0,0,0,.06);
      background: #f7f6f2;
    }
    .rm-why__card-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:1rem;
      margin-bottom:1rem;
    }
    .rm-why__icon{
      width: 44px; height: 44px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      background: #fff;
      border: 1px solid var(--rm-border);
      color: var(--rm-accent);
      flex: 0 0 auto;
    }
    .rm-why__metric-value{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: 1.55rem;
      line-height: 1.1;
    }
    .rm-why__metric-label{
      color: var(--rm-muted);
      font-size: .85rem;
      margin-top: .1rem;
    }
    .rm-why__card-title{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: 1.25rem;
      margin: .25rem 0 .65rem;
    }
    .rm-why__card-text{
      color: var(--rm-muted);
      line-height: 1.75;
      font-size: .98rem;
    }
    @media (min-width: 992px){
      .rm-why .g-lg-5{ --bs-gutter-x: 2.5rem; --bs-gutter-y: 2.5rem; }
    }
    @media (prefers-reduced-motion: reduce){
      .rm-why__card{ transition: none; }
      .rm-why__card:hover{ transform: none; }
    }
      /*--------------------section-2----------*/
      /*--------------------section-3----------*/
       .rm-app{
      --rm-bg: #fbfaf7;
      --rm-ink: #1f2a24;
      --rm-muted: #66736b;
      --rm-border: #e7e3da;
      --rm-chip: #f5f3ee;
      --rm-accent: #1f3b2f;
      background: var(--rm-bg);
      overflow: hidden;
    }
    .rm-app.py-lg-6{ padding-top: 5rem; padding-bottom: 5rem; }

    .rm-app__head{ max-width: 760px; }
    .rm-app__pill{
      display: inline-flex; align-items: center; gap: .55rem;
      padding: .55rem 1.05rem;
      border: 1px solid var(--rm-border);
      border-radius: 999px;
      background: #fff;
      color: var(--rm-accent);
      font-weight: 600;
      font-size: .92rem;
      letter-spacing: .1px;
    }
    .rm-app__pill-dot{
      width: 10px; height: 6px;
      border-radius: 999px;
      background: var(--rm-accent);
      display: inline-block;
    }

    .rm-app__title{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: clamp(2.1rem, 3vw, 3.25rem);
      line-height: 1.12;
    }
    .rm-app__subtitle{
      color: var(--rm-muted);
      font-size: 1.02rem;
      line-height: 1.65;
    }

    .rm-app__media{
      position: relative;
      border-radius: 14px;
      box-shadow: 0 16px 50px rgba(0,0,0,.10);
      background: #111;
      overflow: hidden;
    }
    .rm-app__img{
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      aspect-ratio: 16/10;
      transform: scale(1.001);
    }

    .rm-app__tag{
      position: absolute;
      top: 14px;
      left: 14px;
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      padding: .55rem .8rem;
      border-radius: 10px;
      background: rgba(0,0,0,.55);
      color: #fff;
      font-size: .85rem;
      border: 1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
    }
    .rm-app__tag-ico{
      width: 28px; height: 28px;
      display: grid; place-items: center;
      border-radius: 8px;
      background: rgba(255,255,255,.12);
      color: #fff;
    }

    .rm-app__content{ max-width: 560px; }
    .rm-app__h3{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: 1.65rem;
      line-height: 1.22;
      margin-bottom: .55rem;
    }
    .rm-app__text{
      color: var(--rm-muted);
      line-height: 1.75;
      margin-bottom: 0;
    }

    .rm-app__chip{
      border: 1px solid var(--rm-border);
      background: #fff;
      border-radius: 10px;
      padding: .85rem .95rem;
      display: flex;
      align-items: center;
      gap: .65rem;
      color: var(--rm-ink);
      font-size: .95rem;
      box-shadow: 0 10px 26px rgba(0,0,0,.03);
      height: 100%;
    }
    .rm-app__check{
      width: 22px; height: 22px;
      border-radius: 999px;
      display: grid; place-items: center;
      background: var(--rm-chip);
      border: 1px solid var(--rm-border);
      color: var(--rm-accent);
      flex: 0 0 auto;
    }

    .rm-app__btn{
      background: var(--rm-accent);
      color: #fff;
      border-radius: 10px;
      padding: .82rem 1.05rem;
      font-weight: 600;
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 14px 30px rgba(31,59,47,.18);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      text-decoration: none;
    }
    .rm-app__btn:hover,
    .rm-app__btn:focus{
      background: #173227;
      color: #fff;
    }
    .rm-app__btn:focus{
      outline: 0;
      box-shadow: 0 0 0 .25rem rgba(31,59,47,.20), 0 14px 30px rgba(31,59,47,.18);
    }

    /* Subtle reveal animation */
    .rm-reveal{
      opacity: 1;
      transform: translateY(10px);
      transition: opacity .5s ease, transform .5s ease;
    }
    .rm-reveal.is-visible{
      opacity: 1;
      transform: translateY(0);
    }
    @media (prefers-reduced-motion: reduce){
      .rm-reveal{ opacity: 1; transform: none; transition: none; }
    }

    /* Spacing like the mock */
    .rm-app__row{ padding-top: .25rem; padding-bottom: .25rem; }
    @media (min-width: 992px){
      .rm-app .g-lg-5{ --bs-gutter-x: 3rem; --bs-gutter-y: 3rem; }
      .rm-app__content{ padding-left: .25rem; padding-right: .25rem; }
    }
      /*--------------------section-3----------*/
      /* Code Generated by Sidekick is for learning and experimentation purposes only. */
    /* Code Generated by Sidekick is for learning and experimentation purposes only. */
    .rm-cta-fw{
      --rm-green-1:#1f3b2f;
      --rm-green-2:#173227;
      --rm-white:#fff;
      --rm-muted:rgba(255,255,255,.82);
      --rm-outline:rgba(255,255,255,.34);
      background: #fff;
    }

    /* makes the GREEN PANEL full-bleed even if this section sits inside a .container */
    .rm-cta-fw__wrap{
      //width: 100%;
      position: relative;
     
     
    }

    .rm-cta-fw__inner{  
        background: linear-gradient(180deg,var(--rm-green-1),var(--rm-green-2));
      border-radius: 26px;
      padding: 3.25rem 0;
      box-shadow: 0 18px 50px rgba(0,0,0,.14); }

    .rm-cta-fw__title{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-white);
      font-size: clamp(1.7rem, 3.2vw, 2.7rem);
      line-height: 1.15;
      letter-spacing: .2px;
    }

    .rm-cta-fw__subtitle{
      color: var(--rm-muted);
      font-size: 1.05rem;
      line-height: 1.7;
      max-width: 820px;
      margin-left: auto;
      margin-right: auto;
    }

    .rm-cta-fw__actions{
      display:flex;
      justify-content:center;
      align-items:center;
      gap: 1rem;
      flex-wrap: wrap;
    }

    .rm-cta-fw__btn{
      border-radius: 10px;
      padding: .95rem 1.25rem;
      font-weight: 600;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap: .6rem;
      min-width: min(340px, 92vw);
      border-width: 1px;
      text-decoration: none;
    }

    .rm-cta-fw__ico{
      width: 22px;
      height: 22px;
      display:grid;
      place-items:center;
      flex: 0 0 auto;
    }

    .rm-cta-fw__btn--light{
      background: var(--rm-white);
      color: var(--rm-green-1);
      border-color: rgba(0,0,0,.06);
      box-shadow: 0 14px 30px rgba(0,0,0,.18);
    }
    .rm-cta-fw__btn--light:hover,
    .rm-cta-fw__btn--light:focus{
      background: #f3f6f4;
      color: var(--rm-green-2);
    }

    .rm-cta-fw__btn--outline{
      background: transparent;
      color: var(--rm-white);
      border-color: var(--rm-outline);
    }
    .rm-cta-fw__btn--outline:hover,
    .rm-cta-fw__btn--outline:focus{
      background: rgba(255,255,255,.08);
      color: var(--rm-white);
      border-color: rgba(255,255,255,.5);
    }

    .rm-cta-fw__btn:focus{
      outline: 0;
      box-shadow: 0 0 0 .25rem rgba(255,255,255,.18);
    }

    @media (min-width: 992px){
      .rm-cta-fw__btn{ min-width: 320px; }
      .rm-cta-fw__wrap{ //padding: 4rem 0; }
    }

    @media (prefers-reduced-motion: reduce){
      .rm-cta-fw__btn{ transition: none !important; }
    }
      /*--------------------section-3----------*/
      /*--------------------section-5----------*/
      /* Code Generated by Sidekick is for learning and experimentation purposes only. */
    .rm-listings{
      --rm-bg: #fbfaf7;
      --rm-card: #ffffff;
      --rm-surface: #f5f3ee;
      --rm-border: #e7e3da;
      --rm-ink: #1f2a24;
      --rm-muted: #66736b;
      --rm-accent: #1f3b2f;
      background: var(--rm-bg);
    }
    .rm-listings.py-lg-6{ padding-top: 5rem; padding-bottom: 5rem; }

    .rm-listings__head{ max-width: 860px; }
    .rm-listings__pill{
      display:inline-flex; align-items:center; gap:.5rem;
      padding:.55rem 1.05rem;
      border:1px solid var(--rm-border);
      border-radius:999px;
      background:#fff;
      color:var(--rm-accent);
      font-weight:600;
      font-size:.92rem;
      letter-spacing:.1px;
    }
    .rm-listings__pill-ico{ display:grid; place-items:center; }

    .rm-listings__title{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: clamp(2.1rem, 3.2vw, 3.25rem);
      line-height: 1.12;
    }
    .rm-listings__subtitle{
      color: var(--rm-muted);
      font-size: 1.02rem;
      line-height: 1.65;
      max-width: 760px;
      margin-left: auto;
      margin-right: auto;
    }

    .rm-listings__card{
      background: var(--rm-card);
      border: 1px solid var(--rm-border);
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 18px 45px rgba(0,0,0,.06);
      transition: transform .18s ease, box-shadow .18s ease;
    }
    .rm-listings__card:hover{
      transform: translateY(-3px);
      box-shadow: 0 26px 60px rgba(0,0,0,.10);
    }

    .rm-listings__media{
      position: relative;
      background: #111;
      overflow: hidden;
    }
    .rm-listings__img{
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      aspect-ratio: 16/10;
      transform: scale(1.001);
    }

    .rm-listings__media-tags{
      position: absolute;
      inset: 14px 14px auto 14px;
      display:flex;
      justify-content: space-between;
      gap: .75rem;
      pointer-events: none;
    }
    .rm-listings__media-tag{
      font-size: .78rem;
      color: #fff;
      padding: .4rem .6rem;
      border-radius: 999px;
      background: rgba(0,0,0,.45);
      border: 1px solid rgba(255,255,255,.18);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      white-space: nowrap;
    }

    .rm-listings__body{ padding: 1.15rem 1.2rem 1.25rem; }

    .rm-listings__h3{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
      font-weight: 700;
      color: var(--rm-ink);
      font-size: 1.35rem;
      line-height: 1.25;
      margin: .15rem 0 .55rem;
    }

    .rm-listings__loc{
      display:flex;
      align-items:center;
      gap: .5rem;
      color: var(--rm-muted);
      font-size: .95rem;
      margin-bottom: .75rem;
    }
    .rm-listings__pin{
      width: 20px; height: 20px;
      display:grid; place-items:center;
      color: var(--rm-accent);
      opacity: .9;
      flex: 0 0 auto;
    }

    .rm-listings__rule{
      border: 0;
      border-top: 1px solid var(--rm-border);
      margin: .75rem 0 .9rem;
      opacity: 1;
    }

    .rm-listings__kv{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 1rem;
    }
    .rm-listings__kv-k{
      color: var(--rm-muted);
      font-size: .78rem;
      letter-spacing: .2px;
      margin-bottom: .15rem;
    }
    .rm-listings__kv-v{
      color: var(--rm-ink);
      font-weight: 700;
      font-size: .98rem;
    }

    .rm-listings__stats{
      margin-top: 1rem;
      background: var(--rm-surface);
      border: 1px solid var(--rm-border);
      border-radius: 12px;
      padding: .8rem .75rem;
      display:grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: .5rem;
    }
    .rm-listings__stat{
      display:flex;
      align-items:center;
      gap: .55rem;
      min-height: 44px;
    }
    .rm-listings__stat-ico{
      width: 34px; height: 34px;
      border-radius: 10px;
      display:grid; place-items:center;
      background: #fff;
      border: 1px solid var(--rm-border);
      color: var(--rm-accent);
      flex: 0 0 auto;
    }
    .rm-listings__stat-v{
      color: var(--rm-ink);
      font-weight: 600;
      font-size: .86rem;
      line-height: 1.15;
    }

    .rm-listings__bullets{
      margin: .95rem 0 1rem;
      padding: 0;
      list-style: none;
      display:grid;
      gap: .5rem;
      color: var(--rm-muted);
      font-size: .92rem;
    }
    .rm-listings__bullets li{
      display:flex;
      align-items:center;
      gap: .55rem;
    }
    .rm-listings__dot{
      width: 10px; height: 10px;
      border-radius: 999px;
      background: var(--rm-accent);
      box-shadow: 0 0 0 3px rgba(31,59,47,.10);
      flex: 0 0 auto;
    }

    .rm-listings__btn{
      background: var(--rm-accent);
      color: #fff;
      border-radius: 10px;
      padding: .9rem 1.05rem;
      font-weight: 600;
      border: 1px solid rgba(0,0,0,.08);
      box-shadow: 0 14px 28px rgba(31,59,47,.18);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration: none;
    }
    .rm-listings__btn:hover,
    .rm-listings__btn:focus{
      background: #173227;
      color: #fff;
    }

    .rm-listings__btn-outline{
      background: transparent;
      color: var(--rm-accent);
      border: 1px solid rgba(31,59,47,.35);
      border-radius: 10px;
      padding: .9rem 1.25rem;
      font-weight: 700;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-decoration: none;
      min-width: min(420px, 92vw);
    }
    .rm-listings__btn-outline:hover,
    .rm-listings__btn-outline:focus{
      background: rgba(31,59,47,.06);
      color: var(--rm-accent);
      border-color: rgba(31,59,47,.55);
    }

    .rm-listings__btn:focus,
    .rm-listings__btn-outline:focus{
      outline: 0;
      box-shadow: 0 0 0 .25rem rgba(31,59,47,.18);
    }

    /* Reveal */
    .rm-reveal{
      opacity: 1;
      transform: translateY(10px);
      transition: opacity .5s ease, transform .5s ease;
    }
    .rm-reveal.is-visible{ opacity: 1; transform: translateY(0); }
    @media (prefers-reduced-motion: reduce){
      .rm-reveal{ opacity: 1; transform: none; transition: none; }
      .rm-listings__card{ transition: none; }
      .rm-listings__card:hover{ transform:none; }
    }
    @media (max-width: 575.98px){
      .rm-listings__stats{ grid-template-columns: 1fr; }
      .rm-listings__media-tags{ inset: 12px 12px auto 12px; }
    }
      /* Make the card a vertical layout */
.rm-listings__card{
  display: flex;
  flex-direction: column;
  height: 100%;
}
  #our-approach{
          background:#eaeaea;
      }
/* Keep image area at top, content grows */
.rm-listings__media{ flex: 0 0 auto; }
.rm-listings__body{
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

/* Push the main button to the bottom */
.rm-listings__body .rm-listings__btn{
  margin-top: auto;
}
   
      /*--------------------section-5----------*/
      /*--------------------section-6----------*/
      /* Code Generated by Sidekick is for learning and experimentation purposes only. */

  :root{
    --rm-bg: #fbfaf7;
    --rm-card: #f6f4ef;
    --rm-white: #ffffff;
    --rm-border: #e7e3da;
    --rm-ink: #1f2a24;
    --rm-muted: #66736b;
    --rm-green: #1f3b2f;
    --rm-green-2:#173227;
  }

  /* shared */
  .rm-why, .rm-approach, .rm-blog{ background: #deddd9; }
  .py-lg-6{ padding-top: 5rem; padding-bottom: 5rem; }

  .rm-head{ max-width: 900px; }
  .rm-pill{
    display:inline-flex; align-items:center; gap:.5rem;
    padding:.55rem 1.05rem;
    border:1px solid var(--rm-border);
    border-radius:999px;
    background: var(--rm-white);
    color: var(--rm-green);
    font-weight:600;
    font-size:.92rem;
    letter-spacing:.1px;
  }
  .rm-pill__ico{ display:grid; place-items:center; }

  .rm-title{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    color: var(--rm-ink);
    font-size: clamp(2.1rem, 3.2vw, 3.25rem);
    line-height: 1.12;
    margin: 0;
  }
  .rm-subtitle{
    color: var(--rm-muted);
    font-size: 1.02rem;
    line-height: 1.65;
    max-width: 780px;
    margin-left:auto;
    margin-right:auto;
  }

  /* WHY cards */
  .rm-why__card{
    background: var(--rm-card);
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    padding: 1.15rem 1.15rem 1.25rem;
    box-shadow: 0 18px 45px rgba(0,0,0,.06);
  }
  .rm-why__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap: 1rem;
    margin-bottom: .95rem;
  }
  .rm-why__icon{
    width: 44px; height: 44px;
    border-radius: 12px;
    display:grid; place-items:center;
    background: var(--rm-white);
    border: 1px solid var(--rm-border);
    color: var(--rm-green);
    flex: 0 0 auto;
  }
  .rm-why__statV{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    color: var(--rm-ink);
    font-size: 1.4rem;
    line-height: 1.05;
  }
  .rm-why__statK{
    color: var(--rm-muted);
    font-size: .86rem;
    margin-top: .15rem;
  }
  .rm-why__h3{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    color: var(--rm-ink);
    font-size: 1.28rem;
    line-height: 1.25;
    margin: 0 0 .65rem;
  }
  .rm-why__p{
    color: var(--rm-muted);
    font-size: .98rem;
    line-height: 1.7;
  }

  /* APPROACH */
  .rm-approach__media{
    position: relative;
    border-radius: 18px;
    overflow:hidden;
    box-shadow: 0 22px 60px rgba(0,0,0,.12);
    border: 1px solid rgba(0,0,0,.05);
    background: #111;
  }
  .rm-approach__img{
    width: 100%;
    height: auto;
    display:block;
    aspect-ratio: 16/10;
    object-fit: cover;
  }
  .rm-approach__badge{
    position:absolute;
    top: 14px;
    left: 14px;
    padding: .4rem .7rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 600;
    color: #fff;
    background: rgba(0,0,0,.40);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .rm-approach__h3{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    color: var(--rm-ink);
    font-size: 1.65rem;
    margin: 0 0 .5rem;
    line-height: 1.2;
  }
  .rm-approach__p{
    color: var(--rm-muted);
    line-height: 1.7;
    margin-bottom: 1rem;
  }
  .rm-approach__checks{
    display:grid;
    grid-template-columns: 1fr;
    gap: .75rem;
    margin-bottom: .5rem;
  }
  @media (min-width: 768px){
    .rm-approach__checks{ grid-template-columns: 1fr 1fr; }
  }
  .rm-check{
    display:flex;
    align-items:center;
    gap: .65rem;
    padding: .85rem .95rem;
    border-radius: 10px;
    background: var(--rm-white);
    border: 1px solid var(--rm-border);
    color: var(--rm-ink);
    font-weight: 600;
    font-size: .93rem;
  }
  .rm-check__ico{
    width: 22px; height: 22px;
    display:grid; place-items:center;
    border-radius: 999px;
    background: rgba(31,59,47,.12);
    color: var(--rm-green);
    font-weight: 800;
    flex: 0 0 auto;
  }

  /* Buttons */
  .rm-btn{
    border-radius: 10px;
    padding: .85rem 1.1rem;
    font-weight: 700;
    display:inline-flex;
    align-items:center;
    gap: .55rem;
    text-decoration:none;
    border-width: 1px;
  }
  .rm-btn--primary{
    background: var(--rm-green);
    border-color: rgba(0,0,0,.08);
    color: #fff;
    box-shadow: 0 14px 28px rgba(31,59,47,.18);
  }
  .rm-btn--primary:hover,
  .rm-btn--primary:focus{
    background: var(--rm-green-2);
    color:#fff;
  }
  .rm-btn__arrow{ display:inline-block; transform: translateY(1px); }

  /* BLOG */
  .rm-blog__card{
    background: var(--rm-white);
    border: 1px solid var(--rm-border);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0,0,0,.06);
    display:flex;
    flex-direction: column;
  }
  .rm-blog__media{ position:relative; background:#111; }
  .rm-blog__img{
    width:100%;
    height:auto;
    display:block;
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  .rm-blog__cat{
    position:absolute;
    top: 14px; left: 14px;
    padding: .35rem .65rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    color: #fff;
    background: rgba(0,0,0,.40);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .rm-blog__body{
    padding: 1.05rem 1.15rem 1.1rem;
    display:flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  .rm-blog__meta{
    display:flex;
    justify-content: space-between;
    gap: .75rem;
    color: var(--rm-muted);
    font-size: .86rem;
    margin-bottom: .6rem;
  }
  .rm-blog__metaItem{ display:inline-flex; align-items:center; gap:.4rem; }
  .rm-blog__metaIco{ opacity: .75; }

  .rm-blog__h3{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    font-weight: 700;
    color: var(--rm-ink);
    font-size: 1.25rem;
    line-height: 1.25;
    margin: .1rem 0 .6rem;
  }
  .rm-blog__p{
    color: var(--rm-muted);
    line-height: 1.7;
    margin: 0 0 .9rem;
  }
  .rm-blog__tags{ display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom: .85rem; }
  .rm-tag{
    font-size: .78rem;
    font-weight: 700;
    color: #2a3a33;
    background: #f5f3ee;
    border: 1px solid var(--rm-border);
    padding: .35rem .6rem;
    border-radius: 8px;
  }
  .rm-blog__rule{
    border: 0;
    border-top: 1px solid var(--rm-border);
    opacity: 1;
    margin: .25rem 0 .85rem;
  }
  .rm-blog__foot{
    display:flex;
    justify-content: space-between;
    align-items:flex-end;
    gap: 1rem;
  }
  .rm-author{
    display:flex;
    align-items:center;
    gap: .6rem;
    color: var(--rm-ink);
  }
  .rm-author__ico{
    width: 34px; height: 34px;
    display:grid; place-items:center;
    border-radius: 10px;
    background: #f5f3ee;
    border: 1px solid var(--rm-border);
    color: var(--rm-green);
    flex: 0 0 auto;
  }
  .rm-author__name{ font-weight: 800; font-size: .92rem; line-height: 1.1; }
  .rm-author__role{ color: var(--rm-muted); font-size: .8rem; margin-top: .1rem; }

  .rm-read{
    color: var(--rm-green);
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
  }
  .rm-read:hover{ color: var(--rm-green-2); text-decoration: underline; }

  @media (prefers-reduced-motion: reduce){
    *{ scroll-behavior:auto !important; }
  }
      /*--------------------section-6----------*/
      /*--------------------section-7----------*/
        .rm-testimonials .rm-wrap{
      background:#fbfbfb;
      border:1px solid #eee;
      border-radius:24px;
      padding:clamp(22px,3.5vw,56px);
    }
    .rm-testimonials .rm-title{
      font-family: var(--bs-body-font-family);
      font-weight:700;
      letter-spacing:-.01em;
      color:#1f2328;
    }
    .rm-testimonials .rm-subtitle{ color:#6c757d; max-width:62ch; margin-inline:auto; }

    .rm-testimonials .rm-card{
      height:100%;
      background:#fff;
      border:1px solid #eee;
      border-radius:16px;
      transition:transform .2s ease, box-shadow .2s ease;
    }
    .rm-testimonials .rm-card:hover{
      transform:translateY(-2px);
      box-shadow:0 12px 26px rgba(0,0,0,.06);
    }
    .rm-testimonials .rm-stars{
      color:#d39a00;
      letter-spacing:2px;
      font-size:18px;
      line-height:1;
    }
    .rm-testimonials .rm-quote{
      color:#2b2f33;
      font-style:italic;
      min-height:110px;
    }
    .rm-testimonials hr{ border-color:#eee; opacity:1; }
    .rm-testimonials .rm-avatar{
      width:44px; height:44px; border-radius:50%;
      object-fit:cover; border:2px solid #f1f1f1;
    }
    .rm-testimonials .rm-name{ font-weight:600; margin-bottom:2px; }
    .rm-testimonials .rm-role{ color:#6c757d; font-size:.92rem; }

    /* Controls */
    .rm-testimonials .rm-ctrl{
      width:44px; height:44px; border-radius:999px;
      border:1px solid #eee; background:#fff;
      top:50%; transform:translateY(-50%);
      opacity:1;
    }
    .rm-testimonials .rm-ctrl:hover{ background:#f8f9fa; }
    .rm-testimonials .carousel-control-prev.rm-ctrl{ left:-8px; }
    .rm-testimonials .carousel-control-next.rm-ctrl{ right:-8px; }
    @media (max-width: 992px){
      .rm-testimonials .carousel-control-prev.rm-ctrl{ left:-2px; }
      .rm-testimonials .carousel-control-next.rm-ctrl{ right:-2px; }
    }
    .rm-testimonials .carousel-control-prev-icon,
    .rm-testimonials .carousel-control-next-icon{
      filter: invert(24%) sepia(9%) saturate(450%) hue-rotate(169deg) brightness(90%) contrast(90%);
      width:18px; height:18px;
    }

    /* Layout + gaps */
    .rm-testimonials .rm-slide-row{ margin:0 -10px; }
    .rm-testimonials .rm-slide-col{ padding:10px; }

    /* Multi-item carousel: show 1 on mobile, 3 on md+ */
    .rm-testimonials .carousel-item { padding: 2px; }
    @media (min-width: 768px){
      .rm-testimonials .carousel-item{ display:flex; }
      .rm-testimonials .carousel-item > .rm-slide-col{ display:block; }
      .rm-testimonials .carousel-item > .rm-slide-col{ flex:0 0 33.3333%; max-width:33.3333%; }
      .rm-testimonials .carousel-item .rm-clone{ display:block; }
    }
    @media (max-width: 767.98px){
      .rm-testimonials .rm-clone{ display:none; }
    }
      /*--------------------section-7----------*/
     
      /* Code Generated by Sidekick is for learning and experimentation purposes only. */
    :root{
      --footer-bg: #183A2B;      /* deep green */
      --footer-bg-2: #1C4030;    /* slightly lighter */
      --footer-text: #EAF2EE;    /* off-white */
      --footer-muted: rgba(234,242,238,.78);
      --footer-line: rgba(255,255,255,.18);
      --accent: #C8A33A;         /* gold-ish */
    }

    .site-footer{
      background: var(--footer-bg);
      color: var(--footer-text);
    }

    .site-footer a{
      color: var(--footer-text);
      text-decoration: none;
    }
    .site-footer a:hover{
      color: #ffffff;
      text-decoration: underline;
      text-underline-offset: 3px;
    }

    .footer-top{
      padding: 3.25rem 0 2.5rem;
    }

    .footer-brand{
      display:flex;
      gap: 14px;
      align-items:flex-start;
      margin-bottom: 1rem;
    }
    .footer-logo{
      width: 44px;
      height: 44px;
      border-radius: 10px;
      background: rgba(255,255,255,.06);
      display:grid;
      place-items:center;
      overflow:hidden;
      flex: 0 0 auto;
    }
    .footer-logo img{
      width: 100%;
      height: 100%;
      object-fit: contain;
      padding: 6px;
    }

    .footer-desc{
      color: var(--footer-muted);
      line-height: 1.6;
      max-width: 420px;
      margin: .75rem 0 1.25rem;
    }

    .footer-h{
      font-weight: 700;
      letter-spacing: .2px;
      margin: .25rem 0 1rem;
    }

    .footer-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap: .75rem;
    }
    .footer-list a{
      color: var(--footer-muted);
    }
    .footer-list a:hover{
      color: #fff;
    }

    .contact-list{
      list-style:none;
      padding:0;
      margin:0;
      display:grid;
      gap: .9rem;
    }
    .contact-item{
      display:flex;
      gap: .75rem;
      align-items:flex-start;
      color: var(--footer-text);
    }
    .contact-item .ci{
      width: 22px;
      height: 22px;
      display:inline-grid;
      place-items:center;
      margin-top: 2px;
      color: var(--accent);
      flex: 0 0 auto;
    }
    .contact-item .ct{
      color: var(--footer-text);
    }
    .contact-item .ct small{
      display:block;
      color: var(--footer-muted);
      margin-top: 2px;
      line-height: 1.35;
    }

    .social-row{
      display:flex;
      gap: 14px;
      margin-top: 1.25rem;
      flex-wrap: wrap;
    }
    .social-btn{
      width: 38px;
      height: 38px;
      border-radius: 10px;
      border: 1px solid rgba(255,255,255,.22);
      display:grid;
      place-items:center;
      color: var(--footer-text);
      background: rgba(255,255,255,.04);
      transition: transform .15s ease, background .15s ease, border-color .15s ease;
    }
    .social-btn:hover{
      transform: translateY(-1px);
      background: rgba(255,255,255,.08);
      border-color: rgba(255,255,255,.35);
      text-decoration:none;
    }

    .footer-bottom{
      background: var(--footer-bg-2);
      border-top: 1px solid var(--footer-line);
      padding: 1rem 0;
      position: relative;
    }
    .footer-bottom .muted{
      color: var(--footer-muted);
    }

    .badge-pill{
      display:inline-flex;
      gap:.5rem;
      align-items:center;
      padding: .35rem .6rem;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.04);
      color: var(--footer-muted);
      font-size: .875rem;
      white-space: nowrap;
    }
    .badge-pill .dot{
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: var(--accent);
      display:inline-block;
    }

    .footer-fab{
      position: absolute;
      left: 14px;
      bottom: 14px;
      width: 44px;
      height: 44px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.25);
      background: rgba(255,255,255,.9);
      color: #0F2D22;
      display:grid;
      place-items:center;
      box-shadow: 0 10px 22px rgba(0,0,0,.25);
      cursor:pointer;
    }
    .footer-fab:active{ transform: translateY(1px); }
/* ================= WHO WE ARE SECTION ================= */

.who-we-are-section {
  background: #FAFAF8;
  padding: 100px 20px;
}

.who-container {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  align-items: center;
}

/* Left Content */
.who-badge {
  display: inline-block;
  background: #eef3ef;
  color: #1F3D2B;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
}

.who-content h2 {
  font-size: 40px;
  line-height: 1.25;
  color: #1F3D2B;
  margin-bottom: 20px;
}

.who-desc {
  font-size: 17px;
  line-height: 1.7;
  color: #2F2F2F;
  margin-bottom: 30px;
  max-width: 520px;
}

.who-points {
  list-style: none;
  padding: 0;
  margin-bottom: 35px;
}

.who-points li {
  font-size: 16px;
  color: #2F2F2F;
  margin-bottom: 12px;
}

.who-btn {
  display: inline-block;
  background: #1F3D2B;
  color: #fff;
  padding: 14px 30px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s ease;
}

.who-btn:hover {
  background: #162c20;
}

/* Right Cards */
.who-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.who-card {
  background: #ffffff;
  padding: 28px;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.04);
  transition: 0.3s ease;
}

.who-card:hover {
  transform: translateY(-4px);
}

.who-card h4 {
  font-size: 18px;
  color: #1F3D2B;
  margin-bottom: 10px;
}

.who-card p {
  font-size: 15px;
  line-height: 1.6;
  color: #2F2F2F;
}
/* Center Title */

.who-title-wrap {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 70px;
}

.who-main-title {
  font-size: 46px;
  font-weight: 700;
  color: #1F3D2B;
  margin-bottom: 10px;
}

.who-subtitle {
  font-size: 17px;
  color: #2F2F2F;
  line-height: 1.6;
}
/* ================= PHILOSOPHY SECTION ================= */

.philosophy-section {
  background: linear-gradient(135deg, #1F3D2B 0%, #162c20 100%);
  padding: 120px 20px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

/* Soft abstract background glow */
.philosophy-section::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  background: rgba(255,255,255,0.06);
  border-radius: 50%;
  top: -120px;
  right: -120px;
}

.philosophy-wrapper {
  max-width: 1280px;
  margin: auto;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 2;
}

/* Content */

.philosophy-content h2 {
  font-size: 42px;
  line-height: 1.25;
  margin: 22px 0 20px;
  font-weight: 600;
}

.philosophy-content p {
  font-size: 17px;
  line-height: 1.7;
  max-width: 520px;
  color: rgba(255,255,255,0.85);
}

/* Principles */

.philosophy-principles {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.principle {
  border-left: 3px solid rgba(255,255,255,0.25);
  padding-left: 22px;
}

.principle span {
  font-size: 14px;
  opacity: 0.7;
  letter-spacing: 1px;
}

.principle h4 {
  font-size: 20px;
  margin-top: 6px;
  font-weight: 500;
}

/* Responsive */

@media(max-width: 991px) {
  .philosophy-wrapper {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .philosophy-content h2 {
    font-size: 32px;
  }
}

/* Mobile */
@media(max-width: 768px) {
  .who-main-title {
    font-size: 34px;
  }
}

/* Responsive */
@media(max-width: 991px) {
  .who-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .who-content h2 {
    font-size: 32px;
  }

  .who-cards {
    grid-template-columns: 1fr;
  }
}

    /* spacing similar to your screenshot */
    @media (min-width: 992px){
      .footer-col-gap{ padding-left: 1rem; }
    }