:root {
  --brand-navy: #16273f;
  --brand-navy-soft: #264467;
  --brand-gold: #c79a45;
  --brand-gold-deep: #9d742e;
  --brand-ivory: #f6f1e8;
}

body {
  color: var(--brand-navy);
}

a,
.text-yellow-ochre,
.text-golden-yellow,
.btn-link.text-yellow-ochre,
.btn-link.text-golden-yellow,
a.text-yellow-ochre-hover:hover,
a.text-golden-yellow-hover:hover {
  color: var(--brand-gold) !important;
}

.primary-fill {
  fill: var(--brand-gold) !important;
}

.btn.btn-yellow-ochre,
.btn-primary,
.btn.tel-hd-btn,
.btn.mail-hd-btn,
.btn-yellow-shadow,
#contactForm .btn.btn-large.btn-yellow-ochre.btn-yellow-shadow.btn-round-edge.w-100.no-margin-bottom {
  background: linear-gradient(135deg, var(--brand-gold), var(--brand-gold-deep)) !important;
  border-color: var(--brand-gold-deep) !important;
  color: #fff !important;
}

.btn.btn-yellow-ochre:hover,
.btn.btn-yellow-ochre:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn.tel-hd-btn:hover,
.btn.tel-hd-btn:focus,
.btn.mail-hd-btn:hover,
.btn.mail-hd-btn:focus,
.btn-yellow-shadow:hover,
.btn-yellow-shadow:focus {
  background: var(--brand-navy) !important;
  border-color: var(--brand-navy) !important;
  color: #fff !important;
}

.top-bar,
.footer-bottom,
.floatbutton .buttonclick,
.floating_wrap .btns_wrap a,
.top-bar-contact a {
  background-color: var(--brand-navy) !important;
  color: #fff !important;
}

.navbar.navbar-light.bg-white {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 241, 232, 0.96) 100%) !important;
}

.top-bar-contact a i,
.floating_wrap .btns_wrap a .icoo i,
.scroll-top-arrow {
  color: var(--brand-gold) !important;
}

.scroll-top-arrow {
  border-color: var(--brand-gold) !important;
}

.navbar.navbar-light,
.footer-top,
.modal-content,
.approach-box,
.feature-box,
.bnr-form,
#service-intro,
.service-details {
  border-color: rgba(15, 35, 71, 0.12) !important;
}

.brand-logo {
  display: block;
  max-width: 100%;
  max-height: 104px;
  width: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.footer-brand-logo {
  display: block;
  max-width: 620px;
  width: auto !important;
  height: auto;
  filter: none !important;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.navbar-brand {
  display: inline-flex;
  align-items: center;
}

.navbar .nav-header-container > .col-lg-2 {
  flex: 0 0 620px;
  max-width: 620px;
}

.navbar .nav-header-container > .col-lg-4 {
  flex: 0 0 calc(100% - 620px);
  max-width: calc(100% - 620px);
}

#slider {
  position: relative;
}

#slider::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(22, 39, 63, 0.9) 0%, rgba(38, 68, 103, 0.66) 45%, rgba(22, 39, 63, 0.18) 100%);
}

#slider .container {
  position: relative;
  z-index: 1;
}

#slider .caption h1,
#slider .caption p,
#slider .caption span,
#slider .caption a,
#call-request .text-white,
#call-request .h2 {
  color: #fff !important;
}

#slider .caption .btn.btn-yellow-ochre {
  color: #fff !important;
}

.bnr-form,
#call-request .border-radius-6px {
  background: rgba(15, 35, 71, 0.82) !important;
  box-shadow: 0 24px 60px rgba(15, 35, 71, 0.28);
}

#service-intro,
.service-details,
.footer-top {
  background: linear-gradient(180deg, #ffffff 0%, var(--brand-ivory) 100%);
}

#cta-service,
#call-request {
  position: relative;
}

#cta-service::before,
#call-request::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(22, 39, 63, 0.92), rgba(38, 68, 103, 0.74));
}

#cta-service .container,
#call-request .container {
  position: relative;
  z-index: 1;
}

.brand-callout-heading,
#cta-service h3.alt-font {
  color: var(--brand-gold) !important;
}

#cta-service .heading-caption,
#cta-service p,
#call-request p.text-white {
  color: #fff !important;
}

.brand-callout-heading {
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

.approach-box,
.feature-box,
.service-details .row,
#service-intro .container {
  position: relative;
}

.approach-box {
  box-shadow: 0 16px 40px rgba(15, 35, 71, 0.1);
}

.approach-box,
.feature-box,
.legal-card,
.bnr-form,
#call-request .border-radius-6px {
  border-radius: 18px;
}

.approach-box,
.feature-box,
.legal-card {
  border: 1px solid rgba(199, 154, 69, 0.12);
}

.approach-box h4,
.alt-font,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--brand-navy);
}

.form-control:focus,
.medium-input:focus,
.medium-textarea:focus {
  border-color: var(--brand-gold) !important;
  box-shadow: 0 0 0 0.2rem rgba(213, 154, 31, 0.2) !important;
}

.footer-bottom p,
.term_links a,
.footer-top p,
.footer-top a {
  color: var(--brand-navy) !important;
}

.term_links a:hover,
.footer-top a:hover {
  color: var(--brand-gold) !important;
}

@media (max-width: 991px) {
  .brand-logo {
    max-height: 78px;
  }

  .footer-brand-logo {
    max-width: 460px;
  }
}

@media (max-width: 767px) {
  .brand-logo {
    max-height: 62px;
  }

  .footer-brand-logo {
    max-width: 320px;
  }
}

.legal-hero {
  position: relative;
  padding: 180px 0 70px;
  background: linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-navy-soft) 65%, #24497f 100%);
  overflow: hidden;
}

.legal-hero::after {
  content: "";
  position: absolute;
  inset: auto -10% -120px auto;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(213, 154, 31, 0.35) 0%, rgba(213, 154, 31, 0) 70%);
}

.legal-hero .eyebrow,
.legal-hero h1,
.legal-hero p {
  position: relative;
  z-index: 1;
  color: #fff !important;
}

.legal-page {
  background: linear-gradient(180deg, var(--brand-ivory) 0%, #ffffff 100%);
  padding: 70px 0;
}

.legal-card {
  background: #fff;
  border: 1px solid rgba(15, 35, 71, 0.08);
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(15, 35, 71, 0.08);
  padding: 40px;
}

.legal-card h2 {
  margin-top: 2.25rem;
  margin-bottom: 1rem;
  font-size: 1.65rem;
}

.legal-card h3 {
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
  font-size: 1.15rem;
}

.legal-card p,
.legal-card li {
  color: #31415f;
  line-height: 1.8;
}

.legal-card ul {
  padding-left: 1.25rem;
}

.legal-meta {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(213, 154, 31, 0.12);
  color: var(--brand-gold);
  font-weight: 600;
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  .legal-hero {
    padding: 140px 0 50px;
  }

  .legal-card {
    padding: 26px 20px;
  }
}