/* ==========================
--shadow-s: 0 6px 18px rgba(17,52,34,0.10);
--shadow-m: 0 16px 40px rgba(17,52,34,0.15);


/* Typography */
--ff-body: 'Inter', sans-serif;
--ff-heading: 'Poppins', var(--ff-body);
--fs-100: 12px; /* micro */
--fs-200: 14px;
--fs-300: 16px; /* body */
--fs-400: 18px;
--fs-500: 22px; /* section titles */
--fs-600: 28px; /* h3 */
--fs-700: 36px; /* h2 */
--fs-800: 46px; /* hero h1 */


--container-max: 1200px; /* can tune to match screenshot */
}


/* ===== Base Reset (lightweight) ===== */
html, body { height: 100%; font-family: 'Inter', sans-serif; }
body {
margin: 0;
background: var(--bg-50);
color: var(--ink-700);
font-family: 'Inter', sans-serif;
font-size: var(--fs-300);
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5, h6 {
color: var(--ink-900);
font-family: 'Inter', sans-serif;
font-weight: 700;
letter-spacing: -0.01em;
}


img { max-width: 100%; height: auto; display: block; }


a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-accent); }


/* Constrain Bootstrap container to match design */
.container { max-width: var(--container-max); }


/* ===== Helper Utilities (no visual design yet) ===== */
.bg-surface { background: var(--bg-0); box-shadow: var(--shadow-s); border-radius: var(--radius-m); }
.text-muted-ink { color: var(--ink-500) !important; }
.border-subtle { border: 1px solid var(--ink-100); }
.round-l { border-radius: var(--radius-l); }


/* Buttons – minimal base (styles will be refined per section) */
.btn-brand {
--btn-bg: var(--color-primary);
--btn-ink: var(--color-primary-ink);
background: var(--btn-bg);
color: var(--btn-ink);
border: 0;
border-radius: 999px;
padding: 10px 20px;
font-weight: 600;
}
.btn-brand:hover { background: var(--brand-600); color: #fff; }


/* WOW.js helper: ensure visibility off until animated */
.wow { visibility: hidden; }









/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

/* ——— tokens for header ——— */
:root{
  --ren-green:#2c7a4c;        /* brand text */
  --ren-green-dark:#184a2f;   /* logo dark */
  --ren-cta:#7CF28A;          /* light green CTA like ref */
  --ren-cta-hover:#63d973;
  --ink:#1f2e27;
}

/* layout */
.ren-header{position:absolute; top:0; left:0; right:0; z-index:2000}
.hdr-grid{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  gap:16px; padding:18px 0;
}
.container{max-width:1200px}

/* logo */
.brand{line-height:1; text-decoration:none}
.brand-txt{font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif; font-weight:800; font-size:34px; color:var(--ren-green-dark)}
.brand-dot{font-size:36px; color:var(--ren-green); margin-left:6px}

/* capsule nav (center) */
.nav-capsule{
  justify-self:center; max-width:800px;
  background:#ededed;           /* grey like reference */
  border-radius:40px; padding:10px;
  box-shadow:0 14px 28px rgba(0,0,0,.08);
}
.nav-list{display:flex; gap:6px; margin:0; padding:0; list-style:none}
.nav-list>li{position:relative}
.nav-list>li>a{
  display:block; padding:10px 22px; border-radius:28px;
  font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:700; color:#1f2e27;
}
.nav-list>li>a.active,
.nav-list>li>a:hover{background:#dedede}

/* dropdown */
.has-dd>.dd{
  position:absolute; top:calc(100% + 10px); left:8px; min-width:220px;
  background:#fff; border-radius:16px; padding:10px; list-style:none;
  box-shadow:0 18px 42px rgba(0,0,0,.16);
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:.18s ease;
}
.has-dd:hover>.dd{opacity:1; visibility:visible; transform:translateY(0)}
.has-dd .dd a{display:block; padding:10px 12px; border-radius:10px; color:var(--ink)}
.has-dd .dd a:hover{background:#f3f7f4}

/* CTA (right side) */
.btn-cta{
  background:var(--ren-cta); color:#0d2016; font-weight:700;
  padding:12px 22px; border-radius:999px; border:0; box-shadow:0 8px 20px rgba(124,242,138,.35)
}
.btn-cta:hover{background:var(--ren-cta-hover); color:#0d2016}

/* burger + mobile */
.nav-toggle{width:44px; height:40px; border:1px solid #e7ece9; border-radius:10px; background:#fff;
  display:grid; place-items:center; gap:4px; padding:6px}
.nav-toggle span{display:block; width:22px; height:2px; background:#222}

.nav-mobile{
  position:fixed; top:64px; left:12px; right:12px; background:#fff; border-radius:16px;
  box-shadow:0 16px 40px rgba(0,0,0,.15);
  transform:translateY(-16px); opacity:0; visibility:hidden; transition:.18s ease; z-index:1999
}
.nav-mobile.open{transform:translateY(0); opacity:1; visibility:visible}
.mnav{list-style:none; margin:0; padding:12px}
.mnav a{display:block; padding:10px 12px; border-radius:12px; color:#222; font-weight:600}
.mnav a.active,.mnav a:hover{background:#f1f7f2}
.m-has-dd .m-dd-btn{width:100%; padding:10px 12px; border:0; background:#f2f2f2; border-radius:12px; font-weight:700; text-align:left}
.m-has-dd .m-dd{list-style:none; margin:6px 0 0; padding:6px 0 0 10px; display:none}
.m-has-dd.open .m-dd{display:block}

/* responsive: desktop capsule only */
@media (max-width:991.98px){ .nav-capsule{display:none} }


/************************************************************************/

/* Hero */
.hero{
  position:relative;
  min-height:clamp(500px,80vh,720px);
  display:flex; align-items:center;
}
.hero-media{
  position:absolute; inset:0;
  background:url('//assets/img/image10.jpg')
             center/cover no-repeat;
  z-index:1;
}
.hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,0) 100%);
  z-index:2;
}
.hero-copy{position:relative; z-index:3}
.hero-title{
  font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:700;
  font-size:clamp(32px,4.6vw,52px);
  line-height:1.15;
  color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.35);
  margin:0 0 16px;
}

/* CTA button */
.btn-cta{
  background:#7CF28A; color:#0d2016; font-weight:700;
  padding:12px 28px; border-radius:999px; border:0;
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.15);
  transition:.2s ease;
}
.btn-cta:hover{background:#63d973; color:#0d2016}
.btn-lg{font-size:18px; padding:14px 32px}


/***************************************/

/* ===== Stats + Who We Are ===== */
.stats-sec{
  background:#f4f7f4;                 /* matches reference section tint */
  padding:56px 0 48px;                 /* top/bottom spacing like screenshot */
}

.stats-intro{
  text-align:center;
  max-width:820px; margin:0 auto 28px;
}
.stats-intro h3{
  font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:700; font-size:26px; color:#1d2e25; margin:0 0 6px;
}
.stats-intro p{
  margin:0; color:#5a6b61; line-height:1.55; font-size:15px;
}

/* numbers row with slim vertical dividers */
.stats-row{ max-width:900px; margin:0 auto 34px; }
.stat{
  text-align:center; padding:14px 12px; position:relative;
}
.stat .num{ color:#2c7a4c; font-weight:800; font-size:32px; line-height:1; margin-bottom:6px; }
.stat .label{ color:#3c4a43; font-size:14.5px; line-height:1.35; }
@media (min-width:768px){
  .stat{ padding:10px 24px; }
  .stat.mid::before,
  .stat.mid::after{
    content:""; position:absolute; top:4px; bottom:4px; width:1px; background:#dfe6e1;
  }
  .stat.mid::before{ left:-1px; }
  .stat.mid::after{ right:-1px; }
}

/* who we are block */
.who-wrap{ max-width:1100px; margin:0 auto; }
.who-media{
  position:relative; display:block; width:100%;
  border-radius:14px; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.who-media img{ width:100%; height:auto; display:block; }
.who-media .play{
  position:absolute; left:16px; top:16px;
  width:56px; height:56px; border-radius:50%;
  border:0; background:#ffffff; color:#2c7a4c; font-size:24px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.18); cursor:pointer;
}

.who-title{
  font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:700; color:#1d2e25; font-size:20px; margin:0 0 8px;
}
.who-text{ color:#44534b; font-size:15px; line-height:1.6; margin:0 0 14px; }
.btn-chip{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 18px; border-radius:999px; border:0;
  background:#7CF28A; color:#0d2016; font-weight:700; text-decoration:none;
  box-shadow:0 8px 20px rgba(124,242,138,.35);
}
.btn-chip:hover{ background:#63d973; color:#0d2016; }


/**************************/
/* ===== Our Purpose Section ===== */
.purpose-sec{background:#fff; padding:64px 0;}
.purpose-title{
  font-family:Poppins,system-ui,Segoe UI,Roboto,Arial,sans-serif;
  font-weight:700; font-size:28px; color:#1a5c2e; margin-bottom:12px;
}
.purpose-sub{max-width:820px; margin:0 auto; font-size:15px; color:#444;}

.purpose-img img{
  width:100%; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* Subtitle + list */
.purpose-subtitle{
  font-weight:700; font-size:20px; color:#184a2f; margin-bottom:14px;
}
.purpose-list{list-style:disc; padding:0; margin:0;}
.purpose-list li{
  position:relative; padding-left:10px; margin-bottom:10px;
  font-size:15px; color:#333;
}
.purpose-list li i{
  position:absolute; left:0; top:2px; color:#2c7a4c;
}

/* Reuse CTA button */
.btn-cta{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 24px; border-radius:999px; font-weight:700;
  background:#7CF28A; color:#0d2016; text-decoration:none;
  box-shadow:0 6px 18px rgba(124,242,138,.35); transition:.2s;
}
.btn-cta:hover{background:#63d973;}




/*((((((((((*/

  /* ========= Renewable Section (namespaced) ========= */
.ev2{
  --ev2-bg: #eaf4ec;           /* section pale green */
  --ev2-green: #1b7a37;        /* title & accents */
  --ev2-green-bright: #5be27a; /* text glow on bar */
  --ev2-border: #d7e7d9;       /* card border */
  --ev2-bar: rgba(0,0,0,.68);  /* bottom dark band */
  --ev2-radius: 22px;
  background: var(--ev2-bg);
  padding: 48px 0 56px;
}

.ev2-head{ max-width: 920px; margin: 0 auto 28px; }
.ev2-title{
  color: var(--ev2-green);
  font-weight: 800;
  letter-spacing: .2px;
  margin: 0 0 6px;
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.25rem);
}
.ev2-subtitle{
  color:#26453a; opacity:.8;
  margin:0; line-height:1.6;
  font-size: clamp(.95rem, .9rem + .2vw, 1.05rem);
}

/* Card */
.ev2-card{
  background:#fff;
  border: 1px solid var(--ev2-border);
  border-radius: var(--ev2-radius);
  box-shadow: 0 8px 20px rgba(23,48,35,.06);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.ev2-card:hover{
  transform: translateY(-4px);
  border-color: #cfe2d2;
  box-shadow: 0 18px 38px rgba(23,48,35,.12);
}

/* Media area */
.ev2-media{
  position: relative;
  aspect-ratio: 4 / 5; /* nice portrait look; change to 4/3 if you prefer */
  overflow: hidden;
  background: #f3f6f4;
}
.ev2-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transform: scale(1);
  transition: transform .35s ease;
}
.ev2-card:hover .ev2-media img{ transform: scale(1.05); }

/* Bottom bar */
.ev2-bar{
  position:absolute; left:10px; right:10px; bottom:10px;
  background: var(--ev2-bar);
  color:#e8fced;
  border-radius: 16px;
  min-height: 58px;
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 14px 12px 18px;
}
.ev2-name{
  font-weight:800;
  letter-spacing:.3px;
  color: var(--ev2-green-bright);
  font-size: clamp(1rem, .95rem + .3vw, 1.15rem);
}

/* CTA circle */
.ev2-cta{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px;
  border-radius:50%;
  background: #0f2318;
  color: var(--ev2-green-bright);
  box-shadow: inset 0 0 0 2px rgba(91,226,122,.25);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.ev2-card:hover .ev2-cta{
  transform: translateX(2px);
  background:#0a1a12;
  box-shadow: inset 0 0 0 2px rgba(91,226,122,.45);
}

/* Responsive spacing */
@media (max-width: 576px){
  .ev2{ padding: 36px 0 44px; }
}



/********************/

.awards-bs{ background:#f6fbf7; }
.awards-bs .award-card{
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  border-color:#e5efe7 !important;
  background:#fff;
}
.awards-bs .award-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition: transform .35s ease;
  border-radius: .9rem; /* soften inside corners to match rounded-4 */
}
.awards-bs .award-card:hover{
  transform: translateY(-4px);
  border-color:#d7e8de !important;
  box-shadow: 0 16px 36px rgba(16,40,24,.12) !important;
}
.awards-bs .award-card:hover .award-media img{ transform: scale(1.04); }

/* tighter on phones */
@media (max-width:576px){
  .awards-bs{ padding-top: 2rem; padding-bottom: 2.25rem; }
}


/**********************/

/* ===== Recent Project & Work (Bootstrap grid, CDN images) ===== */
.proj-bs{ background:#eaf4ec; }
.proj-title-section{
  color:#1b7a37; font-weight:800; letter-spacing:.2px;
  font-size:clamp(1.6rem,1.2rem + 1.2vw,2.25rem);
}
.proj-subtitle{ color:#2a3f33; opacity:.75; }

.proj-card{
  background:#fff; border-color:#d6e7da !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.proj-card:hover{
  transform:translateY(-4px);
  border-color:#cfe2d2 !important;
  box-shadow:0 18px 38px rgba(23,48,35,.12) !important;
}
.proj-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.proj-card:hover .proj-media img{ transform:scale(1.04); }

.proj-title{
  color:#1b7a37; font-weight:800; line-height:1.35;
  font-size:1.15rem; margin: .5rem 0 .25rem;
}
.proj-link{
  display:inline-flex; align-items:center; gap:.4rem;
  font-weight:700; color:#1f2c24; text-decoration:none;
}
.proj-link .ico{
  width:24px; height:24px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:2px solid #1b7a37; color:#1b7a37;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.proj-link:hover .ico{ transform:translateX(2px); background:#1b7a37; color:#fff; }


/********************/

/* ===== Global Presence (Bootstrap grid, namespaced) ===== */
.globe-bs{ background:#ffffff; }
.globe-title{
  color:#1b7a37;            /* deep green */
  font-weight:800;
  letter-spacing:.2px;
  font-size:clamp(1.9rem,1.4rem + 1.6vw,2.6rem);
}
.globe-text{
  color:#2a3f33;            /* dark desaturated green */
  opacity:.9;
  line-height:1.7;
  font-size:1rem;
}

/* Pills */
.globe-pill{
  border-radius:999px;
  padding:.6rem 1.1rem;
  font-weight:700;
  border:1px solid #dfe9e3;
  background:#eef5f0;
  color:#1f2c24;
  transition:transform .15s ease, background .15s ease, box-shadow .15s ease, color .15s ease;
}
.globe-pill:hover{
  transform:translateY(-1px);
  background:#e4f0e8;
  box-shadow:0 6px 16px rgba(23,48,35,.1);
}
.globe-pill--active{
  background:linear-gradient(180deg,#73e08b 0%, #2ecc71 100%);
  color:#0b2b1a;
  border-color:transparent;
  box-shadow:0 10px 22px rgba(46,204,113,.28);
}

/* Map */
.globe-map-wrap{ filter: drop-shadow(0 10px 28px rgba(3,7,18,.12)); }
.globe-map{
  width:100%; height:100%; object-fit:contain;
}

/* Small tweaks */
@media (max-width: 576px){
  .globe-title{ font-size:clamp(1.8rem, 1.6rem + 2vw, 2.2rem); }
}


/********************/
/* Valuable Clients (Bootstrap grid) */
.clients-bs{ background:#f4f8f5; }
.clients-title{ color:#1b7a37; letter-spacing:.2px; }

.clients-logo{
  height: 92px;                           /* card height */
  display:flex; align-items:center; justify-content:center;
  border:1px solid #e6efe9;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.clients-logo img{
  max-width: 130px; max-height: 46px;
  object-fit: contain; display:block;
  filter: grayscale(1) contrast(.9) opacity(.85);
  transition: filter .18s ease, transform .18s ease;
}
.clients-logo:hover{
  transform: translateY(-2px);
  border-color:#d8e7de;
  box-shadow: 0 12px 28px rgba(16,40,24,.10);
}
.clients-logo:hover img{
  filter: grayscale(0) contrast(1) opacity(1);
  transform: scale(1.02);
}

@media (max-width:576px){
  .clients-logo{ height: 84px; }
  .clients-logo img{ max-width: 110px; max-height: 40px; }
}



/*******************/

/* ===== Latest News (Bootstrap grid, CDN images) ===== */
.news-bs{ background:#f4fbf6; }
.news-title{
  color:#1b7a37; font-weight:800; letter-spacing:.2px;
  font-size:clamp(1.6rem,1.2rem + 1.2vw,2.25rem);
}

/* Card */
.news-card{
  background:#fff; border-color:#d6e7da !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.news-card:hover{
  transform:translateY(-4px);
  border-color:#cfe2d2 !important;
  box-shadow:0 18px 38px rgba(23,48,35,.12) !important;
}

/* Media */
.news-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .35s ease;
}
.news-card:hover .news-media img{ transform:scale(1.04); }

/* Body */
.news-excerpt{
  color:#2a3f33; opacity:.9;
  font-size:.95rem; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
  margin: .25rem 0 0.5rem;
}
.news-link{
  display:inline-flex; align-items:center; gap:.4rem;
  font-weight:700; color:#1f2c24; text-decoration:none;
}
.news-link .ico{
  width:24px; height:24px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:2px solid #1b7a37; color:#1b7a37;
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.news-link:hover .ico{ transform:translateX(2px); background:#1b7a37; color:#fff; }

/* CTA */
.news-cta{
  background:linear-gradient(180deg,#73e08b 0%, #2ecc71 100%);
  color:#0b2b1a; border:none;
  box-shadow:0 10px 24px rgba(46,204,113,.28);
}
.news-cta:hover{ filter:brightness(1.03); box-shadow:0 16px 36px rgba(46,204,113,.38); }



/*******************/

/* ===== Get in Touch banner (namespaced) ===== */
.cta-bs__card{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  aspect-ratio: 16 / 6;         /* wide banner look */
  min-height: 260px;            /* safety for older browsers */
  box-shadow: 0 16px 40px rgba(3, 7, 18, .18);
  isolation:isolate;
}
.cta-bs__img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; display:block;
  transform: scale(1.02);
  transition: transform .35s ease;
}
.cta-bs__card:hover .cta-bs__img{ transform: scale(1.04); }

/* soft left-to-right gradient so text stays readable */
.cta-bs__overlay{
  position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 35%, rgba(0,0,0,.10) 60%, rgba(0,0,0,0) 85%);
}

/* content block */
.cta-bs__content{
  position:absolute; inset:0; z-index:1;
  display:flex; flex-direction:column; justify-content:center;
  padding:28px 36px;
  color:#fff; text-shadow:0 2px 10px rgba(0,0,0,.35);
  max-width: auto;              /* keep text left-aligned area tight */
}
.cta-bs__title{
  font-weight:800; letter-spacing:.2px;
  font-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.6rem);
  margin:0 0 .35rem;
}
.cta-bs__subtitle{
  margin:0 0 1rem;
  font-size: clamp(1rem, .95rem + .2vw, 1.15rem);
  opacity:.95;
}

.cta-bs__btn {
  border-radius: 999px;
  padding: .9rem 1.6rem;
  font-weight: 700;
  color: #0b2b1a;
  background: linear-gradient(180deg,#73e08b 0%, #2ecc71 100%);
  border: none;
  box-shadow: 0 10px 24px rgba(46,204,113,.28);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
  width: 150px;
}
.cta-bs__btn:hover{
  transform: translateY(-2px);
  box-shadow:0 16px 36px rgba(46,204,113,.38);
  filter:brightness(1.03);
}

/* responsive tweaks */
@media (max-width: 768px){
  .cta-bs__content{ max-width: 100%; align-items:flex-start; }
}
@media (max-width: 576px){
  .cta-bs__card{ aspect-ratio: 16 / 9; border-radius:22px; }
  .cta-bs__content{ padding:22px; }
}



/**********************************/

/* ===== Footer (Bootstrap grid, namespaced) ===== */
.footer-bs{
  --bg:#1f552e;
  --fg:#e9f6ee;
  --muted:#cfe6d7;
  --accent:#83ee9b;
  background:var(--bg);
  color:var(--fg);
}
.footer-bs a{ color:var(--fg); text-decoration:none; }
.footer-bs a:hover{ color:#fff; }

.footer-bs__brand{
  font-weight:900; letter-spacing:.3px; font-size:2.4rem;
}
.footer-bs__brand .dot{ color:var(--accent); }
.footer-bs__blurb{ color:var(--muted); max-width:26rem; }

.footer-bs__cta{
  border-radius:999px; font-weight:700; color:#0b2b1a;
  background:linear-gradient(180deg,#73e08b 0%, #2ecc71 100%);
  border:none; padding:.8rem 1.4rem; box-shadow:0 10px 24px rgba(46,204,113,.25);
}
.footer-bs__cta:hover{ filter:brightness(1.04); box-shadow:0 16px 36px rgba(46,204,113,.36); }

.footer-bs__head{
  font-weight:800; margin-bottom:.75rem; color:#def3e7;
  letter-spacing:.2px;
}
.footer-bs__list{ list-style:none; padding:0; margin:0; }
.footer-bs__list li{ margin:.4rem 0; }
.footer-bs__list a{ color:var(--muted); }
.footer-bs__list a:hover{ color:#fff; }

.footer-bs__soc{
  width:38px; height:38px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:2px solid rgba(255,255,255,.25); color:var(--accent);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.footer-bs__soc:hover{ transform:translateY(-2px); background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.4); }



@media (max-width: 900px){
  .hdr-grid{
    display: flex;
    justify-content: space-between;
  }

  .purpose-list {
  padding-left: 15px;
}
.purpose-list li{
  padding-left: 0px;
}
}