/* Header & footer refresh — navy/teal, be-finance inspired */
:root {
  --eb-hf-navy: #0e1b32;
  --eb-hf-navy-soft: #16253f;
  --eb-hf-teal: #14b8a6;
  --eb-hf-teal-light: #55d6a6;
}

/* ---------- Header ---------- */
.header-area {
  position: relative;
  z-index: 50;
  padding: 20px 0;
  background: linear-gradient(120deg, var(--eb-hf-navy) 0%, var(--eb-hf-navy-soft) 100%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .06);
}

.header-area.fixed {
  z-index: 50;
}

.header-language-area,
.user-profile-img {
  position: relative;
}

.logo-area img {
  height: 34px;
  width: auto;
}

.header-menu ul li a {
  color: #dfe6f3;
  font-weight: 550;
  font-size: 14.5px;
  transition: color .15s ease;
}

.header-menu ul li:hover > a {
  color: var(--eb-hf-teal-light);
}

.header-menu ul li ul.sub {
  border-radius: 14px;
  padding: 20px 18px;
  box-shadow: 0 20px 45px rgba(8, 16, 32, .22);
  border: 1px solid #eef1f7;
}

.header-menu ul li ul.sub li:hover > a {
  color: var(--eb-hf-teal);
}

.header-language-area a {
  color: #dfe6f3;
  font-weight: 600;
  font-size: 13.5px;
  transition: color .15s ease;
}

.header-language-area a:hover {
  color: var(--eb-hf-teal-light);
}

.header-language-area .dropdown-menu {
  border-radius: 14px;
  border: 1px solid #eef1f7;
  box-shadow: 0 20px 45px rgba(8, 16, 32, .16);
  padding: 8px;
}

.header-language-area .dropdown-menu a {
  border-radius: 9px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 550;
  transition: background .12s ease, color .12s ease;
}

.header-language-area .dropdown-menu a:hover {
  background: rgba(20, 184, 166, .1);
  color: var(--eb-hf-navy);
}

.header-login-link a {
  color: #c8d5ec;
  font-weight: 600;
  font-size: 14px;
  transition: color .15s ease;
}

.header-login-link a:hover {
  color: #fff;
}

.header-btn a {
  color: var(--eb-hf-navy);
  border: 1px solid #fff;
  padding: 12px 32px;
  background: #fff;
  border-radius: 10px;
  font-weight: 700;
  font-size: 14px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
}

.header-btn a:hover {
  background: var(--eb-hf-teal);
  border-color: var(--eb-hf-teal);
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(20, 184, 166, .3);
}

.user-profile-img img {
  border: 2px solid rgba(255, 255, 255, .28);
  transition: border-color .15s ease;
}

.user-profile-img a:hover img {
  border-color: var(--eb-hf-teal-light);
}

.user-profile-img .dropdown-menu {
  border-radius: 14px;
  border: 1px solid #eef1f7;
  box-shadow: 0 20px 45px rgba(8, 16, 32, .16);
  padding: 8px;
  min-width: 190px;
}

.user-profile-img .dropdown-menu a {
  border-radius: 9px;
  padding: 9px 12px;
  font-weight: 550;
  transition: background .12s ease, color .12s ease;
}

.user-profile-img .dropdown-menu a:hover {
  background: rgba(20, 184, 166, .1);
  color: var(--eb-hf-navy);
}

/* ---------- Breadcrumb hero (inner pages) ---------- */
.breadcrump-area {
  background: linear-gradient(150deg, var(--eb-hf-navy) 0%, var(--eb-hf-navy-soft) 60%, #2c5aa8 130%);
}

/* ---------- Footer ---------- */
.footer-area {
  background: var(--eb-hf-navy);
}

.footer-bottom-area {
  background: #0a1526;
}

.footer-content p {
  border-bottom-color: rgba(255, 255, 255, .08);
}

.footer-menu-title h4 {
  font-weight: 700;
}

.footer-menu-content ul li a {
  transition: color .15s ease, padding-left .15s ease;
}

.footer-menu-content ul li a:hover {
  color: var(--eb-hf-teal-light);
  padding-left: 3px;
}

.footer-area.footer-demo-1 .agent-social-links ul li a {
  background: rgba(255, 255, 255, .09);
  color: #fff;
  transition: background .15s ease, transform .15s ease;
}

.footer-area.footer-demo-1 .agent-social-links ul li a:hover {
  background: var(--eb-hf-teal);
  transform: translateY(-2px);
}

.footer-newsletter-input input {
  border-radius: 12px;
  transition: box-shadow .15s ease;
}

.footer-newsletter-input input:focus {
  box-shadow: 0 0 0 3px rgba(20, 184, 166, .25);
}

.footer-newsletter-input button,
.footer-area.footer-demo-1 .footer-newsletter-input button {
  border-radius: 12px;
  background: linear-gradient(135deg, var(--eb-hf-teal) 0%, #0d9488 100%);
  font-weight: 650;
  box-shadow: 0 10px 22px rgba(20, 184, 166, .28);
  transition: transform .15s ease, box-shadow .15s ease;
}

.footer-newsletter-input button:hover,
.footer-area.footer-demo-1 .footer-newsletter-input button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(20, 184, 166, .34);
}

.footer-legal-links a {
  color: #b9c9e8;
  font-weight: 550;
  transition: color .15s ease;
}

.footer-legal-links a:hover {
  color: var(--eb-hf-teal-light);
}

.footer-bottom-content span {
  color: #8fa0c2;
  font-size: 13.5px;
}

.footer-bottom-area.footer-demo-1 .footer-bottom-content span a,
.footer-bottom-content span a {
  color: var(--eb-hf-teal-light);
}