:root {
  --green: #0f3b2f;
  --green2: #145644;
  --gold: #d4af37;
  --gold2: #ffe39a;
  --ink: #17211e;
  --muted: #64736d;
  --soft: #f6f8f5;
  --white: #fff;
  --shadow: 0 18px 45px rgba(15, 59, 47, 0.14);
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  font-family: "Inter", "Segoe UI", Arial, sans-serif;
  color: var(--ink);
  background: #fff;
  line-height: 1.65;
}
a {
  text-decoration: none;
  color: inherit;
}
.container {
  width: min(1180px, 92%);
  margin: auto;
}
.topbar {
  background: var(--green);
  color: #dfeee8;
  font-size: 12px;
}
.topbar .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 8px 60px;
}
.topbar .topbar-phone {
    font-size: 13px;
}
.navbar {
  position: sticky !important;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(18px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
  height: 85px;
  padding: 0 20px;
}
.nav-inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 40px;
  height: 100%;
}
.logo img {
  height: 60px;
  /* padding-top: 15px; */
}
.nav {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.nav > li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}
.nav > li > a {
  display: block;
  padding: 0px 16px;
  font-weight: 700;
  font-size: 14px;
  height: 100%;
}
.nav > li > a:hover {
  color: var(--green2);
}
 .dropdown,
.mega {
  position: absolute;
  top: 100%;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(15, 59, 47, 0.08);
  border-top: 3px solid var(--gold);
  border-radius: 0 0 18px 18px;
  box-shadow: 0 22px 55px rgba(15, 59, 47, 0.14);
  padding: 14px;
  min-width: 260px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: 0.25s ease;
  font-size: 14px;
  z-index: 999;
}
.dropdown {
  left: 0;
}
.nav li:hover .dropdown,
.nav li:hover .mega {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown a,
.mega a {
  display: block;
  padding: 9px 11px;
  border-radius: 10px;
  color: #394843;
  line-height: 1.35;
  transition: 0.22s ease;
}
.dropdown a:hover,
.mega a:hover {
  background: #f1f7f4;
  color: var(--green);
  font-weight: 700;
  transform: translateX(3px);
}
.mega {
  left: -80%;
  width: min(820px, calc(100vw - 70px));
  display: grid;
  grid-template-columns: 1.25fr 0.85fr 1fr;
  gap: 18px;
  padding: 20px;
  /* transform: translate(-50%, 8px); */
}
.mega > div {
  min-width: 0;
  padding: 4px;
}
.mega h4 {
  margin: 0 0 10px;
  padding: 0 10px 9px;
  color: var(--green);
  font-size: 14px;
  font-weight: 900;
  border-bottom: 1px solid rgba(15, 59, 47, 0.10);
}
.cta {
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #18231e !important;
  padding: 14px 28px !important;
  border-radius: 999px;
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.28);
  border: none;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.cta:hover {
  transform: scale(1.02);
}



.menu-btn {
  display: none;
}
.hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
      135deg,
      rgba(15, 59, 47, 0.95),
      rgba(20, 86, 68, 0.88)
    ),
    url("../img/building-hero-banner.webp")
      center/cover;
  min-height: 700px;
  min-height: calc(100vh - 50px);
  color: white;
  display: flex;
  align-items: center;
  padding: 0px;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 55px;
  align-items: center;
transform: translateY(-30px);
}
.eyebrow {
  color: var(--gold2);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 800;
  font-size: 13px;
}
.hero h1 {
  font-size: clamp(42px, 6vw, 78px);
  font-size: 66px;
  line-height: 1.02;
  margin: 14px 0;
}
.hero p {
  font-size: 18px;
  color: #e5f1ec;
  max-width: 660px;
}
.btn-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 13px 22px;
  font-weight: 800;
  border: 1px solid transparent;
}
.btn-primary {
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #13221c;
}
.btn-outline {
  border-color: rgba(255, 255, 255, 0.4);
  color: white;
}
.hero-card {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 32px;
  padding: 28px;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(10px);
}
.hero-card img,
.image-card img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  border-radius: 24px;
}
.stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-top: 18px;
}
.stat {
  background: #fff;
  color: var(--ink);
  padding: 18px;
  border-radius: 18px;
}
.stat b {
  font-size: 28px;
  color: var(--green);
}
section {
  padding: 90px 0;
}
section:not(.hero) {
  padding: 90px 0;
}
.section-head {
  max-width: 760px;
  margin-bottom: 36px;
}
.section-head.center {
  text-align: center;
  margin-inline: auto;
}
.section-head h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.1;
  margin: 8px 0;
}
.section-head p {
  color: var(--muted);
}
.grid {
  display: grid;
  gap: 24px;
}
.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.card {
  background: #fff;
  border: 1px solid #e7ede9;
  border-radius: 26px;
  padding: 28px;
  box-shadow: 0 10px 30px rgba(15, 59, 47, 0.07);
  transition: 0.25s;
  position: relative;
}
.card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
}
.icon {
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--green), var(--green2));
  color: var(--gold2);
  display: grid;
  place-items: center;
  font-size: 24px;
  margin-bottom: 16px;
}
.soft {
  background: var(--soft);
}
.split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  align-items: center;
}
.image-card {
  position: relative;
}
.image-card:before {
  content: "";
  position: absolute;
  inset: 20px -16px -16px 20px;
  background: linear-gradient(135deg, var(--gold), var(--green2));
  border-radius: 28px;
  z-index: -1;
}
.page-hero {
  background: linear-gradient(135deg, var(--green), var(--green2));
  color: white;
  padding: 95px 0 70px;
}
.page-hero h1 {
  font-size: 52px;
  margin: 0;
}
.breadcrumb {
  color: #d8efe6;
}
.content-box {
  background: #fff;
  border-radius: 30px;
  padding: 36px;
  box-shadow: var(--shadow);
}
.content-box h2,
.content-box h3 {
  color: var(--green);
}
.list-check {
  padding-left: 0;
  list-style: none;
}
.list-check li {
  padding: 10px 0 10px 30px;
  position: relative;
}
.list-check li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--gold);
  font-weight: bold;
}
.footer {
  background: #08271f;
  color: #d9ebe5;
  padding: 70px 0 24px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, 1fr);
  gap: 28px;
}
.footer h4 {
  color: #fff;
}
.footer a {
  display: block;
  color: #b9cbc5;
  margin: 7px 0;
  font-size: 14px;
}
.copy {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  padding-top: 20px;
  margin-top: 35px;
  color: #9fb4ad;
}
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: 0.7s ease;
}
.reveal.active {
  opacity: 1;
  transform: none;
}
.mobile-panel {
  display: none;
}
@media (max-width: 980px) {
  .nav {
    display: none;
  }
  .menu-btn {
    display: block;
    border: 0;
    background: var(--green);
    color: #fff;
    border-radius: 12px;
    padding: 12px 14px;
  }
  .mobile-panel.open {
    display: block;
    padding: 16px 0;
  }
  .mobile-panel a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #e6eee9;
  }
  .hero-grid,
  .split,
  .grid-2 {
    grid-template-columns: 1fr;
  }
  .grid-3,
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .hero {
    min-height: auto;
    padding: 90px 0;
  }
  .mega {
    position: static;
    width: auto;
    display: block;
  }
  .topbar .container {
    flex-direction: column;
  }
  .page-hero h1 {
    font-size: 38px;
  }
}


/* --------------------------------- */

.section-head span.tag {
  width: 160px;
  padding: 10px;
  background-color: #d4af37;
  color: black;
  position: absolute;
  right: 0;
  top: 0;
}

/* Winners Royal - Premium Products Section */
.wrv-products-zone {
  position: relative;
  overflow: hidden;
  padding: 100px 0;
  background:
    radial-gradient(circle at 10% 12%, rgba(212, 175, 55, 0.18), transparent 28%),
    radial-gradient(circle at 90% 4%, rgba(15, 59, 47, 0.13), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8faf6 100%);
}

.wrv-products-zone::before {
  content: "";
  position: absolute;
  inset: 38px 4% auto auto;
  width: 160px;
  height: 160px;
  border: 1px solid rgba(212, 175, 55, 0.32);
  border-radius: 50%;
  opacity: 0.8;
}

.wrv-products-wrap {
  width: min(1180px, 92%);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.wrv-products-head {
  max-width: 760px;
  margin: 0 auto 42px;
  text-align: center;
}

.wrv-products-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d4af37, #ffe39a);
  color: #163126;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  box-shadow: 0 10px 25px rgba(212, 175, 55, 0.25);
}

.wrv-products-head h2 {
  margin: 16px 0 10px;
  color: #102e25;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.wrv-products-head p {
  margin: 0 auto;
  max-width: 620px;
  color: #62736d;
  font-size: 17px;
}

.wrv-products-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.wrv-product-card {
  position: relative;
  isolation: isolate;
  min-height: 285px;
  padding: 30px 28px 28px;
  overflow: hidden;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(15, 59, 47, 0.10);
  box-shadow: 0 18px 45px rgba(15, 59, 47, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.wrv-product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 250, 247, 0.96));
}

.wrv-product-card::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: -56px;
  z-index: -1;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.22), rgba(20, 86, 68, 0.08));
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.wrv-product-card:hover {
  transform: translateY(-8px);
  border-color: rgba(212, 175, 55, 0.45);
  box-shadow: 0 28px 60px rgba(15, 59, 47, 0.16);
}

.wrv-product-card:hover::after {
  transform: scale(1.28);
  opacity: 0.95;
}

.wrv-product-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.wrv-badge-loan { background: rgba(212, 175, 55, 0.22); color: #5d4610; }
.wrv-badge-auto { background: rgba(20, 86, 68, 0.12); color: #145644; }
.wrv-badge-deposit { background: rgba(255, 227, 154, 0.42); color: #6b4c08; }

.wrv-product-icon {
  width: 58px;
  height: 58px;
  margin-bottom: 22px;
  display: grid;
  place-items: center;
  border-radius: 20px;
  background: linear-gradient(135deg, #0f3b2f, #145644);
  color: #ffe39a;
  font-size: 24px;
  box-shadow: 0 14px 28px rgba(15, 59, 47, 0.18);
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}

.wrv-product-icon i {
  line-height: 1;
}

.wrv-product-card:hover .wrv-product-icon {
  transform: translateY(-4px) scale(1.04);
  background: linear-gradient(135deg, #d4af37, #ffe39a);
  color: #102e25;
}

.wrv-product-card h3 {
  margin: 0 0 10px;
  color: #122f26;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.wrv-product-card p {
  margin: 0 0 22px;
  color: #60716b;
  font-size: 15px;
  line-height: 1.7;
}

.wrv-product-link {
  position: absolute;
  left: 28px;
  bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0f3b2f;
  font-size: 14px;
  font-weight: 900;
}

.wrv-product-link i {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #d4af37, #ffe39a);
  color: #102e25;
  font-size: 12px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.wrv-product-card:hover .wrv-product-link i {
  transform: translateX(5px);
  box-shadow: 0 8px 18px rgba(212, 175, 55, 0.28);
}

@media (max-width: 991px) {
  .wrv-products-zone { padding: 78px 0; }
  .wrv-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .wrv-products-zone { padding: 62px 0; }
  .wrv-products-head { margin-bottom: 30px; }
  .wrv-products-head h2 { font-size: 31px; }
  .wrv-products-head p { font-size: 15px; }
  .wrv-products-grid { grid-template-columns: 1fr; gap: 18px; }
  .wrv-product-card { min-height: 260px; padding: 26px 22px 26px; border-radius: 24px; }
  .wrv-product-badge { top: 16px; right: 16px; min-width: auto; font-size: 10px; }
  .wrv-product-link { left: 22px; bottom: 22px; }
}


/* ===== Winners Royal - Why Choose Us Balanced Professional Section ===== */
.wrv-choice-section {
  position: relative;
  overflow: hidden;
  padding: 86px 0;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfcf8 42%, #f5f8f2 100%);
}

.wrv-choice-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 14% 12%, rgba(212, 175, 55, 0.13), transparent 30%),
    radial-gradient(circle at 88% 88%, rgba(15, 59, 47, 0.07), transparent 34%);
  pointer-events: none;
}

.wrv-choice-wrap {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 46px;
  align-items: stretch;
}

.wrv-choice-visual,
.wrv-choice-content {
  min-height: 520px;
}

.wrv-choice-visual {
  position: relative;
  display: flex;
  z-index: 1;
}

.wrv-choice-photo {
  width: 100%;
  min-height: 520px;
  border-radius: 34px;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 24px 58px rgba(15, 59, 47, 0.17);
  border: 8px solid #ffffff;
  isolation: isolate;
}

.wrv-choice-photo img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.wrv-choice-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(15, 59, 47, 0.02), rgba(15, 59, 47, 0.22));
  pointer-events: none;
  z-index: 1;
}

.wrv-choice-visual::after {
  content: "";
  position: absolute;
  inset: 34px -16px -16px 34px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.42), rgba(255, 255, 255, 0.92));
  z-index: -1;
}

.wrv-choice-floating-card {
  position: absolute;
  left: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 14px;
  max-width: 330px;
  padding: 17px 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 18px 42px rgba(15, 59, 47, 0.18);
  border: 1px solid rgba(212, 175, 55, 0.35);
  backdrop-filter: blur(14px);
}

.wrv-choice-floating-card i {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #0f3b2f, #145644);
  color: #ffe39a;
  font-size: 20px;
}

.wrv-choice-floating-card strong {
  display: block;
  color: #102d24;
  font-size: 15px;
  line-height: 1.25;
}

.wrv-choice-floating-card span {
  display: block;
  color: #64736d;
  font-size: 12.5px;
  line-height: 1.4;
  margin-top: 2px;
}

.wrv-choice-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 0;
}

.wrv-choice-kicker {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  color: #145644;
  background: rgba(212, 175, 55, 0.13);
  border: 1px solid rgba(212, 175, 55, 0.30);
  border-radius: 999px;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-weight: 900;
  font-size: 11.5px;
}

.wrv-choice-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d4af37;
}

.wrv-choice-content h2 {
  max-width: 620px;
  margin: 14px 0 12px;
  color: #102d24;
  font-size: clamp(32px, 3.2vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
}

.wrv-choice-desc {
  max-width: 620px;
  margin: 0 0 22px;
  color: #64736d;
  font-size: 16px;
  line-height: 1.65;
  text-align: justify;
}

.wrv-choice-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin: 0 0 24px;
}

.wrv-choice-point {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(15, 59, 47, 0.08);
  box-shadow: 0 10px 28px rgba(15, 59, 47, 0.05);
  transition: 0.25s ease;
}

.wrv-choice-point:hover {
  transform: translateX(5px);
  border-color: rgba(212, 175, 55, 0.42);
  box-shadow: 0 14px 34px rgba(15, 59, 47, 0.09);
}

.wrv-choice-point > span {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(15, 59, 47, 0.10), rgba(212, 175, 55, 0.16));
  color: #145644;
  font-size: 17px;
}

.wrv-choice-point h3 {
  margin: 0;
  color: #102d24;
  font-size: 16px;
  line-height: 1.25;
}

.wrv-choice-point p {
  margin: 2px 0 0;
  color: #64736d;
  font-size: 13.5px;
  line-height: 1.45;
}

.wrv-choice-btn {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  padding: 14px 24px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d4af37, #ffe39a);
  color: #13221c;
  font-weight: 900;
  box-shadow: 0 14px 30px rgba(212, 175, 55, 0.25);
  transition: 0.25s ease;
}

.wrv-choice-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(212, 175, 55, 0.34);
}

.wrv-choice-btn i {
  transition: 0.25s ease;
}

.wrv-choice-btn:hover i {
  transform: translateX(5px);
}

@media (max-width: 980px) {
  .wrv-choice-wrap {
    grid-template-columns: 1fr;
    gap: 38px;
  }
  .wrv-choice-visual,
  .wrv-choice-content,
  .wrv-choice-photo {
    min-height: auto;
  }
  .wrv-choice-photo {
    height: 430px;
  }
  .wrv-choice-photo img {
    min-height: 430px;
  }
}

@media (max-width: 640px) {
  .wrv-choice-section {
    padding: 68px 0;
  }
  .wrv-choice-photo {
    height: 330px;
    border-radius: 26px;
    border-width: 7px;
  }
  .wrv-choice-photo img {
    min-height: 330px;
  }
  .wrv-choice-visual::after {
    inset: 26px -10px -12px 26px;
    border-radius: 26px;
  }
  .wrv-choice-floating-card {
    position: relative;
    left: auto;
    bottom: auto;
    margin: -54px 14px 0;
  }
  .wrv-choice-content h2 {
    font-size: 30px;
  }
  .wrv-choice-desc {
    font-size: 15px;
  }
  .wrv-choice-point {
    grid-template-columns: 40px 1fr;
    padding: 13px;
  }
}


/* Dropdown hover stability fix */
.nav > li {
  height: 100%;
  padding: 0;
}

.nav > li > a {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 16px;
}

.nav > li:has(.dropdown) > a,
.nav > li:has(.mega) > a {
  position: relative;
}

.nav > li:has(.dropdown)::after,
.nav > li:has(.mega)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 14px;
  background: transparent;
  pointer-events: auto;
}

.dropdown,
.mega {
  top: calc(100% - 1px);
  margin-top: 0;
}

.nav li:hover .dropdown,
.nav li:focus-within .dropdown,
.nav li:hover .mega,
.nav li:focus-within .mega {
  opacity: 1;
  visibility: visible;
}

.mega {
  align-items: start;
}

footer p, .footer-abt {
  font-size: 14px;
  color: #bababa;
}
footer .copy {
  text-align: center;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer .footer-grid h4 {
  color: #f3c64c;
}
.footer a:hover {
  color: #f3c64c;
}


/* =========================================
   Professional Footer Spacing Refinement
   - Logo/content column to General Loans gap
   - Powered/Designed by credit spacing
========================================= */
.footer{
  position: relative;
  background: linear-gradient(180deg, #0b3128 0%, #061f19 100%) !important;
  color: #d9ebe5;
  padding: 76px 0 26px;
  overflow: hidden;
}
.footer::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(243,198,76,.10), transparent 34%), radial-gradient(circle at bottom right, rgba(255,255,255,.05), transparent 32%);
  pointer-events: none;
}
.footer .container{
  position: relative;
  z-index: 1;
}
.footer-grid{
  grid-template-columns: minmax(310px, 1.85fr) repeat(4, minmax(135px, 1fr));
  column-gap: 72px;
  row-gap: 34px;
  align-items: flex-start;
}
.footer-brand{
  border-right: 1px solid rgba(255,255,255,.10);
}
.footer-brand img{
  display: block;
  margin-bottom: 22px;
  /* max-width: 190px; */
}
.footer-brand p,
.footer-abt{
  max-width: 365px;
  line-height: 1.85;
  margin-bottom: 14px;
}
.footer h4{
  position: relative;
  margin: 0 0 20px;
  padding-bottom: 12px;
  font-size: 16px;
  letter-spacing: .2px;
  color: #f3c64c;
}
.footer h4::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 38px;
  height: 2px;
  background: #f3c64c;
  border-radius: 10px;
}
.footer a{
  margin: 10px 0;
  line-height: 1.45;
  transition: color .25s ease, padding-left .25s ease;
}
.footer-grid a:hover{
  color: #f3c64c;
  padding-left: 6px;
}
.copy,
footer .copy{
  margin-top: 46px;
  padding-top: 22px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  line-height: 1.7;
}
.footer .copy a,
footer .copy a{
  display: inline-block;
  margin: 0 0 0 8px;
  color: #f3c64c;
  font-weight: 600;
  text-decoration: none;
}
.footer .copy a:hover,
footer .copy a:hover{
  color: #ffffff;
  padding-left: 0;
}
@media (max-width: 1100px){
  .footer-grid{
    grid-template-columns: 1.5fr 1fr 1fr;
    column-gap: 48px;
  }
  .footer-brand{
    padding-right: 28px;
  }
}
@media (max-width: 767px){
  .footer{
    padding: 58px 0 22px;
  }
  .footer-grid{
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .footer-brand{
    padding-right: 0;
    border-right: 0;
  }
  .footer-brand p,
  .footer-abt{
    max-width: 100%;
  }
}


/* Footer address two-line alignment */
.footer-address{
  max-width: 430px !important;
  line-height: 1.75 !important;
  margin-top: 10px;
  margin-bottom: 0 !important;
  font-weight: 600;
  color: #d8d6d6;
}
.footer-address span{
  white-space: nowrap;
}
.footer-brand{
  min-width: 0;
}
@media (max-width: 767px){
  .footer-address span{
    white-space: normal;
  }
}




/* Products category heading - premium divider style */
.wrv-products-zone .product-parent {
  text-align: center;
  margin-top: 46px;
}

.wrv-products-zone .product-parent:first-of-type {
  margin-top: 18px;
}

.wrv-category-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 auto 26px;
  width: min(760px, 100%);
}

.wrv-category-heading h2 {
  position: relative;
  margin: 0;
  color: #123429;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.025em;
  white-space: nowrap;
}

.wrv-category-heading h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  width: 34px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(90deg, #b88a18, #f1d978, #b88a18);
  box-shadow: 0 6px 14px rgba(212, 175, 55, 0.25);
}

.wrv-category-line {
  flex: 1;
  height: 1px;
  max-width: 185px;
  background: linear-gradient(90deg, transparent, rgba(18, 52, 41, 0.22), rgba(212, 175, 55, 0.52));
}

.wrv-category-line:last-child {
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.52), rgba(18, 52, 41, 0.22), transparent);
}

@media (max-width: 767px) {
  .wrv-products-zone .product-parent {
    margin-top: 38px;
  }

  .wrv-category-heading {
    gap: 12px;
    margin-bottom: 24px;
  }

  .wrv-category-line {
    max-width: 70px;
  }
}


/* =========================================================
   MOBILE / TABLET RESPONSIVE REFINEMENT
   Focus: Home index page + shared navbar/footer
   ========================================================= */

/* Prevent horizontal scroll from decorative elements */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

/* Tablet navigation */
@media (max-width: 1180px) {
  .topbar .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-inner {
    padding: 0 18px;
  }

  .nav > li > a {
    padding: 0 10px;
    font-size: 13px;
  }

  .cta {
    padding: 12px 20px !important;
  }

  .mega {
    left: auto;
    right: 0;
    width: min(760px, calc(100vw - 36px));
  }
}

/* Full mobile/tablet menu */
@media (max-width: 980px) {
  .topbar .container {
    width: 100%;
    padding: 8px 16px;
    gap: 4px;
    text-align: center;
    align-items: center;
  }

  .topbar span {
    line-height: 1.4;
  }

  .navbar {
    height: 76px;
    padding: 0;
  }

  .nav-inner {
    width: min(1180px, 94%);
    padding: 0;
  }

  .logo img {
    height: 46px;
  }

  .nav-inner > .cta {
    display: none;
  }

  .menu-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 11px 16px;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(15, 59, 47, 0.16);
  }

  .menu-btn::after {
    content: "\f0c9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
  }

  .mobile-panel {
    position: absolute;
    left: 3%;
    right: 3%;
    top: calc(100% + 8px);
    z-index: 9999;
    display: block;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(15, 59, 47, 0.10);
    border-radius: 22px;
    box-shadow: 0 24px 55px rgba(15, 59, 47, 0.18);
    transition: max-height .35s ease, padding .35s ease;
  }

  .mobile-panel.open {
    display: block;
    max-height: 80vh;
    overflow-y: auto;
    padding: 12px;
  }

  .mobile-panel a {
    display: block;
    padding: 13px 14px;
    border-bottom: 1px solid #edf3ef;
    border-radius: 12px;
    font-weight: 700;
    color: #18352b;
  }

  .mobile-panel a:last-child {
    border-bottom: 0;
  }

  .mobile-panel a:hover {
    background: #f3f8f5;
    color: var(--green);
  }
}

/* Home hero */
@media (max-width: 980px) {
  .hero {
    min-height: auto;
    padding: 72px 0 68px;
  }

  .hero-grid {
    gap: 34px;
    transform: none;
  }

  .hero h1 {
    font-size: clamp(38px, 8vw, 56px);
    line-height: 1.06;
  }

  .hero p {
    font-size: 16px;
  }

  .hero-card {
    padding: 18px;
    border-radius: 26px;
  }

  .hero-card img,
  .image-card img {
    height: 250px;
    border-radius: 20px;
  }

  .stats {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }

  .stat {
    padding: 14px 10px;
    text-align: center;
    font-size: 13px;
  }

  .stat b {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  .hero {
    padding: 58px 0 54px;
  }

  .eyebrow {
    font-size: 11px;
    letter-spacing: .12em;
  }

  .hero h1 {
    font-size: 36px;
  }

  .hero p {
    font-size: 15px;
  }

  .btn-row {
    gap: 10px;
  }

  .btn {
    width: 100%;
    justify-content: center;
    padding: 13px 18px;
  }

  .hero-card img,
  .image-card img {
    height: 210px;
  }

  .stats {
    grid-template-columns: 1fr;
  }

  .stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 13px 16px;
  }
}

/* Products section responsive polish */
@media (max-width: 980px) {
  .wrv-products-zone {
    padding: 74px 0;
  }

  .wrv-products-head h2 {
    font-size: 36px;
  }

  .wrv-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .wrv-product-card {
    min-height: 280px;
  }

  .wrv-category-heading {
    width: min(620px, 100%);
  }
}

@media (max-width: 680px) {
  .wrv-products-zone {
    padding: 58px 0;
  }

  .wrv-products-wrap {
    width: min(100% - 28px, 1180px);
  }

  .wrv-products-kicker {
    font-size: 11px;
    padding: 7px 15px;
  }

  .wrv-products-head {
    margin-bottom: 28px;
  }

  .wrv-products-head h2 {
    font-size: 30px;
    letter-spacing: -0.025em;
  }

  .wrv-products-head p {
    font-size: 14.5px;
  }

  .wrv-products-zone .product-parent {
    margin-top: 36px;
  }

  .wrv-category-heading {
    gap: 10px;
    margin-bottom: 22px;
  }

  .wrv-category-heading h2 {
    font-size: 23px;
  }

  .wrv-category-line {
    max-width: 54px;
  }

  .wrv-products-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .wrv-product-card {
    min-height: auto;
    padding: 24px 20px 64px;
    border-radius: 22px;
  }

  .wrv-product-icon {
    width: 52px;
    height: 52px;
    border-radius: 17px;
    margin-bottom: 18px;
  }

  .wrv-product-card h3 {
    font-size: 20px;
    text-align: center !important;
  }

  .wrv-product-card p {
    font-size: 14.5px;
  }

  .wrv-product-badge {
    top: 18px;
    right: 16px;
    padding: 7px 10px;
    font-size: 9.5px;
  }
}

/* Why choose section responsive */
@media (max-width: 980px) {
  .wrv-choice-section {
    padding: 72px 0;
  }

  .wrv-choice-wrap {
    width: min(1180px, 92%);
    gap: 34px;
  }

  .wrv-choice-content {
    padding: 0;
  }

  .wrv-choice-content h2 {
    font-size: 36px;
  }

  .wrv-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .wrv-choice-point {
    align-items: flex-start;
  }
}

@media (max-width: 680px) {
  .wrv-choice-section {
    padding: 58px 0;
  }

  .wrv-choice-wrap {
    width: min(100% - 28px, 1180px);
    gap: 28px;
  }

  .wrv-choice-photo {
    height: 300px;
    min-height: 300px;
    border-radius: 24px;
    border-width: 6px;
  }

  .wrv-choice-photo img {
    min-height: 300px;
  }

  .wrv-choice-visual::after {
    display: none;
  }

  .wrv-choice-kicker {
    font-size: 10.5px;
    letter-spacing: .10em;
  }

  .wrv-choice-content h2 {
    font-size: 29px;
    letter-spacing: -0.025em;
  }

  .wrv-choice-desc {
    font-size: 14.5px;
  }

  .wrv-choice-grid {
    grid-template-columns: 1fr;
  }

  .wrv-choice-point {
    grid-template-columns: 38px 1fr;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
  }

  .wrv-choice-point > span {
    width: 38px;
    height: 38px;
    border-radius: 13px;
  }

  .wrv-choice-point h3 {
    font-size: 15.5px;
  }

  .wrv-choice-btn {
    width: 100%;
    justify-content: center;
  }
}

/* Footer responsive */
@media (max-width: 1100px) {
  .footer-grid {
    grid-template-columns: 1.4fr 1fr 1fr;
    column-gap: 42px;
    row-gap: 36px;
  }

  .footer-brand {
    grid-column: span 3;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.10);
    padding-right: 0;
    padding-bottom: 22px;
  }

  .footer-brand p,
  .footer-abt {
    max-width: 760px;
  }
}

@media (max-width: 720px) {
  .footer {
    padding: 52px 0 22px;
  }

  .footer-grid {
    width: min(100% - 28px, 1180px);
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-brand {
    grid-column: auto;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .footer-brand img {
    height: 52px !important;
  }

  .footer h4 {
    margin-bottom: 14px;
  }

  .footer a {
    margin: 8px 0;
  }

  .footer-address span {
    white-space: normal;
  }

  .copy,
  footer .copy {
    width: min(100% - 28px, 1180px);
    margin-top: 34px;
    padding-top: 18px;
    font-size: 13px;
    text-align: center;
  }
}

/* Inner/common pages responsive support */
@media (max-width: 980px) {
  section,
  section:not(.hero) {
    padding: 68px 0;
  }

  .page-hero {
    padding: 70px 0 54px;
  }

  .page-hero h1 {
    font-size: 38px;
  }

  .content-box {
    padding: 26px;
    border-radius: 24px;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(100% - 28px, 1180px);
  }

  section,
  section:not(.hero) {
    padding: 54px 0;
  }

  .page-hero {
    padding: 54px 0 42px;
  }

  .page-hero h1 {
    font-size: 32px;
  }

  .content-box {
    padding: 20px;
    border-radius: 20px;
  }
  .topbar {
    display: none;
  }
  
}


/* ---- */
/* =========================
   MOBILE FOOTER RESPONSIVE
========================= */

@media (max-width: 991px) {

    .footer-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 35px;
    }

    .footer-brand {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .footer-brand img {
        margin-bottom: 18px;
    }

    .footer-abt,
    .footer-address {
        max-width: 100%;
        text-align: center;
    }

    .footer-grid h4 {
        text-align: center;
        margin-bottom: 16px;
    }

    .footer-grid a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .copy {
        text-align: center;
        line-height: 1.8;
        padding-top: 20px;
    }

    .copy a {
        display: inline-block;
        margin-left: 6px;
    }
}

@media (max-width: 991px){

  .footer h4{
    text-align: center;
    padding-bottom: 14px;
  }

  .footer h4::after{
    left: 50%;
    transform: translateX(-50%);
  }

}

/* =========================================================
   Sticky navbar/topbar stability fix
   ========================================================= */
.topbar {
  position: relative !important;
  z-index: 1001;
  transform: none !important;
  animation: none !important;
  will-change: auto;
}

.navbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

/* Prevent topbar flicker/repaint glitch while scrolling */
body.is-scrolled .topbar {
  pointer-events: none;
}

/* =========================================================
   About page premium content redesign
   ========================================================= */
.wrv-about-story-section {
  padding: 90px 0;
  background:
    radial-gradient(circle at top left, rgba(212, 175, 55, 0.10), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8faf7 100%);
}

.wrv-about-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  gap: 42px;
  align-items: stretch;
}

.wrv-about-copy {
  background: #ffffff;
  border: 1px solid rgba(15, 59, 47, 0.08);
  border-radius: 34px;
  padding: clamp(28px, 4vw, 46px);
  box-shadow: 0 22px 55px rgba(15, 59, 47, 0.10);
}

.wrv-about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #145644;
  background: rgba(212, 175, 55, 0.13);
  border: 1px solid rgba(212, 175, 55, 0.32);
  border-radius: 999px;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 900;
  font-size: 11.5px;
}

.wrv-about-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gold);
}

.wrv-about-copy h2 {
  margin: 18px 0 18px;
  color: #102d24;
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.04em;
}

.wrv-about-copy p {
  margin: 0 0 14px;
  color: #53645e;
  font-size: 15.5px;
  line-height: 1.85;
}

.wrv-about-copy p:last-child {
  margin-bottom: 0;
}

.wrv-about-visual {
  position: relative;
  min-height: 100%;
}

.wrv-about-image {
  height: 100%;
  min-height: 680px;
  border-radius: 34px;
  overflow: hidden;
  border: 8px solid #ffffff;
  box-shadow: 0 24px 60px rgba(15, 59, 47, 0.16);
  background: #f8faf7;
}

.wrv-about-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 680px;
  object-fit: cover;
  object-position: center;
}

.wrv-about-visual::after {
  content: "";
  position: absolute;
  inset: 36px -16px -16px 36px;
  border-radius: 34px;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.38), rgba(20, 86, 68, 0.12));
  z-index: -1;
}

.wrv-about-trust-card {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  padding: 20px 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(212, 175, 55, 0.35);
  box-shadow: 0 18px 40px rgba(15, 59, 47, 0.17);
  backdrop-filter: blur(12px);
}

.wrv-about-trust-card strong {
  display: block;
  color: #102d24;
  font-size: 17px;
  line-height: 1.25;
}

.wrv-about-trust-card span {
  display: block;
  margin-top: 5px;
  color: #64736d;
  font-size: 13.5px;
  line-height: 1.45;
}

.wrv-vm-section {
  padding: 85px 0;
  background:
    linear-gradient(135deg, rgba(15, 59, 47, 0.96), rgba(8, 39, 31, 0.98)),
    radial-gradient(circle at top right, rgba(212, 175, 55, 0.22), transparent 34%);
  color: #ffffff;
}

.wrv-vm-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 34px;
}

.wrv-vm-head span {
  color: var(--gold2);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.13em;
  font-size: 12px;
}

.wrv-vm-head h2 {
  margin: 10px 0 0;
  font-size: clamp(30px, 3.6vw, 46px);
  line-height: 1.12;
  letter-spacing: -0.04em;
}

.wrv-vm-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.wrv-vm-card {
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 20px;
  align-items: flex-start;
  min-height: 100%;
  padding: 32px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(12px);
}

.wrv-vm-icon {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #102d24;
  font-weight: 900;
  font-size: 18px;
  box-shadow: 0 12px 26px rgba(212, 175, 55, 0.25);
}

.wrv-vm-card h3 {
  margin: 0 0 10px;
  color: #ffe39a;
  font-size: 24px;
}

.wrv-vm-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.75;
  font-size: 15px;
  text-align: justify;
  word-spacing: 0px;
}

@media (max-width: 991px) {
  .wrv-about-story-grid,
  .wrv-vm-grid {
    grid-template-columns: 1fr;
  }

  .wrv-about-image,
  .wrv-about-image img {
    min-height: 460px;
  }

  .wrv-about-visual::after {
    inset: 24px -10px -10px 24px;
  }
}

@media (max-width: 640px) {
  .wrv-about-story-section,
  .wrv-vm-section {
    padding: 58px 0;
  }

  .wrv-about-copy {
    border-radius: 24px;
    padding: 24px;
  }

  .wrv-about-copy h2 {
    font-size: 28px;
  }

  .wrv-about-copy p {
    font-size: 14.5px;
    line-height: 1.75;
  }

  .wrv-about-image,
  .wrv-about-image img {
    min-height: 360px;
    border-radius: 24px;
  }

  .wrv-about-trust-card {
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 16px;
  }

  .wrv-vm-card {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px;
    border-radius: 24px;
    text-align: left;
  }

  .wrv-vm-icon {
    width: 58px;
    height: 58px;
    border-radius: 18px;
  }
}


/* =========================================================
   Stable sticky navigation + topbar hide on scroll
   ========================================================= */
.topbar{
  position: relative !important;
  z-index: 1200 !important;
  max-height: 48px;
  overflow: hidden;
  opacity: 1;
  transition: max-height .28s ease, opacity .18s ease;
  transform: none !important;
  animation: none !important;
}
body.is-scrolled .topbar{
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}
.navbar{
  position: sticky !important;
  top: 0 !important;
  z-index: 1199 !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}
body.is-scrolled .navbar{
  box-shadow: 0 14px 34px rgba(15,59,47,.13);
}

/* =========================================================
   Standard Gold Loan page premium layout
   ========================================================= */
.wrv-product-showcase{
  padding: 95px 0;
  background:
    linear-gradient(135deg, rgba(246,248,245,.95), rgba(255,255,255,1) 58%),
    radial-gradient(circle at top right, rgba(212,175,55,.16), transparent 36%);
}
.wrv-product-hero-grid{
  display: grid;
  grid-template-columns: 1.02fr .98fr;
  gap: 58px;
  align-items: center;
}
.wrv-product-copy{
  max-width: 610px;
}
.wrv-product-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--green);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 16px;
}
.wrv-product-kicker::before{
  content: "";
  width: 42px;
  height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--gold2));
  border-radius: 999px;
}
.wrv-product-copy h2,
.wrv-opportunity-content h2{
  margin: 0 0 18px;
  color: #102a22;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.wrv-product-lead,
.wrv-opportunity-content p{
  color: #5d6d67;
  font-size: 17px;
  line-height: 1.85;
  margin: 0 0 28px;
}
.wrv-product-points{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 26px 0 32px;
}
.wrv-product-point{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(15,59,47,.08);
  border-radius: 18px;
  box-shadow: 0 14px 34px rgba(15,59,47,.08);
}
.wrv-product-point span{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--gold), var(--gold2));
  color: #102a22;
  font-weight: 900;
}
.wrv-product-point strong{
  color: #17211e;
  font-size: 15px;
}
.wrv-product-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 150px;
}
.wrv-product-visual{
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  min-height: 520px;
  box-shadow: 0 28px 70px rgba(15,59,47,.20);
  border: 8px solid #fff;
}
.wrv-product-visual::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(15,59,47,.42));
  pointer-events: none;
}
.wrv-product-visual img,
.wrv-opportunity-image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.wrv-product-float-card{
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 26px;
  z-index: 2;
  padding: 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.93);
  backdrop-filter: blur(12px);
  box-shadow: 0 18px 40px rgba(0,0,0,.13);
}
.wrv-product-float-card span{
  display: block;
  color: var(--green);
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 5px;
}
.wrv-product-float-card strong{
  color: #18231e;
  font-size: 18px;
}
.wrv-opportunity-section{
  padding: 95px 0;
  background: #fff;
}
.wrv-opportunity-grid{
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 58px;
  align-items: stretch;
}
.wrv-opportunity-image{
  border-radius: 34px;
  overflow: hidden;
  min-height: 560px;
  box-shadow: 0 24px 60px rgba(15,59,47,.16);
}
.wrv-opportunity-content{
  padding: 46px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, #f8faf7, #fff),
    radial-gradient(circle at top right, rgba(212,175,55,.18), transparent 42%);
  border: 1px solid rgba(15,59,47,.08);
  box-shadow: 0 22px 55px rgba(15,59,47,.08);
}
.wrv-opportunity-content h2{
  font-size: clamp(30px, 3.4vw, 46px);
}
.wrv-feature-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 30px 0 32px;
}
.wrv-feature-item{
  padding: 22px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(15,59,47,.08);
  box-shadow: 0 10px 28px rgba(15,59,47,.07);
  min-height: 126px;
}
.wrv-feature-item span{
  color: var(--gold);
  font-weight: 900;
  font-size: 13px;
}
.wrv-feature-item h3{
  margin: 10px 0 0;
  color: #17352c;
  font-size: 16px;
  line-height: 1.45;
}

@media (max-width: 980px){
  .wrv-product-showcase,
  .wrv-opportunity-section{
    padding: 64px 0;
  }
  .wrv-product-hero-grid,
  .wrv-opportunity-grid{
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .wrv-product-copy,
  .wrv-opportunity-content{
    text-align: center;
    max-width: 100%;
  }
  .wrv-product-kicker{
    justify-content: center;
  }
  .wrv-product-points,
  .wrv-feature-grid{
    grid-template-columns: 1fr;
  }
  .wrv-product-visual,
  .wrv-opportunity-image{
    min-height: 380px;
  }
  .wrv-opportunity-content{
    padding: 30px 22px;
  }
}
@media (max-width: 560px){
  .wrv-product-showcase,
  .wrv-opportunity-section{
    padding: 46px 0;
  }
  .wrv-product-copy h2,
  .wrv-opportunity-content h2{
    font-size: 31px;
  }
  .wrv-product-lead,
  .wrv-opportunity-content p{
    font-size: 15px;
  }
  .wrv-product-visual,
  .wrv-opportunity-image{
    min-height: 310px;
    border-radius: 24px;
  }
  .wrv-product-float-card{
    left: 16px;
    right: 16px;
    bottom: 16px;
    padding: 18px;
  }
}


/* =========================================================
   Final sticky navbar fix + product opportunity no-image layout
   ========================================================= */
body.is-scrolled{
  padding-top: 85px;
}
body.is-scrolled .topbar{
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}
body.is-scrolled .navbar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: rgba(255,255,255,.96) !important;
  backdrop-filter: blur(18px);
  box-shadow: 0 14px 34px rgba(15,59,47,.13);
}

.wrv-opportunity-noimage{
  padding: 88px 0;
  background:
    radial-gradient(circle at 8% 18%, rgba(212,175,55,.14), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7faf6 100%);
}
.wrv-opportunity-noimage .wrv-opportunity-content{
  max-width: 1080px;
  margin: 0 auto;
  padding: 52px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,250,247,.98));
  border: 1px solid rgba(15,59,47,.09);
  box-shadow: 0 24px 65px rgba(15,59,47,.10);
  position: relative;
  overflow: hidden;
}
.wrv-opportunity-noimage .wrv-opportunity-content::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--green), var(--gold), var(--green2));
}
.wrv-opportunity-head{
  max-width: 780px;
  margin-bottom: 34px;
}
.wrv-opportunity-noimage .wrv-opportunity-content h2{
  max-width: 760px;
}
.wrv-opportunity-noimage .wrv-feature-grid{
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.wrv-opportunity-noimage .wrv-feature-item{
  min-height: 150px;
  background:
    linear-gradient(180deg, #ffffff, #fbfcfa);
  border: 1px solid rgba(15,59,47,.09);
  box-shadow: 0 14px 32px rgba(15,59,47,.07);
}
.wrv-opportunity-noimage .wrv-product-cta{
  margin-top: 6px;
}

@media (max-width: 980px){
  body.is-scrolled{ padding-top: 78px; }
  .wrv-opportunity-noimage{ padding: 62px 0; }
  .wrv-opportunity-noimage .wrv-opportunity-content{
    padding: 36px 24px;
    text-align: center;
  }
  .wrv-opportunity-head{
    margin-left: auto;
    margin-right: auto;
  }
  .wrv-opportunity-noimage .wrv-feature-grid{
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px){
  body.is-scrolled{ padding-top: 72px; }
  .wrv-opportunity-noimage .wrv-feature-grid{
    grid-template-columns: 1fr;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content{
    border-radius: 24px;
  }
}


/* =========================================================
   Refined Open The Door section - no card, blended background
   ========================================================= */
.wrv-product-showcase{
  background:
    linear-gradient(135deg, rgba(246,248,245,.95), rgba(255,255,255,1) 58%),
    radial-gradient(circle at top right, rgba(212,175,55,.16), transparent 36%) !important;
}
.wrv-opportunity-noimage{
  padding: 10px 0 92px !important;
  margin-top: -1px;
  background:
    linear-gradient(135deg, rgba(246,248,245,.95), rgba(255,255,255,1) 58%),
    radial-gradient(circle at top right, rgba(212,175,55,.16), transparent 36%) !important;
}
.wrv-opportunity-noimage .wrv-opportunity-content{
  max-width: 1180px;
  margin: 0 auto;
  padding: 38px 0 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  position: relative;
}
.wrv-opportunity-noimage .wrv-opportunity-content::before{
  display: none !important;
}
.wrv-opportunity-head{
  max-width: 820px !important;
  margin: 0 0 34px !important;
  padding-left: 34px;
  border-left: 4px solid var(--gold);
  position: relative;
}
.wrv-opportunity-head::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-18px;
  width:180px;
  height:1px;
  background:linear-gradient(90deg, var(--gold), rgba(212,175,55,0));
}
.wrv-opportunity-noimage .wrv-opportunity-content h2{
  max-width: 780px;
  font-size: clamp(32px, 3.8vw, 52px) !important;
  line-height: 1.08;
}
.wrv-opportunity-noimage .wrv-opportunity-content p{
  max-width: 760px;
  margin-bottom: 0;
}
.wrv-opportunity-noimage .wrv-feature-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  margin: 46px 0 34px !important;
  border-top: 1px solid rgba(15,59,47,.12);
  border-bottom: 1px solid rgba(15,59,47,.12);
}
.wrv-opportunity-noimage .wrv-feature-item{
  min-height: auto !important;
  padding: 30px 24px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-right: 1px solid rgba(15,59,47,.12) !important;
  box-shadow: none !important;
  position: relative;
  transition: transform .25s ease;
}
.wrv-opportunity-noimage .wrv-feature-item:last-child{
  border-right: 0 !important;
}
.wrv-opportunity-noimage .wrv-feature-item::before{
  content:"";
  position:absolute;
  left:24px;
  top:0;
  width:44px;
  height:3px;
  background:linear-gradient(90deg, var(--gold), var(--gold2));
  border-radius:999px;
}
.wrv-opportunity-noimage .wrv-feature-item span{
  display:block;
  margin-bottom: 12px;
  color: rgba(15,59,47,.42) !important;
  font-size: 14px !important;
  letter-spacing: .12em;
}
.wrv-opportunity-noimage .wrv-feature-item h3{
  margin:0 !important;
  color:#14352b !important;
  font-size: 17px !important;
  line-height:1.45;
}
.wrv-opportunity-noimage .wrv-product-cta{
  margin-top: 0 !important;
}
@media (max-width: 980px){
  .wrv-opportunity-noimage{
    padding: 0 0 64px !important;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content{
    text-align:left !important;
    padding-top: 18px !important;
  }
  .wrv-opportunity-head{
    padding-left: 24px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .wrv-opportunity-noimage .wrv-feature-grid{
    grid-template-columns: 1fr 1fr !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item{
    border-right: 0 !important;
    border-bottom: 1px solid rgba(15,59,47,.12) !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item:nth-child(odd){
    border-right: 1px solid rgba(15,59,47,.12) !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item:nth-last-child(-n+2){
    border-bottom: 0 !important;
  }
}
@media (max-width: 560px){
  .wrv-opportunity-noimage{
    padding: 0 0 48px !important;
  }
  .wrv-opportunity-head{
    padding-left: 18px;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content h2{
    font-size: 29px !important;
  }
  .wrv-opportunity-noimage .wrv-feature-grid{
    grid-template-columns: 1fr !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item,
  .wrv-opportunity-noimage .wrv-feature-item:nth-child(odd){
    border-right: 0 !important;
    border-bottom: 1px solid rgba(15,59,47,.12) !important;
    padding: 24px 4px 24px 18px !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item:last-child{
    border-bottom: 0 !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item::before{
    left:18px;
  }
}

/* =========================================================
   Premium wide opportunity card redesign - Standard Gold Loan
   ========================================================= */
.wrv-product-showcase,
.wrv-opportunity-noimage{
  background:
    radial-gradient(circle at 12% 0%, rgba(212,175,55,.18), transparent 34%),
    linear-gradient(135deg, rgba(246,248,245,.98), rgba(255,255,255,1) 58%) !important;
}
.wrv-opportunity-noimage{
  padding: 18px 0 96px !important;
  margin-top: -1px;
}
.wrv-opportunity-noimage .wrv-opportunity-content{
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 54px 58px !important;
  border-radius: 32px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.94) 0%, rgba(249,251,248,.98) 54%, rgba(242,247,240,.96) 100%) !important;
  border: 1px solid rgba(15,59,47,.10) !important;
  box-shadow: 0 28px 80px rgba(15,59,47,.12) !important;
  position: relative !important;
  overflow: hidden !important;
}
.wrv-opportunity-noimage .wrv-opportunity-content::before{
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 7px !important;
  height: auto !important;
  background: linear-gradient(180deg, var(--gold), var(--green), var(--gold2)) !important;
  border-radius: 32px 0 0 32px !important;
}
.wrv-opportunity-noimage .wrv-opportunity-content::after{
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  right: -130px;
  top: -135px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(212,175,55,.20), rgba(212,175,55,.04) 55%, transparent 70%);
  pointer-events: none;
}
.wrv-opportunity-head{
  max-width: 900px !important;
  margin: 0 0 34px !important;
  padding-left: 0 !important;
  border-left: 0 !important;
  position: relative;
  z-index: 2;
}
.wrv-opportunity-head::after{
  content: "" !important;
  position: relative !important;
  display: block !important;
  left: auto !important;
  bottom: auto !important;
  width: 150px !important;
  height: 3px !important;
  margin-top: 22px !important;
  background: linear-gradient(90deg, var(--gold), rgba(212,175,55,0)) !important;
  border-radius: 999px !important;
}
.wrv-opportunity-noimage .wrv-product-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}
.wrv-opportunity-noimage .wrv-product-kicker::before{
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 0 6px rgba(212,175,55,.15);
}
.wrv-opportunity-noimage .wrv-opportunity-content h2{
  max-width: 850px !important;
  font-size: clamp(30px, 3.3vw, 46px) !important;
  line-height: 1.12 !important;
  margin-bottom: 18px !important;
  color: #14352b !important;
}
.wrv-opportunity-noimage .wrv-opportunity-content p{
  max-width: 790px !important;
  color: rgba(20,53,43,.72) !important;
  font-size: 17px !important;
  line-height: 1.85 !important;
}
.wrv-opportunity-noimage .wrv-feature-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 38px 0 34px !important;
  border: 0 !important;
  position: relative;
  z-index: 2;
}
.wrv-opportunity-noimage .wrv-feature-item,
.wrv-opportunity-noimage .wrv-feature-item:nth-child(odd){
  min-height: 128px !important;
  padding: 24px 22px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.72) !important;
  border: 1px solid rgba(15,59,47,.10) !important;
  border-right: 1px solid rgba(15,59,47,.10) !important;
  border-bottom: 1px solid rgba(15,59,47,.10) !important;
  box-shadow: 0 12px 28px rgba(15,59,47,.07) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
.wrv-opportunity-noimage .wrv-feature-item:hover{
  transform: translateY(-5px);
  border-color: rgba(212,175,55,.36) !important;
  box-shadow: 0 18px 36px rgba(15,59,47,.11) !important;
}
.wrv-opportunity-noimage .wrv-feature-item::before{
  left: 22px !important;
  top: 0 !important;
  width: 42px !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--gold), var(--gold2)) !important;
}
.wrv-opportunity-noimage .wrv-feature-item span{
  display: inline-flex !important;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px !important;
  border-radius: 50%;
  background: rgba(212,175,55,.13);
  color: #9a7415 !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  font-weight: 800;
}
.wrv-opportunity-noimage .wrv-feature-item h3{
  font-size: 16px !important;
  line-height: 1.45 !important;
  color: #14352b !important;
}
.wrv-opportunity-noimage .wrv-product-cta{
  position: relative;
  z-index: 2;
  margin-top: 0 !important;
}
@media (max-width: 980px){
  .wrv-opportunity-noimage{
    padding: 0 0 68px !important;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content{
    padding: 42px 30px !important;
    border-radius: 26px !important;
    text-align: left !important;
  }
  .wrv-opportunity-noimage .wrv-feature-grid{
    grid-template-columns: 1fr 1fr !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item:nth-last-child(-n+2){
    border-bottom: 1px solid rgba(15,59,47,.10) !important;
  }
}
@media (max-width: 560px){
  .wrv-opportunity-noimage{
    padding: 0 0 54px !important;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content{
    padding: 36px 22px !important;
    border-radius: 22px !important;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content::before{
    width: 5px !important;
    border-radius: 22px 0 0 22px !important;
  }
  .wrv-opportunity-noimage .wrv-opportunity-content h2{
    font-size: 28px !important;
  }
  .wrv-opportunity-noimage .wrv-feature-grid{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .wrv-opportunity-noimage .wrv-feature-item,
  .wrv-opportunity-noimage .wrv-feature-item:nth-child(odd){
    padding: 22px 20px !important;
  }
}



/* =========================================================
   Standard Gold Loan - Premium concept redesign
   Navigation / topbar untouched
   Image replace note: change only .wrv-gold-bg-image img src in HTML.
   ========================================================= */

.wrv-gold-concept-hero,
.wrv-gold-opportunity{
  background:#05392f !important;
}

.wrv-gold-concept-hero{
  position:relative;
  min-height:640px;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:105px 0;
  isolation:isolate;
}

.wrv-gold-bg-image{
  position:absolute;
  inset:0;
  z-index:-2;
  overflow:hidden;
}

.wrv-gold-bg-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  display:block;
  transform:scale(1.02);
}

/* fixed gradient layer - image can be changed, effect stays same */
.wrv-gold-concept-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(0,45,36,.98) 0%, rgba(0,62,50,.92) 34%, rgba(0,62,50,.58) 58%, rgba(0,0,0,.20) 100%),
    radial-gradient(circle at 25% 20%, rgba(243,198,76,.12), transparent 32%);
  pointer-events:none;
}

.wrv-gold-concept-content{
  max-width:610px;
  color:#fff;
}

.wrv-gold-kicker{
  display:inline-block;
  color:#f3c64c;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.06em;
  font-size:14px;
  margin-bottom:18px;
  position:relative;
  padding-bottom:13px;
}

.wrv-gold-kicker::after{
  content:"";
  width:42px;
  height:2px;
  background:#f3c64c;
  position:absolute;
  left:0;
  bottom:0;
  border-radius:10px;
}

.wrv-gold-concept-content h2{
  color:#fff;
  font-size:clamp(38px, 4.8vw, 68px);
  line-height:1.08;
  margin:0 0 22px;
  letter-spacing:-.045em;
}

.wrv-gold-concept-content p{
  color:rgba(255,255,255,.86);
  font-size:17px;
  line-height:1.8;
  max-width:600px;
  margin:0;
}

.wrv-gold-mini-points{
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  margin:34px 0 36px;
}

.wrv-gold-mini-point{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
}

.wrv-gold-mini-point span{
  width:58px;
  height:58px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid #f3c64c;
  color:#f3c64c;
  font-size:23px;
}

.wrv-gold-mini-point strong{
  font-size:16px;
  line-height:1.45;
  color:#fff;
}

.wrv-gold-btn{
  gap:12px;
  border-radius:8px;
  padding:15px 28px;
  box-shadow:none !important;
}

.wrv-gold-btn i{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,45,36,.9);
  color:#f3c64c;
  font-size:13px;
}

/* opportunity section blends with hero */
.wrv-gold-opportunity{
  padding:78px 0 100px;
  margin-top:-1px;
  color:#fff;
  position:relative;
  overflow:hidden;
}

.wrv-gold-opportunity::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 5%, rgba(243,198,76,.10), transparent 34%),
    linear-gradient(180deg, #05392f 0%, #043229 100%);
  pointer-events:none;
}

.wrv-gold-opportunity-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.95fr 1.35fr;
  gap:58px;
  align-items:center;
}

.wrv-gold-opportunity-left{
  position:relative;
  padding-right:44px;
  border-right:1px solid rgba(243,198,76,.42);
}

.wrv-gold-door-icon{
  width:88px;
  height:88px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1.5px solid #f3c64c;
  color:#f3c64c;
  font-size:36px;
  margin-bottom:28px;
}

.wrv-gold-opportunity-left h2{
  color:#fff;
  font-size:clamp(30px,3.3vw,48px);
  line-height:1.16;
  letter-spacing:-.035em;
  margin:0 0 22px;
}

.wrv-gold-opportunity-left p{
  color:rgba(255,255,255,.82);
  font-size:16px;
  line-height:1.85;
  margin:0 0 32px;
  /* text-align: justify; */
}

.wrv-gold-outline-btn{
  background:transparent !important;
  color:#fff !important;
  border:1px solid #f3c64c !important;
}

.wrv-gold-outline-btn:hover{
  background:#f3c64c !important;
  color:#082f26 !important;
}

.wrv-gold-feature-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:42px;
  row-gap:38px;
}

.wrv-gold-feature-item{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:20px;
  align-items:start;
  padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,.14);
}

.wrv-gold-feature-item span{
  width:72px;
  height:72px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1.5px solid rgba(255,255,255,.28);
  color:#f3c64c;
  font-size:30px;
  transition:.25s ease;
}

.wrv-gold-feature-item:hover span{
  border-color:#f3c64c;
  transform:translateY(-4px);
}

.wrv-gold-feature-item h3{
  margin:0 0 10px;
  color:#fff;
  font-size:17px;
  line-height:1.35;
}

.wrv-gold-feature-item p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:14.5px;
  line-height:1.7;
}

@media(max-width:991px){
  .wrv-gold-concept-hero{
    min-height:auto;
    padding:78px 0;
  }

  .wrv-gold-bg-image img{
    object-position:center;
  }

  .wrv-gold-concept-hero::before{
    background:linear-gradient(180deg, rgba(0,45,36,.96) 0%, rgba(0,62,50,.90) 55%, rgba(0,45,36,.78) 100%);
  }

  .wrv-gold-concept-content{
    text-align:center;
    margin:0 auto;
  }

  .wrv-gold-kicker::after{
    left:50%;
    transform:translateX(-50%);
  }

  .wrv-gold-mini-points{
    justify-content:center;
  }

  .wrv-gold-opportunity{
    padding:64px 0 76px;
  }

  .wrv-gold-opportunity-grid{
    grid-template-columns:1fr;
    gap:42px;
    text-align:center;
  }

  .wrv-gold-opportunity-left{
    padding-right:0;
    border-right:0;
  }

  .wrv-gold-door-icon{
    margin-left:auto;
    margin-right:auto;
  }

  .wrv-gold-feature-list{
    grid-template-columns:1fr 1fr;
    gap:26px;
    text-align:left;
  }
}

@media(max-width:640px){
  .wrv-gold-concept-hero{
    padding:62px 0;
  }

  .wrv-gold-concept-content h2{
    font-size:34px;
  }

  .wrv-gold-concept-content p{
    font-size:15px;
  }

  .wrv-gold-mini-points{
    flex-direction:column;
    align-items:center;
    gap:18px;
  }

  .wrv-gold-feature-list{
    grid-template-columns:1fr;
  }

  .wrv-gold-feature-item{
    grid-template-columns:64px 1fr;
    gap:16px;
    padding-bottom:26px;
  }

  .wrv-gold-feature-item span{
    width:58px;
    height:58px;
    font-size:24px;
  }
}


/* =========================================================
   Standard Gold Loan - final green synchronized concept
   Nav/topbar untouched. Change hero image from the img src in
   .wrv-gold-bg-image inside standard-gold-loan.html.
   ========================================================= */
.standard-gold-page{
  background:#05392f;
}
.standard-gold-page .page-hero,
.standard-gold-page .wrv-gold-concept-hero,
.standard-gold-page .wrv-gold-opportunity
{
  background:#05392f !important;
  background-color:#05392f !important;
}
.standard-gold-page .page-hero{
  padding:54px 0 46px;
  border-bottom:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  position:relative;
}
.standard-gold-page .page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 20%, rgba(243,198,76,.10), transparent 34%);
  pointer-events:none;
}
.standard-gold-page .page-hero .container{
  position:relative;
  z-index:1;
}
.standard-gold-page .breadcrumb{
  color:rgba(255,255,255,.66);
}
.standard-gold-page .page-hero h1{
  color:#fff;
}

.standard-gold-page .wrv-gold-concept-hero{
  min-height:650px;
  padding:108px 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.standard-gold-page .wrv-gold-bg-image{
  inset:0 0 0 34%;
  z-index:0;
}
.standard-gold-page .wrv-gold-bg-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  opacity:.96;
  filter:saturate(1.08) contrast(1.04);
}
.standard-gold-page .wrv-gold-concept-hero::before{
  z-index:1;
  background:
    linear-gradient(90deg, #05392f 0%, rgba(5,57,47,.98) 28%, rgba(5,57,47,.78) 48%, rgba(5,57,47,.34) 72%, rgba(5,57,47,.10) 100%),
    linear-gradient(180deg, rgba(5,57,47,.20) 0%, rgba(5,57,47,.08) 52%, #05392f 100%);
}
.standard-gold-page .wrv-gold-concept-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(ellipse at 54% 22%, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 16%, transparent 34%),
    radial-gradient(ellipse at 62% 30%, rgba(255,255,255,.12) 0%, rgba(255,255,255,.05) 18%, transparent 40%),
    radial-gradient(ellipse at 50% 42%, rgba(255,255,255,.08) 0%, transparent 32%);
  filter:blur(12px);
}
.standard-gold-page .wrv-gold-concept-content{
  position:relative;
  z-index:3;
}
.standard-gold-page .wrv-gold-concept-content h2{
  text-shadow:0 12px 32px rgba(0,0,0,.22);
}
.standard-gold-page .wrv-gold-btn{
  background:#f3c64c !important;
  color:#082f26 !important;
  border:0 !important;
}
.standard-gold-page .wrv-gold-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(0,0,0,.20) !important;
}

.standard-gold-page .wrv-gold-opportunity{
  margin-top:0;
  padding:76px 0 90px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.standard-gold-page .wrv-gold-opportunity::before{
  background:
    radial-gradient(circle at 12% 8%, rgba(243,198,76,.09), transparent 32%),
    radial-gradient(circle at 74% 12%, rgba(255,255,255,.045), transparent 30%),
    #05392f !important;
}
.standard-gold-page .wrv-gold-opportunity-left{
  border-right:1px solid rgba(243,198,76,.38);
}
.standard-gold-page .wrv-gold-feature-item{
  border-bottom:1px solid rgba(255,255,255,.13);
}
.standard-gold-page .wrv-gold-feature-item span,
.standard-gold-page .wrv-gold-door-icon,
.standard-gold-page .wrv-gold-mini-point span{
  background:rgba(0,0,0,.08);
  border-color:#f3c64c;
}
.standard-gold-page .wrv-gold-outline-btn{
  background:rgba(255,255,255,.04) !important;
  color:#fff !important;
  /* border:1px solid #f3c64c !important; */
}
.standard-gold-page .wrv-gold-outline-btn:hover{
  background:#f3c64c !important;
  color:#082f26 !important;
}

.standard-gold-page .footer{
  margin-top:0;
  border-top:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.standard-gold-page .footer::before{
  opacity:.35;
}
.standard-gold-page .footer .copy{
  border-top-color:rgba(255,255,255,.12);
}

@media(max-width:991px){
  .standard-gold-page .page-hero{
    padding:42px 0 36px;
    text-align:center;
  }
  .standard-gold-page .wrv-gold-concept-hero{
    min-height:auto;
    padding:82px 0 76px;
  }
  .standard-gold-page .wrv-gold-bg-image{
    inset:0;
  }
  .standard-gold-page .wrv-gold-bg-image img{
    object-position:center;
    opacity:.38;
  }
  .standard-gold-page .wrv-gold-concept-hero::before{
    background:linear-gradient(180deg, rgba(5,57,47,.96) 0%, rgba(5,57,47,.88) 54%, #05392f 100%);
  }
  .standard-gold-page .wrv-gold-concept-hero::after{
    opacity:.28;
  }
  .standard-gold-page .wrv-gold-opportunity-left{
    border-right:0;
  }
}
@media(max-width:640px){
  .standard-gold-page .wrv-gold-concept-hero{
    padding:66px 0 64px;
  }
  .standard-gold-page .wrv-gold-bg-image img{
    opacity:.30;
  }
  .standard-gold-page .wrv-gold-opportunity{
    padding:58px 0 68px;
  }
}

/* =========================================================
   Standard Gold Loan - single-tone green sync correction
   Removes section-to-section gradient mismatch while keeping
   image blend/smoke overlay and existing content layout.
   ========================================================= */
.standard-gold-page,
.standard-gold-page .page-hero,
.standard-gold-page .wrv-gold-concept-hero,
.standard-gold-page .wrv-gold-opportunity{
  background:#05392f !important;
  background-color:#05392f !important;
}

.standard-gold-page .page-hero::before,
.standard-gold-page .wrv-gold-opportunity::before
{
  display:none !important;
  opacity:0 !important;
  background:none !important;
}

.standard-gold-page .wrv-gold-concept-hero{
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

/* Keep the right-side image effect, but remove changing green tones */
.standard-gold-page .wrv-gold-concept-hero::before{
  background:linear-gradient(
    90deg,
    #05392f 0%,
    #05392f 28%,
    rgba(5,57,47,.86) 48%,
    rgba(5,57,47,.40) 72%,
    rgba(5,57,47,.12) 100%
  ) !important;
}

.standard-gold-page .wrv-gold-concept-hero::after{
  opacity:.42 !important;
  background:
    radial-gradient(ellipse at 55% 22%, rgba(255,255,255,.16) 0%, rgba(255,255,255,.07) 18%, transparent 36%),
    radial-gradient(ellipse at 63% 34%, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 18%, transparent 42%) !important;
}

.standard-gold-page .wrv-gold-opportunity{
  margin-top:0 !important;
  box-shadow:none !important;
}

.standard-gold-page .wrv-gold-feature-item span,
.standard-gold-page .wrv-gold-door-icon,
.standard-gold-page .wrv-gold-mini-point span{
  background:transparent !important;
}

@media(max-width:991px){
  .standard-gold-page .wrv-gold-concept-hero::before{
    background:rgba(5,57,47,.90) !important;
  }
}


/* =========================================================
   Standard Gold Loan - Light premium content sections only
   Nav/topbar/footer untouched. Applies only to the two main
   product content sections below the page banner.
   ========================================================= */
.standard-gold-page .wrv-gold-concept-hero,
.standard-gold-page .wrv-gold-opportunity{
  background:#f8f4ea !important;
  background-color:#f8f4ea !important;
  color:#14382f !important;
}

.standard-gold-page .wrv-gold-concept-hero{
  border-bottom:1px solid rgba(20,56,47,.10) !important;
}

.standard-gold-page .wrv-gold-concept-hero::before{
  background:
    linear-gradient(90deg,
      #f8f4ea 0%,
      rgba(248,244,234,.98) 26%,
      rgba(248,244,234,.88) 48%,
      rgba(248,244,234,.45) 72%,
      rgba(248,244,234,.18) 100%) !important;
}

.standard-gold-page .wrv-gold-concept-hero::after{
  opacity:.25 !important;
  background:
    radial-gradient(ellipse at 57% 24%, rgba(255,255,255,.55) 0%, rgba(255,255,255,.22) 20%, transparent 42%) !important;
}

.standard-gold-page .wrv-gold-concept-content,
.standard-gold-page .wrv-gold-opportunity-left,
.standard-gold-page .wrv-gold-feature-item{
  color:#14382f !important;
}

.standard-gold-page .wrv-gold-concept-content h2,
.standard-gold-page .wrv-gold-opportunity-left h2,
.standard-gold-page .wrv-gold-feature-item h3,
.standard-gold-page .wrv-gold-mini-point strong{
  color:#14382f !important;
  text-shadow:none !important;
}

.standard-gold-page .wrv-gold-concept-content p,
.standard-gold-page .wrv-gold-opportunity-left p,
.standard-gold-page .wrv-gold-feature-item p{
  color:rgba(20,56,47,.78) !important;
}

.standard-gold-page .wrv-gold-kicker,
.standard-gold-page .wrv-gold-mini-point span,
.standard-gold-page .wrv-gold-door-icon,
.standard-gold-page .wrv-gold-feature-item span{
  color:#b58b18 !important;
  border-color:#d6aa2d !important;
}

.standard-gold-page .wrv-gold-kicker::after{
  background:#d6aa2d !important;
}

.standard-gold-page .wrv-gold-mini-point span,
.standard-gold-page .wrv-gold-door-icon,
.standard-gold-page .wrv-gold-feature-item span{
  background:rgba(255,255,255,.52) !important;
}

.standard-gold-page .wrv-gold-bg-image img{
  opacity:.94 !important;
  filter:saturate(1.04) contrast(1.02) brightness(1.03) !important;
}

.standard-gold-page .wrv-gold-btn{
  background:#f3c64c !important;
  color:#082f26 !important;
}

.standard-gold-page .wrv-gold-outline-btn{
  background:#14382f !important;
  border-color:#14382f !important;
  color:#fff !important;
}

.standard-gold-page .wrv-gold-outline-btn i{
  background:rgba(255,255,255,.16) !important;
  color:#f3c64c !important;
}

.standard-gold-page .wrv-gold-opportunity{
  margin-top:0 !important;
  padding:78px 0 92px !important;
  border-bottom:0 !important;
}

.standard-gold-page .wrv-gold-opportunity::before{
  background:#f8f4ea !important;
}

.standard-gold-page .wrv-gold-opportunity-left{
  border-right:1px solid rgba(20,56,47,.16) !important;
}

.standard-gold-page .wrv-gold-feature-item{
  border-bottom:1px solid rgba(20,56,47,.12) !important;
}

.standard-gold-page .wrv-gold-feature-item:hover span{
  border-color:#d6aa2d !important;
  transform:translateY(-4px);
}

@media(max-width:991px){
  .standard-gold-page .wrv-gold-concept-hero::before{
    background:
      linear-gradient(180deg,
        rgba(248,244,234,.96) 0%,
        rgba(248,244,234,.92) 56%,
        #f8f4ea 100%) !important;
  }

  .standard-gold-page .wrv-gold-opportunity-left{
    border-right:0 !important;
  }
}

/* =========================================================
   Standard Gold Loan - Alternate premium color theme
   Only changes the two product content sections.
   Nav/topbar/page banner/footer are untouched.
   ========================================================= */
.standard-gold-page .wrv-gold-concept-hero,
.standard-gold-page .wrv-gold-opportunity{
  background:#eef3ee !important;
  background-color:#eef3ee !important;
  color:#173b31 !important;
}

.standard-gold-page .wrv-gold-concept-hero{
  border-bottom:1px solid rgba(23,59,49,.12) !important;
}

.standard-gold-page .wrv-gold-concept-hero::before{
  background:linear-gradient(90deg,
    #eef3ee 0%,
    rgba(238,243,238,.98) 28%,
    rgba(238,243,238,.88) 50%,
    rgba(238,243,238,.48) 73%,
    rgba(238,243,238,.16) 100%) !important;
}

.standard-gold-page .wrv-gold-concept-hero::after{
  opacity:.32 !important;
  background:
    radial-gradient(ellipse at 58% 25%, rgba(255,255,255,.75) 0%, rgba(255,255,255,.28) 20%, transparent 44%),
    radial-gradient(ellipse at 68% 38%, rgba(223,211,172,.22) 0%, rgba(223,211,172,.10) 22%, transparent 48%) !important;
}

.standard-gold-page .wrv-gold-opportunity::before{
  background:#eef3ee !important;
}

.standard-gold-page .wrv-gold-concept-content,
.standard-gold-page .wrv-gold-opportunity-left,
.standard-gold-page .wrv-gold-feature-item{
  color:#173b31 !important;
}

.standard-gold-page .wrv-gold-concept-content h2,
.standard-gold-page .wrv-gold-opportunity-left h2,
.standard-gold-page .wrv-gold-feature-item h3,
.standard-gold-page .wrv-gold-mini-point strong{
  color:#173b31 !important;
  text-shadow:none !important;
}

.standard-gold-page .wrv-gold-concept-content p,
.standard-gold-page .wrv-gold-opportunity-left p,
.standard-gold-page .wrv-gold-feature-item p{
  color:rgba(23,59,49,.76) !important;
}

.standard-gold-page .wrv-gold-kicker,
.standard-gold-page .wrv-gold-mini-point span,
.standard-gold-page .wrv-gold-door-icon,
.standard-gold-page .wrv-gold-feature-item span{
  color:#b28719 !important;
  border-color:#cfa83a !important;
}

.standard-gold-page .wrv-gold-kicker::after{
  background:#cfa83a !important;
}

.standard-gold-page .wrv-gold-mini-point span,
.standard-gold-page .wrv-gold-door-icon,
.standard-gold-page .wrv-gold-feature-item span{
  background:#ffffff !important;
  box-shadow:0 12px 30px rgba(23,59,49,.08) !important;
}

.standard-gold-page .wrv-gold-opportunity-left{
  border-right:1px solid rgba(23,59,49,.16) !important;
}

.standard-gold-page .wrv-gold-feature-item{
  border-bottom:1px solid rgba(23,59,49,.12) !important;
}

.standard-gold-page .wrv-gold-btn{
  background:#f3c64c !important;
  color:#082f26 !important;
}

.standard-gold-page .wrv-gold-outline-btn{
  background:#173b31 !important;
  border-color:#173b31 !important;
  color:#fff !important;
}

.standard-gold-page .wrv-gold-outline-btn i{
  background:rgba(255,255,255,.16) !important;
  color:#f3c64c !important;
}

@media(max-width:991px){
  .standard-gold-page .wrv-gold-concept-hero::before{
    background:rgba(238,243,238,.94) !important;
  }
  .standard-gold-page .wrv-gold-opportunity-left{
    border-right:0 !important;
  }
}

/* ----------------------------------------------- */

.standard-gold-page .footer::before{
  content: "";
  position: absolute;
  inset: 0;
  display: block !important;
  opacity: 1 !important;
  background: radial-gradient(circle at top left, rgba(243,198,76,.10), transparent 34%),
              radial-gradient(circle at bottom right, rgba(255,255,255,.05), transparent 32%) !important;
  pointer-events: none;
}
/* ----------------------------------------------- */
/* Other Products - Mahindra Insurance Brokers section only */
.other-products-page .mibl-intro-section,
.other-products-page .mibl-product-section{
  padding:72px 0;
}
.other-products-page .mibl-intro-section{
  background:#fff;
}
.other-products-page .mibl-intro-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:linear-gradient(135deg, rgba(15,59,47,.06), rgba(212,175,55,.08));
  border:1px solid rgba(15,59,47,.10);
  border-radius:30px;
  padding:30px 34px;
  margin-bottom:30px;
  box-shadow:0 16px 42px rgba(15,59,47,.09);
}
.other-products-page .mibl-intro-copy h2,
.other-products-page .mibl-section-title h2{
  color:var(--green);
  font-size:clamp(28px, 3.2vw, 44px);
  line-height:1.12;
  margin:8px 0 10px;
}
.other-products-page .mibl-intro-copy p{
  color:var(--muted);
  max-width:650px;
  margin:0;
}
.other-products-page .mibl-logo-wordmark{
  min-width:255px;
  background:#fff;
  border-radius:22px;
  padding:20px 24px;
  box-shadow:0 12px 28px rgba(15,59,47,.10);
  text-align:left;
  line-height:1;
}
.other-products-page .mibl-logo-wordmark span{
  display:block;
  color:#e31837;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.04em;
}
.other-products-page .mibl-logo-wordmark strong{
  display:block;
  color:#444;
  font-size:18px;
  font-weight:900;
  letter-spacing:.02em;
  margin-top:3px;
}
.other-products-page .mibl-section-title{
  max-width:780px;
  margin-bottom:24px;
}
.other-products-page .mibl-banner{
  background:#fff;
  border:1px solid rgba(15,59,47,.10);
  border-radius:30px;
  padding:14px;
  box-shadow:0 18px 45px rgba(15,59,47,.12);
  overflow:hidden;
}
.other-products-page .mibl-banner img{
  display:block;
  width:100%;
  height:auto;
  border-radius:22px;
}
.other-products-page .mibl-product-section.soft{
  background:var(--soft);
}
@media (max-width: 760px){
  .other-products-page .mibl-intro-section,
  .other-products-page .mibl-product-section{
    padding:52px 0;
  }
  .other-products-page .mibl-intro-card{
    flex-direction:column;
    align-items:flex-start;
    padding:24px;
    border-radius:24px;
  }
  .other-products-page .mibl-logo-wordmark{
    min-width:0;
    width:100%;
  }
  .other-products-page .mibl-banner{
    padding:8px;
    border-radius:22px;
  }
  .other-products-page .mibl-banner img{
    border-radius:16px;
  }
}

/* Mobile-only portrait banners for Mahindra Insurance Brokers section */
.other-products-page .mibl-banner picture{
  display:block;
}
@media (max-width: 760px){
  .other-products-page .mibl-banner{
    max-width:430px;
    margin-left:auto;
    margin-right:auto;
  }
  .other-products-page .mibl-banner img{
    width:100%;
    height:auto;
    object-fit:contain;
  }
}


/* Refined mobile portrait banner fit - keeps desktop unchanged */
@media (max-width: 760px){
  .other-products-page .mibl-banner{
    max-width:560px;
    padding:6px;
    border-radius:20px;
  }
  .other-products-page .mibl-banner img{
    border-radius:14px;
    display:block;
    width:100%;
    height:auto;
  }
}

 .other-pduct-head {
  color: #fbc42d;
 }

/* Professional policy document pages */
.policy-section{
  position:relative;
  padding:86px 0;
  background:linear-gradient(180deg,#f7faf8 0%,#eef6f1 100%);
  overflow:hidden;
}
.policy-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 8% 8%,rgba(251,196,45,.16),transparent 30%),radial-gradient(circle at 92% 18%,rgba(5,57,47,.08),transparent 28%);
  pointer-events:none;
}
.policy-layout{
  position:relative;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:30px;
  align-items:start;
}
.policy-sidebar{
  position:sticky;
  top:105px;
  background:#05392f;
  color:#fff;
  border-radius:26px;
  padding:28px;
  box-shadow:0 22px 55px rgba(5,57,47,.18);
}
.policy-sidebar span{
  display:inline-block;
  color:#fbc42d;
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:10px;
}
.policy-sidebar h3{font-size:24px;line-height:1.2;margin:0 0 22px;color:#fff;}
.policy-sidebar nav{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow:auto;padding-right:4px;}
.policy-sidebar nav a{
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-size:14px;
  line-height:1.35;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.policy-sidebar nav a:hover{background:rgba(251,196,45,.18);color:#fff;}
.policy-document{
  background:#fff;
  border:1px solid rgba(5,57,47,.10);
  border-radius:30px;
  padding:34px;
  box-shadow:0 24px 60px rgba(5,57,47,.10);
}
.policy-intro{
  background:linear-gradient(135deg,#073f35 0%,#0c5a4b 100%);
  border-radius:24px;
  padding:30px;
  margin-bottom:22px;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.policy-intro:after{
  content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(251,196,45,.18);
}
.policy-badge{display:inline-flex;background:#fbc42d;color:#05392f;font-weight:900;border-radius:999px;padding:8px 14px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;}
.policy-intro h2{color:#fff;font-size:34px;margin:0 0 10px;}
.policy-intro p{color:rgba(255,255,255,.86);max-width:720px;margin:0;line-height:1.7;}
.policy-card{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:20px;
  padding:24px 0;
  border-bottom:1px solid rgba(5,57,47,.10);
  scroll-margin-top:120px;
}
.policy-card:last-child{border-bottom:0;padding-bottom:0;}
.policy-count{
  width:54px;height:54px;border-radius:18px;background:#fff7d8;color:#05392f;display:flex;align-items:center;justify-content:center;font-weight:900;border:1px solid rgba(251,196,45,.35);
}
.policy-copy h2{font-size:22px;color:#05392f;margin:0 0 12px;line-height:1.25;}
.policy-copy ul{margin:0;padding-left:20px;display:grid;gap:9px;}
.policy-copy li{color:#31443e;line-height:1.75;font-size:15.5px;}
@media(max-width:900px){
  .policy-layout{grid-template-columns:1fr;}
  .policy-sidebar{position:relative;top:auto;}
  .policy-sidebar nav{max-height:none;}
}
@media(max-width:620px){
  .policy-section{padding:56px 0;}
  .policy-document{padding:18px;border-radius:22px;}
  .policy-intro{padding:22px;border-radius:18px;}
  .policy-intro h2{font-size:26px;}
  .policy-card{grid-template-columns:1fr;gap:12px;padding:22px 0;}
  .policy-count{width:48px;height:48px;border-radius:15px;}
  .policy-copy h2{font-size:20px;}
}

/* =========================================================
   Policy pages instant content visibility fix
   Prevents the policy document area from staying blank until scroll.
   The left index smooth-scroll remains active, but policy content loads
   immediately with no delayed reveal lag.
   ========================================================= */
.policy-section .reveal,
.policy-layout.reveal,
.policy-document.reveal,
.policy-card.reveal{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: opacity .2s ease, transform .2s ease !important;
}

.policy-copy p{color:#31443e;line-height:1.78;font-size:15.5px;margin:0 0 10px;}
.policy-copy h3{font-size:17px;color:#0a4b3f;margin:16px 0 8px;line-height:1.35;}
.policy-subsection{margin-top:10px;}
.policy-sub-list{margin:8px 0 12px 18px !important;padding-left:18px !important;display:grid;gap:8px;}
.policy-sub-list li{list-style:disc;}

/* ---------------------------------------------- */
/* 
.blog-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.blog-page .blog-head {
  max-width: 70%;
}
.blog-page .blog-head p {
  text-align: center;
}
.blog-page .blog-head h2{
  text-align: center;
  font-size: 46px;
  margin: 0;
  color: #05392f !important;
}
.blog-page .blog-section {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 30px;
}
.blog-page .blog-section .blog-card {
  height: 22em;
  width: 23em;
  border-radius: 10px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.11);
   transition: all 0.2s ease;
}
.blog-page .blog-section .blog-card:hover {
  transform: translateY(-4px);
}
.blog-page .blog-section .blog-card img {
  border-radius: 10px 10px 0 0;
}
.blog-page .blog-section .blog-card h3 {
  padding: 8px 18px;
} */

.blog-page {
  padding-top: 20px  !important;
  padding-bottom: 70px  !important;
  background: #f5f7f6;
}

.blog-head {
  text-align: center;
  max-width: 900px;
  margin: auto;
}

.blog-head h2 {
  font-size: 50px;
  font-weight: 700;
  color: #05392f;
  margin-bottom: 18px;
  line-height: 1.2;
}

.blog-head p {
  font-size: 17px;
  line-height: 1.8;
  color: #667085;
}

.blog-section {
  display: flex;
  gap: 24px;
  margin-top: 55px;
  flex-wrap: wrap;
  justify-content: center;
}

.blog-card {
  width: 370px;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  transition: 0.35s ease;
  border: 1px solid #e6e8ec;
  position: relative;
}

.blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.08);
}

.blog-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.blog-content {
  padding: 26px;
}

.blog-tag {
  display: inline-block;
  background: rgba(197, 157, 45, 0.12);
  color: #b8860b;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 14px;
  border-radius: 30px;
  letter-spacing: 0.5px;
}

.blog-content h3 {
  font-size: 18px;
  line-height: 1.45;
  color: #101828;
  margin-bottom: 5px;
  font-weight: 700;
}

.blog-content p {
  font-size: 15px;
  color: #667085;
  line-height: 1.8;
  margin-bottom: 12px;
}

.blog-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #05392f;
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
}

.blog-btn:hover {
  gap: 12px;
  color: #c59d2d;
}

/* subtle top accent */

.blog-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(to right, #05392f, #c59d2d);
}

@media(max-width:768px){

  .blog-page {
    padding: 70px 20px;
  }

  .blog-head h2 {
    font-size: 38px;
  }

  .blog-card {
    width: 100%;
  }

}

.page-hero {
  padding: 50px !important;
}


/* ------------------------------------------------- */
.section-head.branch-box {
  padding-left: 10px;
}
.section-head.branch-box h2 {
  color: #05392f;
}
.branches-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    margin-top:50px;
}

.branch-card{
    position:relative;
    background:#ffffff;
    border-radius:22px;
    padding:32px 28px;
    border:1px solid rgba(15,59,47,0.08);
    transition:all 0.35s ease;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(0,0,0,0.04);
}

.branch-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #0f3b2f,
        #1d6b54,
        #d4a017
    );
}

.branch-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(15,59,47,0.12);
    border-color:rgba(15,59,47,0.15);
}

.branch-top{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:22px;
}

.branch-icon{
    min-width:58px;
    width:58px;
    height:58px;
    border-radius:16px;
    background:rgba(15,59,47,0.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0f3b2f;
    font-size:24px;
    transition:0.3s ease;
}

.branch-card:hover .branch-icon{
    background:#0f3b2f;
    color:#fff;
}

.branch-card h3{
    margin:0;
    font-size:21px;
    font-weight:700;
    color:#0f3b2f;
    line-height:1.3;
}

.branch-card p{
    margin:0;
    color:#5f6b66;
    font-size:15px;
    line-height:1.9;
    padding-bottom:20px;
    border-bottom:1px solid rgba(15,59,47,0.08);
}

.branch-contact{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:18px;
}

.branch-contact a{
    color:#0f3b2f;
    text-decoration:none;
    font-weight:600;
    font-size:15px;
    transition:0.3s ease;
}

.branch-contact a:hover{
    color:#d4a017;
}

.branch-btn{
    width:42px;
    height:42px;
    border-radius:12px;
    background:#f4f7f6;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0f3b2f;
    transition:0.3s ease;
}

.branch-card:hover .branch-btn{
    background:#0f3b2f;
    color:#fff;
}

@media(max-width:1100px){
    .branches-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .branches-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .branch-card{
        padding:28px 22px;
    }

    .branch-card h3{
        font-size:19px;
    }
}

.branch-icon i{
    font-size:24px;
    color:#0f3b2f;
}

.branch-card:hover i {
  color: whitesmoke;
}

/* Professional contact and branch directory update */
.contact-pro-section,
.branch-directory-section{
  background: linear-gradient(180deg,#ffffff 0%,#f7faf7 100%);
  padding: 86px 0;
}
.contact-pro-grid{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:28px;
  align-items:stretch;
}
.contact-info-panel,
.contact-form-panel,
.contact-map-strip,
.branch-table-wrap,
.branch-directory-toolbar{
  background:#fff;
  border:1px solid rgba(15,59,47,.10);
  box-shadow:0 18px 45px rgba(15,59,47,.08);
}
.contact-info-panel{
  border-radius:30px;
  padding:36px;
  background:linear-gradient(145deg,#0f3b2f,#145644);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.contact-info-panel::after{
  content:"";
  position:absolute;
  right:-80px;bottom:-100px;
  width:240px;height:240px;
  border-radius:50%;
  background:rgba(212,175,55,.18);
}
.contact-kicker{
  display:inline-flex;
  color: #f3c64c;
  background:rgba(212,175,55,.15);
  border:1px solid rgba(212,175,55,.25);
  border-radius:999px;
  padding:7px 13px;
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.contact-info-panel .contact-kicker{color:#ffe39a;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18)}
.contact-info-panel h2,.branch-directory-head h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:18px 0 12px;color:inherit}
.contact-lead{color:#e4f0eb;margin-bottom:26px;max-width:560px}
.contact-detail-list{display:grid;gap:14px;position:relative;z-index:1}
.contact-detail-item{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.contact-detail-item span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#ffe39a;margin-bottom:5px;font-weight:800}
.contact-detail-item strong{display:block;line-height:1.55;font-size:15px;color:#fff}
.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;position:relative;z-index:1}
.contact-btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.contact-form-panel{border-radius:30px;padding:36px}
.contact-form-panel h3{font-size:30px;margin:0 0 22px;color:var(--green)}
.bank-contact-form{display:grid;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bank-contact-form input,.bank-contact-form textarea{
  width:100%;border:1px solid #dfe8e4;background:#fbfdfc;border-radius:16px;padding:15px 16px;font:inherit;outline:none;transition:.2s ease;
}
.bank-contact-form textarea{height:150px;resize:vertical}
.bank-contact-form input:focus,.bank-contact-form textarea:focus{border-color:var(--green2);box-shadow:0 0 0 4px rgba(20,86,68,.08);background:#fff}
.contact-map-strip{margin-top:28px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center}
.contact-map-strip>div{padding:30px}.contact-map-strip h3{margin:0 0 6px;color:var(--green);font-size:24px}.contact-map-strip p{margin:0;color:var(--muted)}
.contact-map-strip iframe{width:100%;height:280px;border:0;filter:saturate(.85)}
.branch-directory-head{text-align:center;max-width:780px;margin:0 auto 28px}.branch-directory-head p{color:var(--muted);margin:0}
.branch-directory-toolbar{border-radius:24px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.branch-directory-toolbar div{background:#f7faf7;border-radius:18px;padding:18px;text-align:center;border:1px solid rgba(15,59,47,.07)}
.branch-directory-toolbar strong{display:block;color:var(--green);font-size:24px}.branch-directory-toolbar span{color:var(--muted);font-size:13px;font-weight:700}
.branch-table-wrap{border-radius:26px;overflow:hidden;overflow-x:auto}
.branch-directory-table{width:100%;border-collapse:collapse;min-width:820px;background:#fff}
.branch-directory-table th{background:#0f3b2f;color:#fff;text-align:left;padding:18px 20px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.branch-directory-table td{padding:18px 20px;border-bottom:1px solid #edf2ef;vertical-align:top;color:#4c5b55;line-height:1.65}
.branch-directory-table tr:hover td{background:#fbfaf3}.branch-directory-table td:first-child{width:27%;color:#10231d}.branch-directory-table td:nth-child(3){width:18%;white-space:nowrap}
.branch-directory-table strong{display:block;font-size:16px;color:var(--green)}
.branch-state{display:inline-flex;margin-bottom:7px;border-radius:999px;background:#edf5f1;color:#145644;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px}
.branch-directory-table a{font-weight:800;color:#0f3b2f}.not-updated{color:#8b6b12;font-weight:800}.updating-states{margin-top:18px;background:#fff8df;border:1px solid rgba(212,175,55,.25);border-radius:18px;padding:16px 18px;color:#5e4b14}
@media(max-width:900px){.contact-pro-grid,.contact-map-strip{grid-template-columns:1fr}.form-row,.branch-directory-toolbar{grid-template-columns:1fr}.contact-pro-section,.branch-directory-section{padding:56px 0}.contact-info-panel,.contact-form-panel{padding:26px}.contact-map-strip iframe{height:240px}}

/* Refinements requested: compact contact layout and premium branch directory */
.contact-pro-section{padding:70px 0 72px}
.contact-pro-grid{grid-template-columns:1fr 1fr;gap:22px;align-items:stretch}
.contact-info-panel,.contact-form-panel{min-height:auto}
.contact-info-panel{padding:32px}
.contact-form-panel{padding:32px;display:flex;flex-direction:column;justify-content:space-between}
.bank-contact-form{gap:13px}
.bank-contact-form textarea{height:112px;min-height:112px}
.contact-support-strip{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-support-strip div{background:#f7faf7;border:1px solid rgba(15,59,47,.08);border-radius:16px;padding:15px 16px}
.contact-support-strip span{display:block;color:#7b8b84;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.contact-support-strip strong{display:block;color:#0f3b2f;font-size:14px;line-height:1.35}
.contact-map-strip{margin-top:22px;grid-template-columns:.95fr 1.55fr;border-radius:26px;align-items:stretch}
.contact-map-strip .map-info-box{padding:28px 30px;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:8px}
.contact-map-strip .map-info-box .contact-kicker{align-self:flex-start;margin-bottom:2px}
.contact-map-strip .map-info-box h3{font-size:25px;margin:0;color:#0f3b2f}
.contact-map-strip .map-info-box p{line-height:1.65;margin:0;color:#53645d}
.contact-map-strip .map-info-box a{font-weight:900;color:#0f3b2f;margin-top:4px}
.contact-map-strip iframe{height:250px}

.branch-directory-section{padding:72px 0;background:linear-gradient(180deg,#fff 0%,#f5f8f6 100%)}
.branch-directory-toolbar{border-radius:22px;padding:12px;background:#fff;box-shadow:0 14px 36px rgba(15,59,47,.07);margin-bottom:22px}
.branch-directory-toolbar div{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;min-height:82px;background:linear-gradient(180deg,#fbfdfc,#f2f7f4);border-radius:16px}
.branch-directory-toolbar strong{font-size:21px;white-space:nowrap}
.branch-directory-toolbar span{line-height:1.35}
.branch-table-wrap{border-radius:24px;border:1px solid rgba(15,59,47,.12);box-shadow:0 16px 42px rgba(15,59,47,.08);background:#fff}
.branch-directory-table-refined{counter-reset:branchrow}
.branch-directory-table-refined th{padding:16px 22px;background:linear-gradient(90deg,#0f3b2f,#155846)}
.branch-directory-table-refined tbody tr{counter-increment:branchrow;transition:.18s ease}
.branch-directory-table-refined td{padding:17px 22px;border-bottom:1px solid #eef3f0}
.branch-directory-table-refined tbody tr:nth-child(even) td{background:#fcfdfb}
.branch-directory-table-refined tbody tr:hover td{background:#f6fbf8}
.branch-directory-table-refined td:first-child{position:relative;padding-left:72px;width:30%}
.branch-directory-table-refined td:first-child:before{content:counter(branchrow, decimal-leading-zero);position:absolute;left:22px;top:20px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#edf5f1;color:#0f3b2f;font-size:11px;font-weight:900;border:1px solid rgba(15,59,47,.09)}
.branch-directory-table-refined strong{font-size:17px;line-height:1.35;color:#10231d}
.branch-directory-table-refined .branch-state{background:transparent;color:#8b6b12;padding:0;margin-bottom:5px;border-radius:0;letter-spacing:.1em}
.branch-directory-table-refined td:nth-child(2){color:#53645d;max-width:620px}
.branch-directory-table-refined td:nth-child(3) a,.branch-directory-table-refined .not-updated{display:inline-flex;align-items:center;justify-content:center;min-width:118px;border-radius:999px;padding:9px 13px;background:#f1f7f4;color:#0f3b2f;font-size:13px;font-weight:900;text-decoration:none}
.branch-directory-table-refined .not-updated{background:#fff8df;color:#806213}
.updating-states{background:#fff;border-left:4px solid #d4af37;box-shadow:0 10px 24px rgba(15,59,47,.05)}
@media(max-width:900px){.contact-support-strip{grid-template-columns:1fr}.contact-map-strip iframe{height:230px}.branch-directory-toolbar div{justify-content:flex-start}.branch-directory-table-refined td:first-child{padding-left:62px}.branch-directory-table-refined td:first-child:before{left:18px}}


/* Contact page final redesign - removes duplicate address block and tightens white space */
.contact-redesign-section{padding:62px 0;background:linear-gradient(180deg,#ffffff 0%,#f6faf7 100%)}
.contact-redesign-grid{display:grid;grid-template-columns:0.88fr 1.12fr;gap:24px;align-items:stretch}
.contact-office-card,.contact-form-map-card{background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:28px;box-shadow:0 18px 48px rgba(15,59,47,.08)}
.contact-office-card{padding:34px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(145deg,#0f3b2f 0%,#155846 58%,#f7fbf8 58.2%,#fff 100%);color:#fff;overflow:hidden}
.contact-office-card h2{font-size:clamp(28px,3.2vw,42px);line-height:1.08;margin:10px 0 4px;max-width:540px;color:#fff}
.contact-office-card .contact-lead{color:rgba(255,255,255,.86);margin:0 0 8px;max-width:540px}
.compact-contact-list{background:#fff;border-radius:22px;padding:10px;border:1px solid rgba(15,59,47,.08);box-shadow:0 12px 30px rgba(15,59,47,.08);margin-top:auto}
.compact-contact-list .contact-detail-item{background:#f7faf7;border-radius:16px;padding:14px 16px;margin:0 0 8px;border:1px solid rgba(15,59,47,.05)}
.compact-contact-list .contact-detail-item:last-child{margin-bottom:0}
.compact-contact-list .contact-detail-item span{color:#8b6b12}
.compact-contact-list .contact-detail-item strong,.compact-contact-list .contact-detail-item a{color:#10231d}
.contact-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-mini-metrics div{background:#f7faf7;border:1px solid rgba(15,59,47,.08);border-radius:16px;padding:14px}
.contact-mini-metrics strong{display:block;color:#0f3b2f;font-size:14px;margin-bottom:4px}.contact-mini-metrics span{color:#607069;font-size:12px;font-weight:700}
.full-contact-btn{width:100%;justify-content:center;text-align:center}
.contact-form-map-card{padding:24px;display:grid;grid-template-rows:auto auto 1fr;gap:16px}
.contact-form-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #edf2ef;padding-bottom:14px}
.contact-form-head h3{font-size:28px;margin:5px 0 0;color:#0f3b2f}.contact-call-chip{display:inline-flex;border-radius:999px;background:#f1f7f4;color:#0f3b2f;font-weight:900;padding:10px 14px;text-decoration:none;white-space:nowrap}
.redesigned-contact-form{gap:12px}.redesigned-contact-form textarea{min-height:112px}.redesigned-contact-form button{align-self:flex-start;margin-top:0}
.contact-map-embed{border-radius:22px;overflow:hidden;border:1px solid rgba(15,59,47,.10);min-height:260px;background:#edf2ef}.contact-map-embed iframe{width:100%;height:100%;min-height:260px;border:0;display:block}

/* Branch page final refinement */
.branch-summary-band{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;background:#fff;border:1px solid rgba(15,59,47,.10);box-shadow:0 18px 44px rgba(15,59,47,.07);border-radius:28px;padding:16px;margin:0 auto 26px;max-width:1040px}
.branch-summary-main{background:linear-gradient(135deg,#0f3b2f,#155846);color:#fff;border-radius:22px;padding:24px 26px;min-height:130px;display:flex;flex-direction:column;justify-content:center}.branch-summary-main span,.branch-summary-side span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#d4af37}.branch-summary-main strong{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:8px 0}.branch-summary-main p{margin:0;color:rgba(255,255,255,.82);max-width:560px}.branch-summary-side{display:grid;gap:12px}.branch-summary-side div{border-radius:20px;background:#f7faf7;border:1px solid rgba(15,59,47,.08);padding:20px 22px;display:flex;flex-direction:column;justify-content:center}.branch-summary-side strong{font-size:18px;color:#0f3b2f;margin-top:6px;line-height:1.35}.branch-directory-table-refined th{font-size:12px;letter-spacing:.1em}.branch-directory-table-refined td{font-size:14px}.branch-directory-table-refined tbody tr:hover td{box-shadow:inset 4px 0 0 #d4af37}.branch-directory-table-refined td:nth-child(3) a:hover{background:#0f3b2f;color:#fff}
@media(max-width:900px){.contact-redesign-grid,.branch-summary-band{grid-template-columns:1fr}.contact-redesign-section{padding:46px 0}.contact-office-card,.contact-form-map-card{border-radius:22px;padding:22px}.contact-office-card{background:linear-gradient(145deg,#0f3b2f 0%,#155846 48%,#fff 48.2%,#fff 100%)}.contact-mini-metrics{grid-template-columns:1fr}.contact-form-head{align-items:flex-start;flex-direction:column}.contact-map-embed iframe{min-height:230px}.branch-summary-main{min-height:auto}.branch-summary-band{border-radius:22px;padding:12px}.branch-summary-side div{padding:16px}}


/* Final contact / branch requested refinements */
.contact-office-card{justify-content:space-between;gap:14px}
.contact-office-card .compact-contact-list{margin-top:10px}
.contact-form-map-card{grid-template-rows:auto auto minmax(210px,1fr);gap:14px}
.contact-map-embed{min-height:220px}
.contact-map-embed iframe{min-height:220px}
.redesigned-contact-form textarea{min-height:96px;height:96px}
.branch-directory-toolbar{grid-template-columns:repeat(3,1fr);max-width:1040px;margin-left:auto;margin-right:auto}
.branch-directory-toolbar div{flex-direction:column;text-align:center;gap:6px;padding:20px 18px}
.branch-directory-toolbar strong{white-space:normal;text-align:center}
@media(max-width:900px){.branch-directory-toolbar{grid-template-columns:1fr}.branch-directory-toolbar div{text-align:left;align-items:flex-start}.contact-map-embed,.contact-map-embed iframe{min-height:220px}}

/* Minor contact page correction: reduce company heading and remove visible border line */
.contact-office-card{
  border:none !important;
  box-shadow:0 18px 48px rgba(15,59,47,.08);
}
.contact-office-card h2{
  font-size:clamp(24px,2.4vw,34px) !important;
  line-height:1.16 !important;
  max-width:620px !important;
}
.compact-contact-list{
  border:none !important;
}
@media(max-width:900px){
  .contact-office-card h2{
    font-size:28px !important;
  }
}


/* Requested refinement: show branch directory immediately without scroll delay */
.branch-directory-section .reveal,
.branch-table-wrap.reveal,
.branch-directory-toolbar.reveal,
.branch-directory-head.reveal{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

/* Professional careers page */
.careers-professional-section{padding:68px 0;background:linear-gradient(180deg,#fff 0%,#f6faf7 100%)}
.careers-hero-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:stretch;background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:30px;padding:22px;box-shadow:0 18px 46px rgba(15,59,47,.08);margin-bottom:24px}
.careers-hero-panel>div:first-child{background:linear-gradient(135deg,#0f3b2f,#155846);border-radius:24px;padding:34px;color:#fff;display:flex;flex-direction:column;justify-content:center}
.careers-hero-panel h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:16px 0 12px;color:#fff;max-width:760px}
.careers-hero-panel p{color:rgba(255,255,255,.84);line-height:1.75;margin:0;max-width:760px}
.careers-status-card{border-radius:24px;background:#f7faf7;border:1px solid rgba(15,59,47,.08);padding:30px;display:flex;flex-direction:column;justify-content:center}
.careers-status-card span,.career-icon{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#8b6b12;font-weight:900}
.careers-status-card strong{font-size:32px;color:#0f3b2f;margin:10px 0 8px;line-height:1.1}
.careers-status-card p{color:#607069;margin:0;line-height:1.65}
.careers-content-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:16px;align-items:stretch}
.career-info-card{background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(15,59,47,.06)}
.career-info-card-main{background:#fffef8;border-color:rgba(212,175,55,.25)}
.career-info-card h3{font-size:28px;line-height:1.15;color:#0f3b2f;margin:0 0 12px}.career-info-card h4{font-size:18px;color:#0f3b2f;margin:12px 0 8px}.career-info-card p{color:#607069;line-height:1.7;margin:0 0 18px}.career-info-card:not(.career-info-card-main) p{margin-bottom:0}.career-icon{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#f1f7f4;color:#0f3b2f;letter-spacing:0}
.career-note-strip{margin-top:18px;border-radius:20px;background:#0f3b2f;color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.career-note-strip strong{color:#fff}.career-note-strip span{color:rgba(255,255,255,.78)}

/* Professional blog redesign */
.blog-professional-page{padding:66px 0 78px !important;background:linear-gradient(180deg,#fff 0%,#f5f8f6 100%)}
.blog-professional-page .blog-head{max-width:820px;margin:0 auto 34px;text-align:center}.blog-professional-page .blog-head h2{font-size:clamp(30px,4vw,48px);line-height:1.12;margin:16px 0 12px;color:#0f3b2f}.blog-professional-page .blog-head p{color:#607069;line-height:1.75;margin:0}
.blog-featured-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}.blog-featured-card,.blog-list-item{background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:26px;box-shadow:0 16px 42px rgba(15,59,47,.07);overflow:hidden}.blog-featured-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:360px}.blog-featured-image{height:100%;min-height:320px;background:#edf2ef}.blog-featured-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-featured-content{padding:34px;display:flex;flex-direction:column;justify-content:center}.blog-featured-content h3,.blog-list-item h3{color:#10231d;line-height:1.25;margin:14px 0 10px}.blog-featured-content h3{font-size:30px}.blog-featured-content p,.blog-list-item p{color:#607069;line-height:1.7;margin:0 0 18px}.blog-side-list{display:grid;gap:18px}.blog-list-item{padding:26px;display:flex;flex-direction:column;justify-content:center}.blog-list-item h3{font-size:22px}.blog-meta-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;border-top:1px solid #edf2ef;padding-top:16px}.blog-meta-row span{font-size:13px;font-weight:800;color:#8b6b12}.blog-professional-page .blog-btn{font-weight:900;color:#0f3b2f;text-decoration:none}.blog-professional-page .blog-tag{background:rgba(212,175,55,.14);color:#8b6b12;border:1px solid rgba(212,175,55,.22);font-weight:900}
@media(max-width:980px){.careers-hero-panel,.careers-content-grid,.blog-featured-layout,.blog-featured-card{grid-template-columns:1fr}.career-note-strip{align-items:flex-start;flex-direction:column}.careers-professional-section,.blog-professional-page{padding:50px 0 !important}.careers-hero-panel{padding:14px}.careers-hero-panel>div:first-child,.careers-status-card,.career-info-card,.blog-featured-content,.blog-list-item{padding:24px}.blog-featured-image{min-height:230px}}


/* Minimal careers page refinement */
.careers-minimal-section{padding:56px 0 70px;background:linear-gradient(180deg,#fff 0%,#f7faf8 100%)}
.career-empty-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid rgba(15,59,47,.08);border-radius:22px;padding:42px 36px;text-align:center;box-shadow:0 14px 35px rgba(15,59,47,.06)}
.career-empty-card h2{font-size:clamp(28px,4vw,42px);line-height:1.15;color:#0f3b2f;margin:14px 0 12px;font-weight:800}
.career-empty-card p{max-width:620px;margin:0 auto 24px;color:#607069;line-height:1.75;font-size:16px}

/* Blog cards: simple scalable equal-card layout */
.blog-simple-page{padding:58px 0 76px !important;background:#f5f7f6}
.blog-simple-page .blog-head{max-width:850px;margin:0 auto;text-align:center}
.blog-simple-page .blog-head h2{font-size:clamp(30px,4vw,46px);line-height:1.16;margin:14px 0 10px;color:#05392f;font-weight:800}
.blog-simple-page .blog-head p{color:#667085;line-height:1.75;margin:0}
.blog-simple-page .blog-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px;align-items:stretch}
.blog-simple-page .blog-card{width:auto;height:auto;display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(15,59,47,.10);box-shadow:0 10px 26px rgba(15,59,47,.05);overflow:hidden;background:#fff}
.blog-simple-page .blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,59,47,.08)}
.blog-simple-page .blog-card img{height:210px;width:100%;object-fit:cover}
.blog-simple-page .blog-content{padding:24px;display:flex;flex-direction:column;flex:1}
.blog-simple-page .blog-content h3{font-size:19px;line-height:1.38;color:#101828;margin:13px 0 10px;font-weight:800}
.blog-simple-page .blog-content p{font-size:15px;line-height:1.75;color:#667085;margin:0 0 18px; }
.blog-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid #edf2ef}
.blog-card-meta span{font-size:13px;font-weight:800;color:#8b6b12;white-space:nowrap}
.blog-card-meta .blog-btn{font-size:14px;font-weight:800;color:#05392f;text-decoration:none}
@media(max-width:980px){.blog-simple-page .blog-section{grid-template-columns:1fr 1fr}.career-empty-card{padding:34px 24px}}
@media(max-width:640px){.blog-simple-page .blog-section{grid-template-columns:1fr}.blog-simple-page .blog-card img{height:200px}.blog-card-meta{align-items:flex-start;flex-direction:column}}


/* Blog single pages and News & Media final update */
.single-blog-page,.news-media-page,.single-news-page{padding:60px 0 78px;background:linear-gradient(180deg,#fff 0%,#f6faf7 100%)}
.back-link{display:inline-flex;margin-bottom:20px;color:#0f3b2f;font-weight:900;text-decoration:none}
.single-blog-shell{padding-bottom: 30px; background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:28px;overflow:hidden;box-shadow:0 18px 48px rgba(15,59,47,.08)}
.single-blog-hero-img{height:360px;background:#edf2ef}.single-blog-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.single-blog-content{padding:42px 46px}.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.article-meta span{display:inline-flex;border-radius:999px;background:#f5f0d8;color:#856912;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px}.single-blog-content h1{font-size:clamp(32px,4.5vw,56px);line-height:1.08;color:#0f3b2f;margin:0 0 18px;max-width:900px}.article-lead{font-size:18px;line-height:1.85;color:#4d6159;margin:0 0 26px;max-width:980px}.article-body{display:grid;gap:20px;margin-top:20px}.article-body h2{font-size:24px;color:#10231d;margin:10px 0 -8px;line-height:1.25}.article-body p{color:#5c6b65;line-height:1.85;margin:0;font-size:16px}.related-blogs{display:grid;grid-template-columns:.65fr 1.35fr;gap:22px;align-items:stretch;margin-top:26px}.related-blogs h2{margin:10px 0 0;color:#0f3b2f;font-size:30px}.related-blog-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.related-blog-card{background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:20px;padding:22px;text-decoration:none;box-shadow:0 12px 30px rgba(15,59,47,.06)}.related-blog-card span{display:block;color:#8b6b12;font-size:13px;font-weight:900;margin-bottom:10px}.related-blog-card strong{color:#10231d;line-height:1.35}
.news-head{max-width:820px;margin:0 auto 34px;text-align:center}.news-head h2{font-size:clamp(32px,4.5vw,54px);line-height:1.1;color:#0f3b2f;margin:14px 0 12px}.news-head p{color:#607069;line-height:1.75;margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:22px;padding:22px;display:flex;gap:18px;box-shadow:0 12px 32px rgba(15,59,47,.06);transition:.2s ease}.news-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,59,47,.09)}.news-card-icon{flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0f3b2f,#17624e);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:.04em}.news-type{display:inline-flex;border-radius:999px;background:#f5f0d8;color:#856912;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:6px 10px}.news-card h3{font-size:19px;line-height:1.35;color:#10231d;margin:12px 0 8px}.news-card p{color:#667085;line-height:1.65;margin:0 0 16px;font-size:14px}.news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf2ef;padding-top:14px}.news-meta span{font-size:13px;font-weight:900;color:#8b6b12;white-space:nowrap}.news-meta a{font-size:14px;font-weight:900;color:#0f3b2f;text-decoration:none}.single-news-shell{background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:28px;padding:38px;box-shadow:0 18px 48px rgba(15,59,47,.08)}.single-news-label{display:inline-flex;border-radius:999px;background:#f5f0d8;color:#856912;font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px}.single-news-shell h1{font-size:clamp(32px,4.4vw,54px);line-height:1.1;color:#0f3b2f;margin:18px 0 8px}.single-news-date{font-weight:900;color:#8b6b12;margin:0 0 22px}.single-news-image{height:320px;border-radius:22px;overflow:hidden;background:#edf2ef;margin-bottom:24px}.single-news-image img{width:100%;height:100%;object-fit:cover}.single-news-note{background:#f7faf7;border:1px solid rgba(15,59,47,.08);border-radius:20px;padding:24px}.single-news-note h2{margin:0 0 10px;color:#0f3b2f}.single-news-note p{margin:0;color:#607069;line-height:1.75}
@media(max-width:980px){.news-grid{grid-template-columns:1fr 1fr}.related-blogs{grid-template-columns:1fr}.single-blog-content,.single-news-shell{padding:28px}.single-blog-hero-img,.single-news-image{height:260px}}
@media(max-width:640px){.news-grid,.related-blog-grid{grid-template-columns:1fr}.news-card{flex-direction:column}.news-meta{align-items:flex-start;flex-direction:column}.single-blog-content,.single-news-shell{padding:22px}.single-blog-hero-img,.single-news-image{height:220px}}

/* Final visual polish: blog article readability + News & Media cards */
.single-blog-page{
  padding:54px 0 72px;
}
.single-blog-shell{
  border-radius:24px;
  box-shadow:0 14px 38px rgba(15,59,47,.065);
}
.single-blog-hero-img{
  height:330px;
}
.single-blog-content{
  padding:36px 42px 42px;
  max-width:980px;
  margin:0 auto;
}
.single-blog-content h1{
  font-size:clamp(27px,3.2vw,42px);
  line-height:1.22;
  font-weight:750;
  letter-spacing:-.02em;
  margin-bottom:16px;
}
.article-meta span{
  font-size:11px;
  font-weight:750;
  padding:7px 11px;
}
.article-lead{
  font-size:16.5px;
  line-height:1.82;
  color:#53665e;
  margin-bottom:22px;
    text-align: justify;
}
.article-body{
  gap:16px;
}
.article-body h2{
  font-size:20px;
  line-height:1.35;
  font-weight:700;
  color:#153d33;
  margin:14px 0 -4px;
  letter-spacing:-.01em;
}
.article-body p{
  font-size:15.5px;
  line-height:1.86;
  color:#5f6f68;
    text-align: justify;
}
.related-blogs h2{
  font-size:26px;
  font-weight:720;
}
.related-blog-card{
  border-radius:16px;
  padding:20px;
}

.news-media-page{
  padding:56px 0 76px;
}
.news-head{
  margin-bottom:30px;
}
.news-head h2{
  font-size:clamp(28px,3.6vw,44px);
  font-weight:760;
  letter-spacing:-.02em;
}
.news-grid{
  gap:20px;
  align-items:stretch;
}
.news-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  min-height:245px;
  padding:0;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(15,59,47,.09);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%);
  box-shadow:0 10px 26px rgba(15,59,47,.055);
}
.news-card:before{
  content:"";
  display:block;
  height:5px;
  background:linear-gradient(90deg,#0f3b2f,#c8a646);
}
.news-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(15,59,47,.085);
}
.news-card-icon{
  position:absolute;
  top:22px;
  right:22px;
  width:42px;
  height:42px;
  flex-basis:42px;
  border-radius:50%;
  font-size:12px;
  background:#f3f7f4;
  color:#0f3b2f;
  border:1px solid rgba(15,59,47,.10);
}
.news-card-body{
  display:flex;
  flex-direction:column;
  height:100%;
  padding:24px 24px 22px;
}
.news-type{
  width:max-content;
  font-size:10.5px;
  font-weight:760;
  padding:6px 10px;
  margin-right:52px;
  background:#f8f2db;
  color:#82620c;
}
.news-card h3{
  font-size:18px;
  line-height:1.42;
  font-weight:730;
  letter-spacing:-.01em;
  color:#122b24;
  margin:16px 52px 9px 0;
}
.news-card p{
  font-size:14px;
  line-height:1.72;
  color:#68766f;
  margin-bottom:20px;
}
.news-meta{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid #edf2ef;
}
.news-meta span{
  color:#84640d;
  font-weight:760;
}
.news-meta a{
  font-weight:760;
  color:#0f3b2f;
}

@media(max-width:980px){
  .single-blog-content{padding:30px 28px 34px;}
  .single-blog-content h1{font-size:clamp(26px,4vw,36px);}
}
@media(max-width:640px){
  .single-blog-content{padding:24px 20px 28px;}
  .single-blog-hero-img{height:210px;}
  .article-body h2{font-size:18.5px;}
  .article-lead,.article-body p{font-size:15px;}
  .news-card{min-height:auto;}
  .news-card-body{padding:22px 20px;}
  .news-card-icon{top:20px;right:20px;}
}



/* Client final refinements: premium buttons, vision animation, policy scrollbar, blog spacing, news logos, careers form */
.btn,.cta,.blog-btn,.branch-btn,.wrv-gold-btn,.wrv-choice-btn,.wrv-gold-outline-btn{
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.btn-primary,.cta,.wrv-gold-btn,.blog-btn,.branch-btn{
  background:linear-gradient(135deg,#f0d376 0%,#caa33c 52%,#a97f1e 100%) !important;
  color:#10231d !important;
  /* border:1px solid rgba(156,117,25,.28) !important; */
  box-shadow:0 8px 18px rgba(154,117,25,.16);
}
.btn-primary:hover,.cta:hover,.wrv-gold-btn:hover,.blog-btn:hover,.branch-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(15,59,47,.16),0 6px 14px rgba(154,117,25,.16);
  filter:saturate(1.03);
}
.btn-outline:hover,.wrv-gold-outline-btn:hover,.wrv-choice-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(15,59,47,.12);
}

.wrv-vm-head.reveal.active{animation:wrvFadeRise .68s ease both;}
.wrv-vm-card.reveal.active{animation:wrvCardRise .72s cubic-bezier(.2,.7,.2,1) both;}
.wrv-vm-card.reveal.active:nth-child(2){animation-delay:.12s;}
@keyframes wrvFadeRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes wrvCardRise{from{opacity:0;transform:translateY(34px) scale(.985)}to{opacity:1;transform:none}}

.policy-sidebar nav{scrollbar-width:thin;scrollbar-color:#d4af37 rgba(255,255,255,.14);padding-right:8px;}
.policy-sidebar nav::-webkit-scrollbar{width:7px;}
.policy-sidebar nav::-webkit-scrollbar-track{background:rgba(255,255,255,.12);border-radius:999px;}
.policy-sidebar nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#efd46f,#b78b24);border-radius:999px;border:1px solid rgba(255,255,255,.18);}
.policy-sidebar nav::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f4dc83,#c69a2e);}

.single-blog-page{padding:48px 0 86px;}
.single-blog-shell{max-width:1120px;margin:0 auto;}
.single-blog-content{max-width:1040px;padding:34px 30px 56px;}
.article-body{max-width:1000px;}
.related-blogs{max-width:1120px;margin:32px auto 0;background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:22px;padding:24px;box-shadow:0 12px 32px rgba(15,59,47,.055);grid-template-columns:.55fr 1.45fr;}
.related-blogs>div:first-child{border-right:1px solid #edf2ef;padding-right:18px;display:flex;flex-direction:column;justify-content:center;}
.related-blogs h2{font-size:24px;margin:8px 0 0;}
.related-blog-card{background:#f8fbf9;border-color:rgba(15,59,47,.08);box-shadow:none;}
.related-blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,59,47,.07);}

.news-card{min-height:360px;}
.news-card:before{display:none;}
.news-card-logo{height:150px;background:#f7faf8;border-bottom:1px solid #edf2ef;display:flex;align-items:center;justify-content:center;padding:14px;}
.news-card-logo img{width:100%;height:100%;object-fit:contain;border-radius:14px;display:block;}
.news-card-body{padding:22px 22px 20px;}
.news-type{margin-right:0;}
.news-card h3{margin-right:0;}

.careers-enquiry-section{padding:58px 0 76px;background:linear-gradient(180deg,#fff 0%,#f7faf8 100%);}
.career-enquiry-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;background:#fff;border:1px solid rgba(15,59,47,.10);border-radius:28px;padding:24px;box-shadow:0 16px 42px rgba(15,59,47,.07);align-items:stretch;}
.career-enquiry-copy{border-radius:22px;background:linear-gradient(135deg,#0f3b2f,#165745);color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:center;}
.career-enquiry-copy h2{font-size:clamp(28px,3.4vw,44px);line-height:1.12;color:#fff;margin:14px 0 12px;letter-spacing:-.02em;}
.career-enquiry-copy p{color:rgba(255,255,255,.82);line-height:1.75;margin:0 0 22px;}
.career-status-note{display:flex;gap:10px;flex-wrap:wrap;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:14px 16px;}
.career-status-note strong{color:#fff;}.career-status-note span{color:#ead58b;}
.career-enquiry-form{background:#f8fbf9;border:1px solid rgba(15,59,47,.08);border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:14px;}
.career-enquiry-form h3{font-size:24px;color:#0f3b2f;margin:0 0 4px;}
.career-enquiry-form input,.career-enquiry-form textarea{width:100%;border:1px solid #dfe9e4;border-radius:14px;padding:14px 15px;font-family:inherit;font-size:15px;background:#fff;outline:none;}
.career-enquiry-form textarea{min-height:116px;resize:vertical;}
.career-enquiry-form input:focus,.career-enquiry-form textarea:focus{border-color:#d4af37;box-shadow:0 0 0 4px rgba(212,175,55,.12);}
.career-enquiry-form button{align-self:flex-start;}

.redesigned-contact-form button{align-self:center !important;margin-left:auto;margin-right:auto;}

@media(max-width:980px){
  .career-enquiry-panel{grid-template-columns:1fr;padding:16px;}
  .career-enquiry-copy,.career-enquiry-form{padding:24px;}
  .related-blogs{grid-template-columns:1fr;padding:20px;}
  .related-blogs>div:first-child{border-right:0;border-bottom:1px solid #edf2ef;padding-right:0;padding-bottom:16px;}
}
@media(max-width:640px){
  .single-blog-content{padding:24px 18px 44px;}
  .news-card{min-height:auto;}
  .news-card-logo{height:132px;}
  .career-enquiry-form button{width:100%;justify-content:center;}
}

.blog-page-btn {
  background: none !important;
  box-shadow: none;
}
.blog-page-btn:hover {
  background: none;
  box-shadow: none;
}
section.related-blogs {
  padding: 50px 30px !important;
}

.career-btn {
  padding: 15px 20px;
}
.contact-btns {
  width: 100%;
  margin-bottom: 10px;
} 
.wrv-about-copy p {
  text-align: justify;
}

/* Final corrections: products spacing, policy numbering, news logo equal height */
.wrv-products-zone .wrv-category-heading{
  margin-bottom:42px !important;
}
.wrv-products-zone .wrv-category-heading h2::after{
  bottom:-16px !important;
}
@media(max-width:767px){
  .wrv-products-zone .wrv-category-heading{margin-bottom:38px !important;}
}
.policy-copy .policy-numbered-list{
  list-style:none !important;
  margin:16px 0 0 !important;
  padding:0 !important;
  display:grid;
  gap:12px;
}
.policy-copy .policy-numbered-list li{
  position:relative;
  display:block;
  padding:14px 16px 14px 58px;
  margin:0;
  border:1px solid rgba(15,59,47,.08);
  border-radius:14px;
  background:#fff;
  color:#34433d;
  line-height:1.7;
  box-shadow:0 8px 20px rgba(15,59,47,.035);
}
.policy-copy .policy-numbered-list .policy-no{
  position:absolute;
  left:14px;
  top:14px;
  min-width:30px;
  font-weight:900;
  color:#9a761b;
}
.policy-copy .policy-numbered-list ol,
.policy-copy .policy-numbered-list ul{
  list-style-type:lower-roman;
  margin:10px 0 0 22px;
  padding-left:18px;
}
.news-media-page .news-card{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden;
  padding:0 !important;
  min-height:390px;
}
.news-media-page .news-card-logo{
  height:168px !important;
  min-height:168px !important;
  width:100%;
  padding:22px !important;
  background:#f8fbf9;
  border-bottom:1px solid #edf2ef;
  display:flex;
  align-items:center;
  justify-content:center;
}
.news-media-page .news-card-logo img{
  width:100%;
  height:100%;
  max-width:220px;
  object-fit:contain !important;
}
.news-media-page .news-card-body{
  flex:1;
  display:flex;
  flex-direction:column;
}
.news-media-page .news-meta{
  margin-top:auto;
}
@media(max-width:640px){
  .news-media-page .news-card-logo{height:145px !important;min-height:145px !important;}
}


/* Final policy correction: simple line-by-line numbering only, no card/box styling */
.policy-copy .policy-numbered-list{
  list-style:none !important;
  margin:12px 0 0 !important;
  padding:0 !important;
  display:grid !important;
  gap:9px !important;
}
.policy-copy .policy-numbered-list li{
  position:relative !important;
  display:block !important;
  padding:0 0 0 58px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#31443e !important;
  line-height:1.75 !important;
  font-size:15.5px !important;
}
.policy-copy .policy-numbered-list .policy-no{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  min-width:45px !important;
  font-weight:800 !important;
  color:#0a4b3f !important;
}
.policy-copy .policy-numbered-list .policy-roman-list{
  list-style-type:lower-roman !important;
  margin:8px 0 0 22px !important;
  padding-left:18px !important;
  display:grid !important;
  gap:6px !important;
}
.policy-copy .policy-numbered-list .policy-roman-list li{
  position:static !important;
  padding:0 !important;
  display:list-item !important;
}
.contact-btns{
  text-align:center !important;
  justify-content:center !important;
}


/* Policy numbering reference style */
.policy-copy .policy-numbered-list{
display:block !important;
margin:10px 0 0 !important;
padding:0 !important;
}
.policy-copy .policy-numbered-list li{
border:none !important;
background:transparent !important;
box-shadow:none !important;
border-radius:0 !important;
padding:0 !important;
margin:0 0 14px 0 !important;
line-height:1.8 !important;
color:inherit !important;
/* text-align: justify; */
}
.policy-copy .policy-numbered-list .policy-no{
position:static !important;
left:auto !important;
top:auto !important;
min-width:auto !important;
font-weight:400 !important;
color:inherit !important;
margin-right:4px !important;
}

/* ----------------------Advisory Board---------------------------------------- */

/* --------------- */
.organisation-members {
  padding: 60px 0;
}

/* SECTION STYLE */

.org-card {
  padding: 60px 0;

  border-bottom: 1px solid #e5e7eb;
}

.org-card:last-child {
  border-bottom: none;
}

/* TITLE */

.org-card-title {
  text-align: center;

  margin-bottom: 45px;
}

.org-card-title h2 {
  position: relative;

  display: inline-block;

  font-size: 34px;
  font-weight: 800;

  color: #111827;

  padding-bottom: 12px;

  transition: 0.35s ease;
}

.org-card-title h2::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  transform: translateX(-50%);

  width: 70px;
  height: 3px;

  background: #124a3b;

  border-radius: 50px;

  transition: 0.35s ease;
}

.org-card:hover .org-card-title h2::after {
  width: 120px;
}

/* MEMBER ROW */

.member-row {
  display: flex;

  align-items: center;

  gap: 50px;

  padding: 35px 0;

  border-bottom: 1px solid #f1f5f9;
}

.member-row:last-child {
  border-bottom: none;
}

.member-row.reverse {
  flex-direction: row-reverse;
}

/* IMAGE */

.member-image {
  flex: 1;
}

.member-image img {
  width: 100%;

  /* max-width: 300px; */

  height: 340px;

  object-fit: cover;

  border-radius: 22px;

  transition: 0.35s ease;
}

.member-image img:hover {
  transform: scale(1.02);
}

/* CONTENT */

.member-content {
  flex: 1.3;
}

.member-content h3 {
  font-size: 28px;

  font-weight: 700;

  color: #111827;

  margin-bottom: 12px;
}

.member-content h4 {
  font-size: 16px;

  color: #16a34a;

  margin-bottom: 16px;

  font-weight: 600;
}

.member-content p {
  font-size: 15px;

  line-height: 1.9;

  color: #4b5563;
}

/* DIRECTORS GRID */

.directors-grid {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 28px;
}

/* DIRECTOR CARD */

.director-card {
  text-align: center;

  transition: 0.3s ease;
}

.director-card:hover {
  transform: translateY(-5px);
}

.director-card img {
  width: 100%;

  height: 220px;

  object-fit: cover;

  border-radius: 20px;

  margin-bottom: 16px;
}

.director-card h3 {
  font-size: 18px;

  color: #111827;

  margin-bottom: 6px;
}

.director-card p {
  font-size: 14px;

  color: #16a34a;
}

/* RESPONSIVE */

@media (max-width: 1200px) {

  .directors-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {

  .member-row,
  .member-row.reverse {
    flex-direction: column;
  }

  .member-row {
    gap: 35px;
  }

  .org-card {
    padding: 50px 0;
  }

  .org-card-title h2 {
    font-size: 28px;
  }

  .member-content h3 {
    font-size: 24px;
  }

  .member-image img {
    max-width: 100%;

    height: auto;
  }

  .directors-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {

  .organisation-members {
    padding: 45px 0;
  }

  .org-card {
    padding: 40px 0;
  }

  .member-content p {
    font-size: 14px;
  }

  .directors-grid {
    grid-template-columns: 1fr;
  }
}

/* Winners Royal Advisory Board Enhancement */
.organisation-members{
background:linear-gradient(to bottom,#f8fbf8,#ffffff);
}
.org-card{
background:#fff;
padding:40px;
margin-bottom:35px;
border:1px solid #e5efe8;
border-radius:24px;
box-shadow:0 10px 30px rgba(18,74,59,.06);
}
.org-card-title h2{
color:#124a3b;
}
.member-image img{
border:4px solid #e8f3ed;
box-shadow:0 12px 25px rgba(18,74,59,.12);
}
.member-content h3{
color:#124a3b;
}
.member-content p{
line-height:1.9;
color:#475569;
}
@media(max-width:768px){
.org-card{padding:20px}
}

/* Corporate office news image full display */
.news-article-image img,
.article-image img,
.single-news img[src*='news-publish'],
img[src*='news-publish.png']{
height:auto !important;
max-height:none !important;
object-fit:contain !important;
width:100% !important;
}


/* Final compact premium styling for Organizational Members page */
.organisation-members{
  padding:48px 0 58px !important;
  background:linear-gradient(180deg,#f7faf7 0%,#ffffff 45%,#f5f8f6 100%) !important;
}
.org-card{
  padding:30px 34px !important;
  margin-bottom:22px !important;
  border:1px solid rgba(15,59,47,.10) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%) !important;
  box-shadow:0 10px 28px rgba(15,59,47,.055) !important;
}
.org-card-title{
  text-align:left !important;
  margin-bottom:18px !important;
  padding-bottom:12px !important;
  border-bottom:1px solid #edf3ef !important;
}
.org-card-title h2{
  font-size:clamp(24px,3vw,31px) !important;
  line-height:1.18 !important;
  color:#0f3b2f !important;
  padding-bottom:0 !important;
  margin:0 !important;
  letter-spacing:-.02em !important;
}
.org-card-title h2::after{
  display:none !important;
}
.member-row{
  gap:34px !important;
  padding:20px 0 !important;
  border-bottom:1px solid #eef4f0 !important;
}
.member-row:last-child{border-bottom:none !important;padding-bottom:6px !important;}
.member-image{flex:.85 !important;}
.member-image img{
  height:400px !important;
  border-radius:18px !important;
  border:1px solid #dfece5 !important;
  background:#f3f8f5 !important;
  box-shadow:0 10px 22px rgba(15,59,47,.09) !important;
}
.member-image img:hover{transform:none !important;}
.member-content{flex:1.45 !important;}
.member-content h3{
  font-size:clamp(21px,2.4vw,26px) !important;
  line-height:1.2 !important;
  color:#0f3b2f !important;
  margin:0 0 7px !important;
  letter-spacing:.01em !important;
}
.member-content h4{
  display:inline-block !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:#8b6b12 !important;
  background:#fff8df !important;
  border:1px solid rgba(212,175,55,.25) !important;
  border-radius:999px !important;
  padding:6px 11px !important;
  margin:0 0 11px !important;
  font-weight:800 !important;
}
.member-content p{
  font-size:14.5px !important;
  line-height:1.72 !important;
  color:#54645d !important;
  margin:0 !important;
  text-align: justify;
}
.directors-grid{
  gap:18px !important;
}
.director-card{
  background: #22402b !important;
  border:1px solid #e6efe9 !important;
  border-radius:18px !important;
  padding:14px 14px 16px !important;
  box-shadow:0 8px 22px rgba(15,59,47,.045) !important;
}
.director-card:hover{transform:translateY(-3px) !important;}
.director-card img{
  height:190px !important;
  border-radius:14px !important;
  margin-bottom:12px !important;
  background:#f3f8f5 !important;
}
.director-card h3{
  /* color:#0f3b2f !important; */
   color: #fff !important;
  font-size:16px !important;
  line-height:1.25 !important;
  margin:0 0 5px !important;
}
.director-card p{
  color:#f3c64c !important;
  font-weight:800 !important;
  margin:0 !important;
}
@media(max-width:992px){
  .org-card{padding:24px !important;}
  .member-row,.member-row.reverse{gap:18px !important;align-items:flex-start !important;}
  .member-image{width:100% !important;}
  .member-image img{height:280px !important;width:100% !important;}
}
@media(max-width:576px){
  .organisation-members{padding:34px 0 44px !important;}
  .org-card{padding:18px !important;margin-bottom:16px !important;border-radius:18px !important;}
  .org-card-title{margin-bottom:12px !important;}
  .member-row{padding:16px 0 !important;}
  .member-image img{height:245px !important;}
  .director-card img{height:230px !important;}
}

/* Show the newspaper clipping clearly on the corporate office launched page */
.single-news-image.newspaper-full-view{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  background:#f3f5f4 !important;
  padding:10px !important;
  border:1px solid #e3ebe6 !important;
}
.single-news-image.newspaper-full-view img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
  border-radius:14px !important;
}

/* =========================================================
   Complete mobile responsive navigation fix
   ========================================================= */
.menu-btn{
  border:0;
  cursor:pointer;
}
@media (max-width: 980px){
  html, body{max-width:100%; overflow-x:hidden;}
  .nav{display:none !important;}
  .nav-inner > .cta{display:none !important;}
  .navbar{height:76px !important; padding:0 !important; z-index:99999 !important;}
  .nav-inner{width:min(1180px,94%) !important; padding:0 !important;}
  .logo img{height:46px !important; max-width:190px; object-fit:contain;}
  .menu-btn{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0 !important;
    border-radius:14px !important;
    background:var(--green) !important;
    box-shadow:0 10px 24px rgba(15,59,47,.20) !important;
    position:relative;
    flex:0 0 46px;
  }
  .menu-btn::before,
  .menu-btn::after{
    content:"" !important;
    position:absolute;
    left:12px;
    right:12px;
    height:2px;
    border-radius:4px;
    background:#fff;
    transition:.25s ease;
    font-family:initial !important;
  }
  .menu-btn::before{top:15px; box-shadow:0 7px 0 #fff;}
  .menu-btn::after{top:29px;}
  .menu-btn[aria-expanded="true"]::before{top:22px; box-shadow:none; transform:rotate(45deg);}
  .menu-btn[aria-expanded="true"]::after{top:22px; transform:rotate(-45deg);}

  .mobile-panel{
    position:absolute;
    left:3%;
    right:3%;
    top:calc(100% + 8px);
    z-index:999999;
    display:block !important;
    max-height:0;
    overflow:hidden;
    padding:0 !important;
    background:rgba(255,255,255,.99);
    border:1px solid rgba(15,59,47,.12);
    border-radius:22px;
    box-shadow:0 24px 55px rgba(15,59,47,.22);
    transition:max-height .35s ease, padding .35s ease;
  }
  .mobile-panel.open{
    max-height:calc(100vh - 110px) !important;
    overflow-y:auto;
    padding:10px !important;
  }
  .mobile-nav-section{border-bottom:1px solid #edf3ef;}
  .mobile-nav-section:last-child{border-bottom:0;}
  .mobile-main-link,
  .mobile-accordion{
    width:100%;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 14px !important;
    border:0;
    background:transparent;
    border-radius:14px;
    color:#18352b !important;
    font:800 15px/1.25 "Inter", "Segoe UI", Arial, sans-serif;
    text-align:left;
    cursor:pointer;
  }
  .mobile-main-link:hover,
  .mobile-accordion:hover,
  .mobile-accordion.active{background:#f3f8f5; color:var(--green) !important;}
  .mobile-accordion span{
    width:22px;
    height:22px;
    border-radius:50%;
    background:#edf5f1;
    position:relative;
    flex:0 0 22px;
  }
  .mobile-accordion span::before,
  .mobile-accordion span::after{
    content:"";
    position:absolute;
    background:var(--green);
    left:6px;
    right:6px;
    top:10px;
    height:2px;
    border-radius:4px;
  }
  .mobile-accordion span::after{transform:rotate(90deg);}
  .mobile-accordion.active span::after{transform:rotate(0deg);}
  .mobile-submenu{
    display:none;
    padding:0 8px 10px 18px;
  }
  .mobile-submenu.open{display:block;}
  .mobile-submenu p{
    margin:12px 0 5px;
    padding:6px 9px;
    color:var(--green);
    background:#f5f8f2;
    border-left:3px solid var(--gold);
    border-radius:8px;
    font-size:12px;
    line-height:1.1;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .mobile-submenu a{
    display:block !important;
    padding:10px 12px !important;
    margin:2px 0;
    color:#43504b !important;
    border:0 !important;
    border-radius:10px;
    font-size:14px;
    line-height:1.25;
    font-weight:650;
  }
  .mobile-submenu a:hover{background:#eef6f2; color:var(--green) !important;}
  body.is-scrolled{padding-top:76px !important;}
  .topbar .container{flex-direction:column; padding:7px 14px !important;}
}
@media (max-width: 575px){
  .container{width:min(100% - 26px, 1180px) !important;}
  .navbar{height:70px !important;}
  .logo img{height:42px !important; max-width:170px;}
  .menu-btn{width:42px; height:42px; flex-basis:42px; border-radius:12px !important;}
  .menu-btn::before{top:13px; box-shadow:0 7px 0 #fff;}
  .menu-btn::after{top:27px;}
  .menu-btn[aria-expanded="true"]::before,
  .menu-btn[aria-expanded="true"]::after{top:20px;}
  .mobile-panel{left:13px; right:13px; top:calc(100% + 7px); border-radius:18px;}
  .mobile-panel.open{max-height:calc(100vh - 92px) !important;}
  .hero h1, .page-hero h1{font-size:clamp(30px, 9vw, 42px) !important;}
  .section, section{overflow-x:hidden;}
}

/* =========================================================
   Final mobile polish: menu line glitch, inner page banner,
   branch table cards, product mini points alignment
   ========================================================= */
@media (max-width: 980px){
  /* Remove closed mobile menu white-line/glitch */
  .mobile-panel{
    max-height:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-8px);
    overflow:hidden !important;
  }
  .mobile-panel.open{
    max-height:calc(100vh - 110px) !important;
    padding:10px !important;
    border:1px solid rgba(15,59,47,.12) !important;
    box-shadow:0 24px 55px rgba(15,59,47,.22) !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0);
    overflow-y:auto !important;
  }

  /* Smaller inner-page green banner headings on mobile */
  .page-hero{
    padding:42px 0 34px !important;
  }
  .page-hero h1{
    font-size:clamp(24px, 7.2vw, 32px) !important;
    line-height:1.15 !important;
    letter-spacing:-.02em !important;
  }
  .page-hero .breadcrumb{
    font-size:13px !important;
    line-height:1.5 !important;
  }

  /* Product hero mini points: left aligned on mobile */
  .wrv-gold-mini-points{
    justify-content:flex-start !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:360px !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
  .wrv-gold-mini-point{
    justify-content:flex-start !important;
    text-align:left !important;
    width:100% !important;
  }
}

@media (max-width: 640px){
  .wrv-gold-concept-content{
    text-align:left !important;
  }
  .wrv-gold-kicker::after{
    left:0 !important;
    transform:none !important;
  }
  .wrv-gold-mini-points{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:16px !important;
  }
  .wrv-gold-mini-point span{
    width:52px !important;
    height:52px !important;
    flex:0 0 52px !important;
    font-size:20px !important;
  }
}

/* Branches page mobile-only card redesign to avoid horizontal scrolling */
@media (max-width: 768px){
  .branch-directory-section{
    padding:56px 0 !important;
    overflow-x:hidden !important;
  }
  .branch-directory-head{
    text-align:left !important;
    margin-bottom:22px !important;
  }
  .branch-directory-head h2{
    font-size:clamp(26px, 7vw, 34px) !important;
    line-height:1.15 !important;
  }
  .branch-directory-toolbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    margin:22px 0 !important;
  }
  .branch-directory-toolbar > div{
    width:100% !important;
    padding:16px !important;
    border-radius:18px !important;
  }
  .branch-table-wrap{
    width:100% !important;
    overflow:visible !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }
  .branch-directory-table,
  .branch-directory-table thead,
  .branch-directory-table tbody,
  .branch-directory-table tr,
  .branch-directory-table th,
  .branch-directory-table td{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
  }
  .branch-directory-table{
    border-collapse:separate !important;
    border-spacing:0 !important;
  }
  .branch-directory-table thead{
    display:none !important;
  }
  .branch-directory-table tbody tr{
    margin:0 0 16px !important;
    padding:18px 16px !important;
    border:1px solid rgba(15,59,47,.10) !important;
    border-radius:20px !important;
    background:#fff !important;
    box-shadow:0 10px 28px rgba(15,59,47,.08) !important;
    overflow:hidden !important;
  }
  .branch-directory-table td{
    padding:0 !important;
    border:0 !important;
    color:#4f5d58 !important;
    font-size:14px !important;
    line-height:1.65 !important;
    word-break:break-word !important;
  }
  .branch-directory-table td:first-child{
    margin-bottom:10px !important;
  }
  .branch-directory-table td:first-child strong{
    display:block !important;
    color:#0f3b2f !important;
    font-size:18px !important;
    line-height:1.25 !important;
    margin-top:8px !important;
  }
  .branch-directory-table td:nth-child(2){
    padding-left:28px !important;
    position:relative !important;
    margin:10px 0 14px !important;
  }
  .branch-directory-table td:nth-child(2)::before{
    content:"\f3c5";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    left:0;
    top:2px;
    color:#d4a017;
  }
  .branch-directory-table td:nth-child(3){
    padding-top:12px !important;
    border-top:1px solid rgba(15,59,47,.08) !important;
  }
  .branch-directory-table td:nth-child(3) a,
  .branch-directory-table .not-updated{
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    max-width:100% !important;
    padding:9px 12px !important;
    border-radius:999px !important;
    background:#f3f8f5 !important;
    color:#0f3b2f !important;
    font-weight:800 !important;
    text-decoration:none !important;
    word-break:break-word !important;
  }
  .branch-directory-table td:nth-child(3) a::before{
    content:"\f095";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    color:#d4a017;
  }
  .updating-states{
    margin-top:18px !important;
    padding:16px !important;
    border-radius:18px !important;
    font-size:14px !important;
    line-height:1.6 !important;
  }
}

@media (max-width: 575px){
  .page-hero{padding:36px 0 30px !important;}
  .page-hero h1{font-size:clamp(22px, 7vw, 29px) !important;}
}

/* Final branches mobile glitch fix: remove desktop row-number badge and prevent text/icon overlap */
@media (max-width: 768px){
  .branch-directory-table-refined td:first-child{
    position:static !important;
    padding-left:0 !important;
    width:100% !important;
  }
  .branch-directory-table-refined td:first-child::before{
    display:none !important;
    content:none !important;
  }
  .branch-directory-table-refined tbody tr:hover td{
    box-shadow:none !important;
  }
  .branch-directory-table-refined .branch-state{
    display:inline-block !important;
    position:static !important;
    margin:0 0 8px 0 !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:#fff8df !important;
    color:#806213 !important;
    font-size:11px !important;
    line-height:1 !important;
    letter-spacing:.08em !important;
    vertical-align:top !important;
  }
  .branch-directory-table-refined td:first-child strong{
    clear:both !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }
  .branch-directory-table td:nth-child(2){
    display:block !important;
    padding-left:30px !important;
    min-height:24px !important;
  }
  .branch-directory-table td:nth-child(2)::before{
    width:18px !important;
    height:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }
  .branch-directory-table td:nth-child(3){
    display:block !important;
    width:100% !important;
  }
}


/* Branches mobile contact/address icon cleanup - requested final fix */
@media (max-width: 768px){
  .branch-directory-table td:nth-child(2),
  .branch-directory-table td:nth-child(3){
    position:static !important;
    padding-left:0 !important;
    margin-left:0 !important;
    text-align:left !important;
  }

  .branch-directory-table td:nth-child(2)::before,
  .branch-directory-table td:nth-child(3) a::before{
    display:none !important;
    content:none !important;
  }

  .branch-directory-table td:nth-child(3){
    padding-top:12px !important;
    margin-top:12px !important;
    border-top:1px solid rgba(15,59,47,.08) !important;
  }

  .branch-directory-table td:nth-child(3) a,
  .branch-directory-table .not-updated{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    min-width:0 !important;
    max-width:100% !important;
    width:auto !important;
    padding:8px 13px !important;
    border-radius:999px !important;
    line-height:1.35 !important;
    text-align:left !important;
    background:#f3f8f5 !important;
    color:#0f3b2f !important;
  }
}


/* =========================================================
   Final polish: stable header, refined hero stats, opportunity icon
   ========================================================= */
html{
  scroll-behavior:auto;
}
body.is-scrolled{
  padding-top:85px !important;
}
body.is-scrolled .topbar{
  max-height:0 !important;
  opacity:0 !important;
  overflow:hidden !important;
  pointer-events:none !important;
}
body.is-scrolled .navbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  transform:translate3d(0,0,0) !important;
  backface-visibility:hidden;
  will-change:auto !important;
}
.topbar,
.navbar{
  animation:none !important;
  backface-visibility:hidden;
}
.stats{
  gap:14px;
  align-items:stretch;
}
.stat{
  position:relative;
  overflow:hidden;
  padding:17px 16px 15px;
  border-radius:20px;
  text-align:center;
  background:
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(249,251,249,.96) 100%);
  border:1px solid rgba(212,175,55,.20);
  box-shadow:0 12px 26px rgba(0,0,0,.11), inset 0 1px 0 rgba(255,255,255,.80);
  color:#33433d;
  font-size:13px;
  line-height:1.05;
  font-weight:750;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.stat::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg, rgba(212,175,55,.35), rgba(15,59,47,.55), rgba(212,175,55,.35));
}
.stat b{
  display:block;
  margin:0 0 -1px;
  font-size:clamp(31px,3vw,40px);
  line-height:.92;
  font-weight:800;
  letter-spacing:-.035em;
  color:var(--green);
  text-shadow:none;
}
.wrv-gold-door-icon{
  width:96px;
  height:96px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(243,198,76,.18), rgba(255,255,255,.06));
  box-shadow:0 18px 42px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.24);
}
.wrv-gold-door-icon i{
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));
}
@media (max-width:980px){
  body.is-scrolled{padding-top:78px !important;}
}
@media (max-width:575px){
  body.is-scrolled{padding-top:70px !important;}
  .stats{gap:10px;}
  .stat{padding:14px 7px 12px; border-radius:16px; font-size:11px; line-height:1.02; letter-spacing:.025em;}
  .stat::before{left:12px; right:12px;}
  .stat b{font-size:28px; line-height:.9; margin-bottom:-1px;}
}

/* Branch address Google Maps icon - address column only */
.branch-address-wrap{
  display:flex !important;
  align-items:flex-start !important;
  gap:11px !important;
  max-width:100% !important;
}
.branch-map-link{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:2px !important;
  background:linear-gradient(135deg,#fff8df,#f1f7f4) !important;
  border:1px solid rgba(15,59,47,.10) !important;
  color:#0f3b2f !important;
  text-decoration:none !important;
  box-shadow:0 6px 16px rgba(15,59,47,.08) !important;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease !important;
}
.branch-map-link i{
  font-size:15px !important;
  line-height:1 !important;
}
.branch-map-link:hover{
  transform:translateY(-2px) !important;
  background:#0f3b2f !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(15,59,47,.16) !important;
}
.branch-address-text{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  color:inherit !important;
}
@media(max-width:768px){
  .branch-directory-table td:nth-child(2) .branch-address-wrap{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
    margin:10px 0 14px !important;
  }
  .branch-directory-table td:nth-child(2) .branch-map-link{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    border-radius:11px !important;
    margin-top:1px !important;
  }
}

/* ------------------------------------------- */
.branch-directory-section .search-branch {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  padding: 15px;
  font-size: 14px;
  border: 1px solid #e5e5e6;
  background-color: #f4f8f6;
  color: #64737a;
  font-weight: 540;
  position: relative;
}

/* Branch page search bar width and live-filter support */
.branch-directory-section .branch-directory-toolbar .search-branch{
  grid-column:1 / -1 !important;
  width:100% !important;
  min-height:56px !important;
  border-radius:16px !important;
  padding:0 20px !important;
  margin:0 !important;
  display:block !important;
  box-sizing:border-box !important;
  border:1px solid rgba(15,59,47,.12) !important;
  background:#f4f8f6 !important;
  color:#10231d !important;
  font-size:15px !important;
  font-weight:700 !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8) !important;
}
.branch-directory-section .branch-directory-toolbar .search-branch:focus{
  border-color:#0f3b2f !important;
  background:#fff !important;
  box-shadow:0 0 0 4px rgba(15,59,47,.08) !important;
}
.branch-directory-section .branch-directory-toolbar .search-branch::placeholder{
  color:#7a8a82 !important;
}
.branch-directory-table tbody tr.branch-filter-hidden{
  display:none !important;
}
.branch-filter-empty-row td{
  text-align:center !important;
  padding:28px 20px !important;
  color:#53645d !important;
  font-weight:800 !important;
  background:#fff8df !important;
}
.branch-filter-empty-row td:before{
  display:none !important;
}
@media(max-width:900px){
  .branch-directory-section .branch-directory-toolbar .search-branch{
    grid-column:auto !important;
    min-height:52px !important;
  }
}

/* Careers page openings and preferred role dropdown update */
.career-openings-list {
  display: block;
}
.career-openings-list strong {
  display: block;
  margin-bottom: 12px;
}
.career-openings-list ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.career-openings-list li {
  color: #ead58b;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
}
.career-select-wrap {
  position: relative;
  width: 100%;
}
.career-select-wrap::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #0f3b2f;
  border-bottom: 2px solid #0f3b2f;
  transform: translateY(-65%) rotate(45deg);
  pointer-events: none;
}
.career-enquiry-form select {
  width: 100%;
  border: 1px solid #dfe9e4;
  border-radius: 14px;
  padding: 14px 42px 14px 15px;
  font-family: inherit;
  font-size: 15px;
  background: #fff;
  color: #1b332b;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.career-enquiry-form select:focus {
  border-color: #d4af37;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.12);
}
.career-enquiry-form select:invalid {
  color: #697971;
}
@media (max-width: 640px) {
  .career-openings-list ul {
    grid-template-columns: 1fr;
  }
  .career-openings-list li {
    border-radius: 14px;
  }
}

/* Careers page form refinement */
.career-enquiry-form {
  gap: 12px;
}
.career-enquiry-form > input,
.career-enquiry-form > textarea,
.career-enquiry-form > .career-custom-select {
  width: 100%;
}
.career-enquiry-form .qualification-experience-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
}
.career-custom-select {
  position: relative;
}
.career-custom-select select {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.career-select-trigger {
  width: 100%;
  min-height: 52px;
  border: 1px solid #dfe9e4;
  border-radius: 14px;
  background: #fff;
  color: #697971;
  padding: 14px 46px 14px 15px;
  font-family: inherit;
  font-size: 15px;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: border-color 0.25s ease, box-shadow 0.25s ease,
    background 0.25s ease;
}
.career-select-trigger::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #0f3b2f;
  border-bottom: 2px solid #0f3b2f;
  transform: translateY(-65%) rotate(45deg);
  transition: transform 0.25s ease;
}
.career-custom-select.is-open .career-select-trigger::after {
  transform: translateY(-35%) rotate(225deg);
}
.career-select-trigger:hover,
.career-custom-select.is-open .career-select-trigger,
.career-select-trigger:focus {
  border-color: #d4af37;
  box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.12);
  outline: none;
}
.career-select-trigger.has-value {
  color: #1b332b;
}
.career-select-menu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 30;
  background: #fff;
  border: 1px solid rgba(15, 59, 47, 0.14);
  border-radius: 16px;
  box-shadow: 0 18px 38px rgba(15, 59, 47, 0.16);
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  max-height: 245px;
  overflow: auto;
}
.career-custom-select.is-open .career-select-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.career-select-menu button {
  width: 100%;
  border: 0;
  background: transparent;
  color: #1b332b;
  text-align: left;
  font-family: inherit;
  font-size: 15px;
  padding: 11px 12px;
  border-radius: 11px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.career-select-menu button:hover,
.career-select-menu button.is-selected {
  background: rgba(212, 175, 55, 0.16);
  color: #0f3b2f;
}
@media (max-width: 640px) {
  .career-enquiry-form .qualification-experience-row {
    grid-template-columns: 1fr;
  }
}



/* Targeted updates: branch search icon + form validation/upload refinements */
.career-enquiry-form .career-name-phone-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:100%;
}
.career-resume-upload{
  width:100%;
  border:1px dashed #d4af37;
  border-radius:14px;
  background:#fff;
  padding:13px 15px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color: #7a7a7a;
  /* font-weight:700; */
  font-size: 14px;
}
.career-resume-upload input{
  width:auto !important;
  border:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  font-size:14px !important;
  color:#697971;
}
.career-enquiry-form input:invalid:not(:placeholder-shown),
.career-enquiry-form textarea:invalid:not(:placeholder-shown),
.bank-contact-form input:invalid:not(:placeholder-shown),
.bank-contact-form textarea:invalid:not(:placeholder-shown){
  border-color:#d64b4b;
}
@media(max-width:640px){
  .career-enquiry-form .career-name-phone-row,
  .career-enquiry-form .qualification-experience-row,
  .form-row{
    grid-template-columns:1fr !important;
  }
  .career-resume-upload{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* ----------------------------------------------- */

/* .branch-directory-section .search-branch input {
  width: 100%;
  outline: none;
  height: 100%;
  border: none;
  background-color: #f4f8f6;
}
.branch-directory-section .search-branch .fa-magnifying-glass {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
} */

/* Branch search icon inside input */
.branch-directory-section .branch-directory-toolbar .branch-search-field{
  grid-column:1 / -1 !important;
  width:100% !important;
  position:relative !important;
}
.branch-directory-section .branch-directory-toolbar .branch-search-field .search-branch{
  padding-right:54px !important;
}
.branch-directory-section .branch-directory-toolbar .branch-search-field .search-icon{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  color:#6f7f77 !important;
  font-size:17px !important;
  pointer-events:none !important;
}


/* Advisory Board page text-only redesign - requested update */
.advisory-redesign-page .organisation-members{
  padding:64px 0 76px !important;
  background:linear-gradient(180deg,#f8fbf9 0%,#ffffff 52%,#f5f8f6 100%) !important;
}
.advisory-redesign-page .org-card{
  padding:34px 36px !important;
  margin-bottom:28px !important;
  border:1px solid rgba(15,59,47,.10) !important;
  border-radius:24px !important;
  background:#ffffff !important;
  box-shadow:0 18px 45px rgba(15,59,47,.075) !important;
  overflow:hidden !important;
}
.advisory-redesign-page .org-card-title{
  text-align:left !important;
  margin:0 0 22px !important;
  padding:0 0 16px !important;
  border-bottom:1px solid #e8f0ec !important;
}
.advisory-redesign-page .org-card-title h2{
  font-size:clamp(24px,3vw,34px) !important;
  line-height:1.15 !important;
  color:#0f3b2f !important;
  letter-spacing:-.03em !important;
}
.advisory-redesign-page .org-card-title h2::after,
.advisory-redesign-page .member-image,
.advisory-redesign-page .director-card img{
  display:none !important;
}
.advisory-redesign-page .member-row,
.advisory-redesign-page .member-row.reverse{
  display:block !important;
  padding:22px 0 !important;
  border-bottom:1px solid #edf3ef !important;
}
.advisory-redesign-page .member-row:last-child{
  border-bottom:none !important;
  padding-bottom:0 !important;
}
.advisory-redesign-page .member-content{
  width:100% !important;
  max-width:100% !important;
}
.advisory-redesign-page .member-content h3{
  display:inline-block !important;
  font-size:clamp(21px,2.2vw,27px) !important;
  line-height:1.2 !important;
  color:#0f3b2f !important;
  margin:0 0 10px !important;
  padding-left:16px !important;
  border-left:4px solid #d4af37 !important;
  letter-spacing:.01em !important;
}
.advisory-redesign-page .member-content h4{
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  font-size:13px !important;
  line-height:1.35 !important;
  color:#8b6b12 !important;
  background:#fff8df !important;
  border:1px solid rgba(212,175,55,.28) !important;
  border-radius:999px !important;
  padding:7px 13px !important;
  margin:0 0 12px !important;
  font-weight:800 !important;
}
.advisory-redesign-page .member-content p{
  font-size:15px !important;
  line-height:1.85 !important;
  color:#4f625a !important;
  margin:0 !important;
}
.advisory-redesign-page .directors-grid{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:16px !important;
}
.advisory-redesign-page .director-card{
  text-align:left !important;
  padding:20px 22px !important;
  border:1px solid #e6efe9 !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfb 100%) !important;
  background: #124a3b !important;
  box-shadow:0 10px 24px rgba(15,59,47,.055) !important;
  transition:.2s ease !important;
}
.advisory-redesign-page .director-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(212,175,55,.42) !important;
}
.advisory-redesign-page .director-card h3{
  position:relative !important;
  color: white !important;
  font-size:18px !important;
  line-height:1.25 !important;
  margin:0 0 8px !important;
  padding-left:14px !important;
}
.advisory-redesign-page .director-card h3::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:.42em !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#d4af37 !important;
}
.advisory-redesign-page .director-card p{
  color: #d4af37 !important;
  font-size:13px !important;
  font-weight:800 !important;
  margin:0 !important;
  padding-left: 14px;
}
@media (max-width: 992px) {
  .advisory-redesign-page .org-card {
    padding: 28px !important;
  }
  .advisory-redesign-page .directors-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 576px) {
  .advisory-redesign-page .organisation-members {
    padding: 42px 0 52px !important;
  }
  .advisory-redesign-page .org-card {
    padding: 20px !important;
    border-radius: 18px !important;
  }
  .advisory-redesign-page .member-row {
    padding: 18px 0 !important;
  }
  .advisory-redesign-page .directors-grid {
    grid-template-columns: 1fr !important;
  }
  .advisory-redesign-page .director-card {
    padding: 18px !important;
  }
}


@media(max-width:767px){html,body{overflow-x:hidden}.careers-professional-section *{max-width:100%}.careers-professional-section .container{width:min(100% - 24px,1180px)}}
/* Careers page mobile spacing fix - keep layout/content unchanged */
@media (max-width: 767px) {
  .careers-enquiry-section {
    overflow-x: hidden !important;
  }

  .careers-enquiry-section .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    box-sizing: border-box !important;
  }

  .careers-enquiry-section .career-enquiry-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  .careers-enquiry-section .career-enquiry-copy,
  .careers-enquiry-section .career-enquiry-form,
  .careers-enquiry-section .career-status-note,
  .careers-enquiry-section .career-openings-list,
  .careers-enquiry-section .career-openings-list ul,
  .careers-enquiry-section .career-openings-list li {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Members Gold Contribution page - compact loyalty layout */
.member-gold-contribution-page .wrv-gold-opportunity{
  padding:72px 0 78px !important;
}

.member-gold-contribution-page .wrv-gold-opportunity-grid{
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.65fr);
  gap:46px;
  align-items:start;
}

.member-gold-contribution-page .wrv-gold-opportunity-left{
  padding-right:38px;
}

.member-gold-contribution-page .wrv-gold-feature-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-content:start;
}

.member-gold-contribution-page .wrv-gold-feature-item{
  border-bottom:0 !important;
}

.member-gold-contribution-page .wrv-gold-rate-item{
  grid-template-columns:1fr;
  gap:18px;
  min-height:205px;
  padding:24px;
  border:1px solid rgba(23,59,49,.12) !important;
  border-radius:18px;
  background:rgba(255,255,255,.56);
  box-shadow:0 14px 34px rgba(23,59,49,.055);
}

.member-gold-contribution-page .wrv-gold-rate-item span{
  width:64px;
  height:64px;
  font-size:26px;
}

.member-gold-contribution-page .wrv-gold-rate-item h3{
  margin-bottom:8px;
  font-size:17px;
}

.member-gold-contribution-page .wrv-gold-rate-item p{
  line-height:1.65;
}

.member-gold-contribution-page .wrv-gold-redemption-item{
  grid-column:1 / -1;
  grid-template-columns:72px minmax(0,1fr);
  gap:22px;
  padding:28px;
  border:1px solid rgba(23,59,49,.12) !important;
  border-radius:18px;
  background:rgba(255,255,255,.56);
  box-shadow:0 14px 34px rgba(23,59,49,.055);
}

.member-gold-contribution-page .wrv-gold-redemption-item > span{
  width:64px;
  height:64px;
  font-size:26px;
}

.member-gold-contribution-page .wrv-gold-redemption-content > h3{
  margin:2px 0 18px;
  font-size:20px;
}

.member-gold-contribution-page .wrv-gold-redemption-terms{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
}

.member-gold-contribution-page .wrv-gold-redemption-term{
  padding:16px 18px;
  border-left:3px solid #cfa83a;
  border-radius:0 12px 12px 0;
  background:rgba(238,243,238,.72);
}

.member-gold-contribution-page .wrv-gold-redemption-term p{
  margin:0;
  font-size:14px;
  line-height:1.65;
}

@media(max-width:1100px){
  .member-gold-contribution-page .wrv-gold-opportunity-grid{
    grid-template-columns:1fr;
    gap:38px;
    text-align:left;
  }

  .member-gold-contribution-page .wrv-gold-opportunity-left{
    max-width:760px;
    padding-right:0;
    border-right:0 !important;
  }

  .member-gold-contribution-page .wrv-gold-door-icon{
    margin-left:0;
    margin-right:0;
  }
}

@media(max-width:860px){
  .member-gold-contribution-page .wrv-gold-feature-list{
    grid-template-columns:1fr;
  }

  .member-gold-contribution-page .wrv-gold-rate-item{
    grid-template-columns:70px minmax(0,1fr);
    align-items:center;
    min-height:0;
    padding:20px;
  }

  .member-gold-contribution-page .wrv-gold-redemption-terms{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .member-gold-contribution-page .wrv-gold-opportunity{
    padding:54px 0 62px !important;
  }

  .member-gold-contribution-page .wrv-gold-opportunity-grid{
    gap:32px;
  }

  .member-gold-contribution-page .wrv-gold-opportunity-left h2{
    font-size:36px;
  }

  .member-gold-contribution-page .wrv-gold-rate-item{
    grid-template-columns:58px minmax(0,1fr);
    gap:15px;
    padding:18px;
  }

  .member-gold-contribution-page .wrv-gold-rate-item span,
  .member-gold-contribution-page .wrv-gold-redemption-item > span{
    width:54px;
    height:54px;
    font-size:22px;
  }

  .member-gold-contribution-page .wrv-gold-redemption-item{
    grid-template-columns:1fr;
    gap:16px;
    padding:20px;
  }

  .member-gold-contribution-page .wrv-gold-redemption-term{
    padding:14px 15px;
  }
}


/*====================================
WRV Showcase
====================================*/

.wrv-showcase{

    padding:65px 0;

    background:#fff;

}

.wrv-card{

    position:relative;

    overflow:hidden;

    background:
    linear-gradient(135deg,#0d3d35,#0b332d);

    border-radius:26px;

    padding:45px 50px;

    border:1px solid rgba(212,175,55,.15);

    box-shadow:
    0 18px 45px rgba(0,0,0,.08);

}

/* Gold Glow */

.wrv-card::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    right:-100px;

    top:-80px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    filter:blur(40px);

}

.wrv-card::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    left:-60px;

    bottom:-80px;

    border-radius:50%;

    background:rgba(255,255,255,.04);

}

.wrv-logo{

    max-height:90px;

    width:auto;

}

.wrv-tag{

    display:inline-block;

    padding:7px 18px;

    border-radius:50px;

    background:rgba(212,175,55,.12);

    color:#d4af37;

    font-size:12px;

    letter-spacing:1px;

    font-weight:700;

    margin-bottom:18px;

}

.wrv-card h2{

    color:#fff;

    font-size:34px;

    font-weight:700;

    margin-bottom:15px;

    line-height:1.3;

}

.wrv-card h2 span{

    color:#d4af37;

}

.wrv-card p{

    color:#d7d7d7;

    font-size:16px;

    line-height:1.8;

    max-width:650px;

    margin-bottom:0;

}

.wrv-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:15px 34px;

    border-radius:60px;

    background:#d4af37;

    color:#10362f;

    text-decoration:none;

    font-weight:700;

    transition:.3s;

}

.wrv-btn:hover{

    background:#fff;

    color:#10362f;

    transform:translateY(-3px);

}

@media(max-width:991px){

.wrv-card{

padding:40px 35px;

text-align:center;

}

.wrv-logo{

margin-bottom:30px;

}

.wrv-card h2{

font-size:28px;

}

.wrv-card p{

margin-bottom:30px;

}

}

@media(max-width:576px){

.wrv-showcase{

padding:50px 15px;

}

.wrv-card{

padding:35px 25px;

border-radius:20px;

}

.wrv-card h2{

font-size:24px;

}

.wrv-card p{

font-size:15px;

}

.wrv-btn{

width:100%;

}

}

.wrv-btn{

margin-top: 20px;

}

/* Premium split jewellery banner — home page */
.wrv-showcase{position:relative;width:100%;padding:72px 0;background:#f6f5ef;overflow:hidden}
.wrv-jewellery-banner{position:relative;display:grid;grid-template-columns:minmax(460px,44%) minmax(0,56%);min-height:520px;overflow:hidden;background:#073b32;box-shadow:0 28px 70px rgba(4,43,36,.2)}
.wrv-jewellery-banner::before{content:"";position:absolute;z-index:4;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,#f4d978 0%,#b9891c 48%,#f4d978 100%)}
.wrv-jewellery-content{position:relative;z-index:3;display:flex;align-items:center;padding:60px clamp(46px,6vw,112px);color:#fff;background:radial-gradient(circle at 18% 18%,rgba(215,179,67,.12),transparent 27%),linear-gradient(135deg,#0c4b40 0%,#06372f 72%,#052f29 100%)}
.wrv-jewellery-content::before{content:"";position:absolute;inset:24px auto 24px 28px;width:1px;background:linear-gradient(transparent,rgba(222,186,75,.55),transparent)}
.wrv-jewellery-content::after{content:"";position:absolute;z-index:5;top:-12%;right:-160px;width:300px;height:124%;pointer-events:none;background:linear-gradient(90deg,#06372f 0%,rgba(6,55,47,.92) 21%,rgba(6,55,47,.48) 57%,transparent 100%);filter:blur(9px)}
.wrv-jewellery-inner{position:relative;z-index:6;width:100%;max-width:610px}
.wrv-jewellery-inner .wrv-logo{display:block;width:auto;max-width:170px;max-height:84px;margin:0 0 25px;object-fit:contain}
.wrv-jewellery-inner .wrv-tag{display:inline-flex;align-items:center;gap:11px;margin:0 0 16px;padding:0;border-radius:0;background:none;color:#e8c654;font-size:12px;font-weight:800;letter-spacing:2.1px;text-transform:uppercase}
.wrv-jewellery-inner .wrv-tag::before{content:"";width:34px;height:1px;background:#e8c654}
.wrv-jewellery-content h2{margin:0 0 20px;color:#fff;font-size:clamp(37px,3.4vw,61px);font-weight:800;line-height:1.08;letter-spacing:-2px}
.wrv-jewellery-content h2 span{color:#e4be42;font-weight:700}
.wrv-jewellery-content p{max-width:570px;margin:0;color:rgba(255,255,255,.76);font-size:16px;line-height:1.75}
.wrv-jewellery-content .wrv-btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;width:auto;margin-top:29px;padding:8px 9px 8px 25px;border:1px solid #e1bd47;border-radius:100px;background:#e1bd47;color:#073b32;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 11px 30px rgba(0,0,0,.15);transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease}
.wrv-btn-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#073b32;color:#f3d36b;transition:transform .3s ease}
.wrv-jewellery-content .wrv-btn:hover{background:#fff;color:#073b32;transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.2)}
.wrv-jewellery-content .wrv-btn:hover .wrv-btn-icon{transform:rotate(-35deg)}
.wrv-jewellery-trust{display:flex;flex-wrap:wrap;gap:13px 24px;margin-top:25px;color:rgba(255,255,255,.77);font-size:12px;font-weight:700;letter-spacing:.25px}
.wrv-jewellery-trust span{display:inline-flex;align-items:center;gap:8px}.wrv-jewellery-trust i{color:#e4be42}
.wrv-jewellery-visual{position:relative;min-height:520px;background:#073b32 url("../img/wrv-jewellery-banner-gold.png") center center/cover no-repeat}
.wrv-jewellery-visual::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,52,44,.8) 0%,rgba(5,52,44,.2) 23%,transparent 48%),linear-gradient(0deg,rgba(2,21,18,.48) 0%,transparent 38%)}
.wrv-jewellery-visual-shade{position:absolute;z-index:2;top:0;left:-2px;width:22%;height:100%;background:linear-gradient(90deg,rgba(6,55,47,.88),transparent);filter:blur(8px)}
.wrv-jewellery-caption{position:absolute;z-index:3;right:clamp(28px,4vw,76px);bottom:42px;padding:17px 21px 16px;border-left:2px solid #e4be42;color:#fff;text-align:right;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.wrv-jewellery-caption span,.wrv-jewellery-caption strong{display:block}.wrv-jewellery-caption span{margin-bottom:4px;font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}.wrv-jewellery-caption strong{color:#f2d36c;font-size:22px}
@media(max-width:991px){.wrv-showcase{padding:55px 0}.wrv-jewellery-banner{grid-template-columns:1fr}.wrv-jewellery-content{padding:52px 42px}.wrv-jewellery-content::after{top:auto;right:-5%;bottom:-90px;width:110%;height:160px;background:linear-gradient(180deg,#06372f 0%,rgba(6,55,47,.78) 46%,transparent 100%)}.wrv-jewellery-visual,.wrv-jewellery-banner{min-height:430px}}
@media(max-width:576px){.wrv-showcase{padding:42px 0}.wrv-jewellery-content{padding:42px 24px 48px 30px}.wrv-jewellery-content::before{left:17px}.wrv-jewellery-inner .wrv-logo{max-width:142px;max-height:72px;margin-bottom:21px}.wrv-jewellery-inner .wrv-tag{font-size:10px;letter-spacing:1.45px}.wrv-jewellery-content h2{font-size:34px;letter-spacing:-1px}.wrv-jewellery-content p{font-size:14px}.wrv-jewellery-content .wrv-btn{width:auto;padding-left:21px}.wrv-jewellery-trust{display:grid;gap:10px}.wrv-jewellery-visual{min-height:360px;background-position:63% center}.wrv-jewellery-caption{right:20px;bottom:24px}}

/* WRV Jewellers home showcase — product-hero inspired layout */
.wrv-showcase.wrv-showcase-home{
  position:relative;
  isolation:isolate;
  min-height:500px;
  display:flex;
  align-items:center;
  width:100%;
  padding:68px 0;
  overflow:hidden;
  background:#063b32;
  box-shadow:0 24px 58px rgba(4,45,37,.16);
}
.wrv-showcase-home::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      #063b32 0%,
      #063b32 29%,
      rgba(6,59,50,.98) 38%,
      rgba(6,59,50,.89) 47%,
      rgba(6,59,50,.55) 58%,
      rgba(6,59,50,.18) 72%,
      rgba(6,59,50,.04) 100%),
    linear-gradient(180deg,rgba(3,36,30,.12),transparent 42%,rgba(3,36,30,.2));
}
.wrv-showcase-home::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  opacity:.56;
  background:
    radial-gradient(ellipse at 49% 18%,rgba(30,111,89,.55) 0%,rgba(22,92,74,.25) 18%,transparent 38%),
    radial-gradient(ellipse at 54% 53%,rgba(47,125,102,.38) 0%,rgba(22,91,74,.17) 22%,transparent 47%),
    radial-gradient(ellipse at 44% 83%,rgba(18,91,72,.28) 0%,transparent 38%);
  filter:blur(15px);
}
.wrv-showcase-image{
  position:absolute;
  z-index:0;
  inset:0 0 0 27%;
  overflow:hidden;
}
.wrv-showcase-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center right;
  filter:saturate(1.04) contrast(1.03);
}
.wrv-showcase-smoke{
  position:absolute;
  z-index:1;
  top:-18%;
  bottom:-18%;
  left:37%;
  width:29%;
  opacity:.78;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 30% 24%,rgba(8,74,61,.9),transparent 59%),
    radial-gradient(ellipse at 63% 48%,rgba(21,101,82,.54),transparent 62%),
    radial-gradient(ellipse at 30% 78%,rgba(6,59,50,.9),transparent 58%);
  filter:blur(22px);
  transform:rotate(-2deg);
}
.wrv-showcase-container{
  position:relative;
  z-index:4;
  width:100%;
}
.wrv-showcase-content{
  width:min(100%,570px);
  color:#fff;
}
.wrv-showcase-logo{
  display:block;
  width:auto;
  max-width:158px;
  max-height:74px;
  margin:0 0 18px;
  object-fit:contain;
}
.wrv-showcase-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
  color:#efcb55;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.8px;
  text-transform:uppercase;
}
.wrv-showcase-kicker::after{
  content:"";
  width:42px;
  height:2px;
  background:#d7ad2f;
}
.wrv-showcase-content h2{
  max-width:555px;
  margin:0 0 17px;
  color:#fff;
  font-size:clamp(36px,3.45vw,56px);
  font-weight:800;
  line-height:1.09;
  letter-spacing:-1.8px;
  text-shadow:0 12px 34px rgba(0,0,0,.22);
}
.wrv-showcase-content h2 span{
  display:block;
  color:#e7c247;
}
.wrv-showcase-content p{
  max-width:540px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:15px;
  line-height:1.72;
}
.wrv-showcase-points{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:20px 34px;
  margin:24px 0 25px;
}
.wrv-showcase-point{
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
}
.wrv-showcase-point>span{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:48px;
  height:48px;
  border:1.5px solid #e2bb3e;
  border-radius:50%;
  color:#e7c247;
  background:rgba(2,35,29,.28);
  font-size:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.wrv-showcase-point strong{
  font-size:13px;
  line-height:1.4;
  letter-spacing:.1px;
}
.wrv-showcase-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  min-height:48px;
  padding:7px 8px 7px 22px;
  border:1px solid #efc94f;
  border-radius:8px;
  background:#efc94f;
  color:#063b32;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease;
}
.wrv-showcase-btn i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#073c32;
  color:#f4d061;
  transition:transform .25s ease;
}
.wrv-showcase-btn:hover{
  transform:translateY(-2px);
  background:#fff;
  color:#063b32;
  box-shadow:0 16px 34px rgba(0,0,0,.2);
}
.wrv-showcase-btn:hover i{transform:translateX(2px)}

@media(max-width:991px){
  .wrv-showcase.wrv-showcase-home{
    min-height:520px;
    padding:64px 0;
  }
  .wrv-showcase-image{inset:0}
  .wrv-showcase-image img{object-position:68% center}
  .wrv-showcase-home::before{
    background:linear-gradient(90deg,rgba(6,59,50,.98) 0%,rgba(6,59,50,.93) 48%,rgba(6,59,50,.7) 76%,rgba(6,59,50,.46) 100%);
  }
  .wrv-showcase-smoke{left:42%;width:42%}
  .wrv-showcase-content{max-width:540px}
}

@media(max-width:640px){
  .wrv-showcase.wrv-showcase-home{
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:0;
    background:#063b32;
  }
  .wrv-showcase-home::before,
  .wrv-showcase-home::after,
  .wrv-showcase-smoke{display:none}
  .wrv-showcase-container{
    order:1;
    padding:46px 24px 50px;
    background:#063b32;
  }
  .wrv-showcase-content{width:100%}
  .wrv-showcase-logo{max-width:138px;max-height:66px;margin-bottom:17px}
  .wrv-showcase-kicker{font-size:10px;letter-spacing:1.25px}
  .wrv-showcase-content h2{font-size:34px;letter-spacing:-1px}
  .wrv-showcase-content p{font-size:14px}
  .wrv-showcase-points{gap:16px 22px;margin:23px 0 25px}
  .wrv-showcase-point>span{width:44px;height:44px}
  .wrv-showcase-image{
    position:relative;
    inset:auto;
    width:100%;
    height:340px;
    order:2;
  }
  .wrv-showcase-image::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:-2px 0 auto;
    height:90px;
    background:linear-gradient(180deg,#063b32 0%,rgba(6,59,50,.75) 39%,transparent 100%);
  }
  .wrv-showcase-image img{object-position:67% center}
}

/* Final compact WRV Jewellers card */
.wrv-showcase.wrv-showcase-home{
  display:block;
  min-height:0;
  padding:52px 0;
  background:#f6f5ef;
  box-shadow:none;
  overflow:visible;
}
.wrv-showcase.wrv-showcase-home::before,
.wrv-showcase.wrv-showcase-home::after{
  display:none;
}
.wrv-showcase-card{
  position:relative;
  isolation:isolate;
  width:min(88%,1360px);
  height:280px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(222,185,65,.25);
  border-radius:24px;
  background:linear-gradient(135deg,#0b4a3e 0%,#053a31 58%,#032d26 100%);
  box-shadow:0 18px 48px rgba(5,51,43,.16);
}
.wrv-showcase-card::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      #0a493d 0%,
      #073f35 35%,
      rgba(6,59,50,.98) 43%,
      rgba(6,59,50,.84) 51%,
      rgba(6,59,50,.47) 61%,
      rgba(6,59,50,.12) 74%,
      transparent 100%),
    linear-gradient(180deg,rgba(1,26,22,.04),transparent 52%,rgba(1,26,22,.25));
}
.wrv-showcase-card::after{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -1px rgba(0,0,0,.1);
}
.wrv-showcase-card .wrv-showcase-image{
  position:absolute;
  z-index:0;
  inset:0 0 0 31%;
  width:auto;
  height:auto;
  overflow:hidden;
  order:initial;
}
.wrv-showcase-card .wrv-showcase-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center right;
  filter:saturate(1.03) contrast(1.03);
}
.wrv-showcase-card .wrv-showcase-smoke{
  display:block;
  position:absolute;
  z-index:1;
  top:-40%;
  bottom:-40%;
  left:42%;
  width:25%;
  opacity:.75;
  background:
    radial-gradient(ellipse at 36% 26%,rgba(13,82,67,.95),transparent 57%),
    radial-gradient(ellipse at 68% 52%,rgba(27,105,86,.54),transparent 63%),
    radial-gradient(ellipse at 33% 78%,rgba(6,59,50,.95),transparent 58%);
  filter:blur(19px);
  transform:rotate(-2deg);
}
.wrv-showcase-card .wrv-showcase-content{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  align-items:center;
  gap:31px;
  width:60%;
  height:100%;
  padding:31px 36px 31px 42px;
  color:#fff;
}
.wrv-showcase-card .wrv-showcase-logo{
  display:block;
  width:100%;
  max-width:112px;
  max-height:94px;
  margin:0;
  object-fit:contain;
}
.wrv-showcase-copy{
  min-width:0;
}
.wrv-showcase-card .wrv-showcase-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 7px;
  color:#efca51;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.3px;
  text-transform:uppercase;
}
.wrv-showcase-card .wrv-showcase-kicker::after{
  width:28px;
  height:1px;
}
.wrv-showcase-card .wrv-showcase-content h2{
  max-width:500px;
  margin:0 0 9px;
  color:#fff;
  font-size:clamp(24px,2.15vw,31px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-.7px;
  text-shadow:0 8px 24px rgba(0,0,0,.18);
}
.wrv-showcase-card .wrv-showcase-content h2 span{
  display:inline;
  color:#e6c148;
}
.wrv-showcase-card .wrv-showcase-content p{
  max-width:485px;
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:13px;
  line-height:1.55;
}
.wrv-showcase-card .wrv-showcase-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:38px;
  margin-top:14px;
  padding:6px 7px 6px 16px;
  border:1px solid #e9c449;
  border-radius:7px;
  background:#e9c449;
  color:#073b32;
  font-size:12px;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.14);
}
.wrv-showcase-card .wrv-showcase-btn i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#073b32;
  color:#f1cf60;
  font-size:10px;
}
.wrv-showcase-card .wrv-showcase-btn:hover{
  background:#fff;
  color:#073b32;
  transform:translateY(-1px);
}

@media(max-width:1100px){
  .wrv-showcase-card{
    width:90%;
    height:290px;
  }
  .wrv-showcase-card .wrv-showcase-content{
    grid-template-columns:88px minmax(0,1fr);
    gap:22px;
    width:64%;
    padding:30px 28px;
  }
  .wrv-showcase-card .wrv-showcase-logo{
    max-width:86px;
    max-height:78px;
  }
  .wrv-showcase-card .wrv-showcase-content h2{
    font-size:25px;
  }
}

@media(max-width:760px){
  .wrv-showcase.wrv-showcase-home{
    padding:38px 0;
  }
  .wrv-showcase-card{
    display:flex;
    flex-direction:column;
    width:90%;
    height:auto;
    min-height:0;
    border-radius:20px;
  }
  .wrv-showcase-card::before{
    background:linear-gradient(180deg,#073f35 0%,#063b32 44%,rgba(6,59,50,.88) 55%,rgba(6,59,50,.15) 76%,transparent 100%);
  }
  .wrv-showcase-card .wrv-showcase-content{
    order:1;
    grid-template-columns:74px minmax(0,1fr);
    gap:17px;
    width:100%;
    height:auto;
    min-height:275px;
    padding:32px 28px;
    background:transparent;
  }
  .wrv-showcase-card .wrv-showcase-image{
    position:relative;
    order:2;
    inset:auto;
    width:100%;
    height:225px;
  }
  .wrv-showcase-card .wrv-showcase-image::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:-2px 0 auto;
    height:76px;
    background:linear-gradient(180deg,#063b32 0%,rgba(6,59,50,.66) 42%,transparent 100%);
  }
  .wrv-showcase-card .wrv-showcase-image img{
    object-position:67% center;
  }
  .wrv-showcase-card .wrv-showcase-smoke{
    display:none;
  }
}

@media(max-width:480px){
  .wrv-showcase-card .wrv-showcase-content{
    grid-template-columns:1fr;
    gap:15px;
    min-height:305px;
    padding:30px 24px 32px;
  }
  .wrv-showcase-card .wrv-showcase-logo{
    max-width:104px;
    max-height:68px;
  }
  .wrv-showcase-card .wrv-showcase-content h2{
    font-size:24px;
  }
  .wrv-showcase-card .wrv-showcase-image{
    height:230px;
  }
}
