/* ============================================================
   CLASSIC BANK REDESIGN — Elegant, Trustworthy, User-Friendly
   ============================================================
   Color system: Deep Navy + Warm Gold + Clean Whites
   Typography: Inter — clean, highly readable, professional
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

/* ── CSS Variables ── */
:root {
  --navy:         #0B1D3A;
  --navy-dark:    #071428;
  --navy-light:   #14304F;
  --gold:         #C5953A;
  --gold-light:   #D4AC5A;
  --gold-pale:    #F5ECD7;
  --warm-white:   #FAFAF8;
  --off-white:    #F5F5F3;
  --slate:        #4A5568;
  --slate-light:  #718096;
  --border-light: #E2E0DC;
  --text-heading: #0B1D3A;
  --text-body:    #4A5568;
  --text-muted:   #8A94A6;
  --shadow-sm:    0 1px 3px rgba(11,29,58,0.08);
  --shadow-md:    0 4px 16px rgba(11,29,58,0.1);
  --shadow-lg:    0 12px 40px rgba(11,29,58,0.12);
  --shadow-xl:    0 20px 60px rgba(11,29,58,0.15);
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    16px;
  --transition:   all 0.3s ease;
}

/* ── Global Overrides ── */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background-color: #fff !important;
  color: var(--text-body) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif !important;
  color: var(--text-heading) !important;
  font-weight: 700 !important;
}

p {
  color: var(--text-body) !important;
  line-height: 1.75 !important;
}

a {
  color: var(--navy) !important;
  transition: var(--transition) !important;
}
a:hover {
  color: var(--gold) !important;
}

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--off-white); }
::-webkit-scrollbar-thumb { background: var(--navy-light); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--navy); }

/* ── Preloader ── */
.preloader { background: #fff !important; }
.loader { border-color: var(--navy) !important; }

/* ══════════════════════════════════════════════════════════════
   HEADER
   ══════════════════════════════════════════════════════════════ */
.header-wrap {
  background: #fff !important;
  transition: all 0.4s ease !important;
}
.header-wrap.sticky,
.header-wrap .header-bottom {
  background: #fff !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-sm) !important;
}
.header-wrap .navbar .navbar-nav .nav-item a {
  color: var(--navy) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: 0.01em !important;
  transition: var(--transition) !important;
}
.header-wrap .navbar .navbar-nav .nav-item a:hover,
.header-wrap .navbar .navbar-nav .nav-item a.active {
  color: var(--gold) !important;
}

.navbar-brand img {
  filter: none !important;
}
/* Hide duplicate light logo — we use a white header now */
.navbar-brand .logo-light {
  display: none !important;
}
/* Fix navbar-dark class overriding our white header colors */
.navbar-dark .navbar-nav .nav-link {
  color: var(--navy) !important;
}

/* Header "Other Options" (Account dropdown + Online Banking btn) */
.header-wrap .navbar .other-options .option-item .user-login span {
  color: var(--navy) !important;
}
.header-wrap .navbar .other-options .option-item .user-login span i {
  color: var(--navy) !important;
}
.user-login ul {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-lg) !important;
  overflow: hidden;
}
.user-login ul li a {
  color: var(--navy) !important;
  border-bottom-color: var(--border-light) !important;
  font-weight: 500 !important;
}
.user-login ul li a:hover {
  background-color: var(--navy) !important;
  color: #fff !important;
}

/* Header dropdown */
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  box-shadow: var(--shadow-lg) !important;
  border-radius: var(--radius-md) !important;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--text-body) !important;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--gold) !important;
}
.header-wrap .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
  background: var(--gold) !important;
}

/* ══════════════════════════════════════════════════════════════
   BUTTONS
   ══════════════════════════════════════════════════════════════ */
.btn.style1 {
  background: var(--navy) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  padding: 13px 28px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: var(--shadow-md) !important;
  transition: var(--transition) !important;
  color: #fff !important;
}
.btn.style1:hover {
  background: var(--gold) !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--shadow-lg) !important;
  color: #fff !important;
}
.btn.style1::before,
.btn.style1::after {
  display: none !important;
}
.btn.style1 i {
  color: #fff !important;
}

.link.style1 {
  color: var(--gold) !important;
  font-weight: 600 !important;
}
.link.style1:hover {
  color: var(--navy) !important;
}
.link.style1::after {
  background: var(--navy) !important;
}

/* ══════════════════════════════════════════════════════════════
   HERO SECTION
   ══════════════════════════════════════════════════════════════ */
.hero-wrap.style2 {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-dark) 100%) !important;
  margin-top: 0 !important;
  padding: 160px 0 100px !important;
  position: relative;
  overflow: hidden;
}

/* Subtle gradient orbs instead of neon glow */
.hero-wrap.style2::before {
  content: '';
  position: absolute;
  top: -100px;
  right: -100px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(197,149,58,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.hero-wrap.style2::after {
  content: '';
  position: absolute;
  bottom: -200px;
  left: -100px;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(20,48,79,0.5) 0%, transparent 70%);
  pointer-events: none;
}

.hero-wrap.style2 .hero-content > span {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
  letter-spacing: 4px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-transform: uppercase;
}
.hero-wrap.style2 .hero-content h1 {
  font-size: 52px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  color: #fff !important;
}
.hero-wrap.style2 .hero-content h1 span {
  background: none !important;
  -webkit-text-fill-color: var(--gold-light) !important;
  animation: none !important;
}
.hero-wrap.style2 .hero-content p {
  color: rgba(255,255,255,0.7) !important;
  font-size: 17px !important;
  line-height: 1.8 !important;
  max-width: 520px;
}

/* Hero buttons */
.hero-wrap.style2 .hero-content .hero-btn .btn.style1 {
  background: var(--gold) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.hero-wrap.style2 .hero-content .hero-btn .btn.style1:hover {
  background: var(--gold-light) !important;
}

/* Play video button in hero */
.hero-wrap.style2 .hero-content .play-video .play-now {
  background-color: transparent !important;
  border-color: rgba(255,255,255,0.4) !important;
}
.hero-wrap.style2 .hero-content .play-video .link-text {
  color: rgba(255,255,255,0.8) !important;
}

/* Hero promo text bubble */
.hero-wrap.style2 .hero-img-wrap .hero-promo-text {
  background: #fff !important;
  backdrop-filter: none !important;
  border: none !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-xl) !important;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text h6 {
  color: var(--navy) !important;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text h6 span {
  color: var(--text-muted) !important;
  -webkit-text-fill-color: var(--text-muted) !important;
}
.hero-wrap.style2 .hero-img-wrap .hero-promo-text span i {
  color: var(--gold) !important;
}

/* Hero images */
.hero-img-one img, .hero-img-two img {
  border-radius: var(--radius-lg) !important;
  box-shadow: 0 25px 60px rgba(0,0,0,0.3) !important;
}

.hero-contact-text p { color: rgba(255,255,255,0.6) !important; }
.hero-contact-text a.link.style1 { color: var(--gold) !important; }

/* Floating shapes: make them very subtle */
.hero-shape-one, .hero-shape-two, .hero-shape-three {
  opacity: 0.05 !important;
  filter: brightness(0) invert(1) !important;
}

/* ══════════════════════════════════════════════════════════════
   PARTNER / LOGOS SECTION
   ══════════════════════════════════════════════════════════════ */
.partner-wrap {
  background: var(--off-white) !important;
  border-top: 1px solid var(--border-light) !important;
  border-bottom: 1px solid var(--border-light) !important;
}
.partner-item img {
  filter: grayscale(100%) !important;
  opacity: 0.5 !important;
  transition: var(--transition) !important;
}
.partner-item:hover img {
  opacity: 0.8 !important;
  filter: grayscale(0%) !important;
}

/* ══════════════════════════════════════════════════════════════
   ABOUT SECTION
   ══════════════════════════════════════════════════════════════ */
.about-wrap.style2 { background: #fff !important; }

.about-wrap.style2 .about-img-wrap .about-img-one img,
.about-wrap.style2 .about-img-wrap .about-img-two img {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
}
.about-wrap.style2 .about-img-wrap .about-img-two {
  border: 3px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  backdrop-filter: none !important;
}
.about-wrap.style2 .about-img-wrap .about-img-one::before,
.about-wrap.style2 .about-img-wrap .about-img-two::before {
  border-top-color: #fff !important;
  border-left-color: #fff !important;
}

/* Section title label */
.content-title.style1 > span,
.section-title.style1 > span {
  color: var(--gold) !important;
  -webkit-text-fill-color: var(--gold) !important;
  background: none !important;
  letter-spacing: 4px !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
}

.section-title h2,
.content-title h2 {
  color: var(--text-heading) !important;
  font-weight: 700 !important;
}

/* Feature items (About section) */
.feature-item-wrap .feature-item .feature-icon {
  background: var(--gold-pale) !important;
  border: none !important;
  box-shadow: none !important;
}
.feature-item-wrap .feature-item .feature-icon i { color: var(--gold) !important; }
.feature-item-wrap .feature-item .feature-text h3 { color: var(--text-heading) !important; }
.feature-item-wrap .feature-item:hover .feature-icon {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
}
.feature-item-wrap .feature-item:hover .feature-icon i { color: #fff !important; }
.feature-item-wrap .feature-item:hover .feature-icon::after {
  background: var(--navy) !important;
}
.feature-item-wrap .feature-item:hover .feature-text h3 { color: var(--gold) !important; }

/* ══════════════════════════════════════════════════════════════
   FEATURE CARDS (Currency Tools Slider)
   ══════════════════════════════════════════════════════════════ */
.feature-wrap.style1 {
  background: var(--off-white) !important;
  border-top: 1px solid var(--border-light) !important;
  border-bottom: 1px solid var(--border-light) !important;
}
.bg-whisper {
  background: var(--off-white) !important;
}

.feature-card.style3 {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: none !important;
  transition: var(--transition) !important;
}
.feature-card.style3:hover {
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-4px);
}
.feature-card.style3 .feature-title span i { color: var(--gold) !important; }
.feature-card.style3 .feature-title h3 a { color: var(--text-heading) !important; }
.feature-card.style3 p { color: var(--text-body) !important; }
.feature-card.style3::after {
  background: var(--navy) !important;
  border-radius: var(--radius-lg) !important;
}
.feature-card.style3:hover .feature-title span::before {
  background: var(--gold-pale) !important;
}

/* ══════════════════════════════════════════════════════════════
   WHY CHOOSE US
   ══════════════════════════════════════════════════════════════ */
.wh-wrap.style2 { background: #fff !important; }
.wh-wrap.style2 .wh-img-wrap .wh-img img {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
}
.wh-wrap.style2 .wh-img-wrap .wh-img::before {
  border-top-color: #fff !important;
  border-left-color: #fff !important;
}
.wh-wrap.style2 .wh-content .feature-item-wrap .feature-item .feature-icon {
  background: var(--gold-pale) !important;
}

/* ══════════════════════════════════════════════════════════════
   EXCHANGE TABLE
   ══════════════════════════════════════════════════════════════ */
.exchange-table-wrap { background: #fff !important; }
.exchange-table-wrap .exchange-table table {
  border-radius: var(--radius-md) !important;
  overflow: hidden;
  border: 1px solid var(--border-light) !important;
}
.exchange-table-wrap .exchange-table table thead tr th {
  background: var(--navy) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.03em;
}
.exchange-table-wrap .exchange-table table tbody tr {
  background: #fff !important;
  border-bottom: 1px solid var(--border-light) !important;
  transition: var(--transition) !important;
}
.exchange-table-wrap .exchange-table table tbody tr:nth-child(even) {
  background: var(--warm-white) !important;
}
.exchange-table-wrap .exchange-table table tbody tr:hover {
  background: var(--gold-pale) !important;
}
.exchange-table-wrap .exchange-table table tbody tr td {
  color: var(--text-heading) !important;
  border: none !important;
  font-weight: 500 !important;
}
.exchange-table-wrap .exchange-table table tbody tr td span.text-green {
  color: #2E7D32 !important;
  font-weight: 600 !important;
}
.exchange-table-wrap .exchange-table table tbody tr td span.text-red {
  color: #C62828 !important;
  font-weight: 600 !important;
}
.exchange-table-wrap .exchange-table label {
  background: rgba(11,29,58,0.1) !important;
}
.exchange-table-wrap .exchange-table table tbody tr td .btn.style1 {
  padding: 8px 18px !important;
  font-size: 12px !important;
}

/* Add currency button */
.exchange-table-wrap .add-currency { color: var(--text-heading) !important; }
.exchange-table-wrap .add-currency span { background: var(--navy) !important; }
.exchange-table-wrap .update-status { color: var(--text-muted) !important; }
.exchange-table-wrap .update-status::before { background: var(--gold) !important; }

/* ══════════════════════════════════════════════════════════════
   BENEFITS CARDS (style4)
   ══════════════════════════════════════════════════════════════ */
.feature-card.style4 {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  backdrop-filter: none !important;
  transition: var(--transition) !important;
  box-shadow: var(--shadow-sm) !important;
}
.feature-card.style4:hover {
  border-color: var(--gold) !important;
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg) !important;
}
.feature-card.style4 .feature-icon i { color: var(--gold) !important; }
.feature-card.style4 .feature-info h3 a { color: var(--text-heading) !important; }
.feature-card.style4 .feature-icon::before { background: var(--gold-pale) !important; }
.feature-card.style4::after {
  background: var(--navy) !important;
  border-radius: var(--radius-lg) !important;
}

/* ══════════════════════════════════════════════════════════════
   CURRENCY PROFILE CARDS
   ══════════════════════════════════════════════════════════════ */
.currency-card {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: none !important;
  transition: var(--transition) !important;
}
.currency-card:hover {
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-3px);
}
.currency-card .currency-info h3 { color: var(--text-heading) !important; }
.currency-card .currency-info p { color: var(--text-body) !important; }
.currency-card::after {
  background: var(--navy) !important;
  border-radius: var(--radius-md) !important;
}

/* ══════════════════════════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════════════════════════ */
.testimonial-wrap { background: #fff !important; }
.testimonial-card {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  backdrop-filter: none !important;
  transition: var(--transition) !important;
}
.testimonial-card:hover {
  box-shadow: var(--shadow-md) !important;
}
.testimonial-card .client-info-area .client-info-wrap .client-info h3 {
  color: var(--text-heading) !important;
}
.testimonial-card .client-info-area .client-info-wrap .client-info span {
  color: var(--text-muted) !important;
}
.testimonial-card .client-quote {
  color: var(--text-body) !important;
  font-style: italic !important;
}
.testimonial-card .client-info-area .quote-icon i {
  color: var(--gold) !important;
}
.testimonial-card::after {
  background: var(--navy) !important;
  border-radius: var(--radius-lg) !important;
}

/* ══════════════════════════════════════════════════════════════
   BLOG CARDS
   ══════════════════════════════════════════════════════════════ */
.blog-wrap {
  background: var(--off-white) !important;
  border-top: 1px solid var(--border-light) !important;
}
.blog-card {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  overflow: hidden;
  transition: var(--transition) !important;
}
.blog-card:hover {
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-4px);
}
.blog-card .blog-info {
  background: #fff !important;
  padding: 24px !important;
}
.blog-card .blog-info h3 a { color: var(--text-heading) !important; }
.blog-card .blog-info h3 a:hover { color: var(--gold) !important; }
.blog-card .blog-info .blog-metainfo li { color: var(--text-muted) !important; }
.blog-card .blog-info .blog-metainfo li a { color: var(--text-muted) !important; }
.blog-card .blog-info .blog-metainfo li i { color: var(--gold) !important; }
.blog-card .blog-img .blog-cat {
  background: var(--navy) !important;
  border-radius: var(--radius-sm) !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: 0.03em !important;
}
.blog-card.style2::after {
  background: var(--navy) !important;
  border-radius: var(--radius-lg) !important;
}

/* ══════════════════════════════════════════════════════════════
   OWL CAROUSEL NAV
   ══════════════════════════════════════════════════════════════ */
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  transition: var(--transition) !important;
}
.owl-carousel .owl-nav button.owl-prev i,
.owl-carousel .owl-nav button.owl-next i {
  color: var(--navy) !important;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  background: var(--navy) !important;
  border-color: var(--navy) !important;
}
.owl-carousel .owl-nav button.owl-prev:hover i,
.owl-carousel .owl-nav button.owl-next:hover i {
  color: #fff !important;
}
.owl-carousel .owl-dots button.owl-dot span {
  background: var(--navy) !important;
}

/* ══════════════════════════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════════════════════════ */
.footer-wrap {
  background: var(--navy-dark) !important;
  border-top: none !important;
}
/* Make footer logo visible on dark background */
.footer-wrap .footer-widget .navbar-brand img,
.footer-wrap .footer-widget img {
  opacity: 1;
}
.footer-wrap .footer-widget .footer-widget-title {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.footer-wrap .footer-widget .footer-widget-title::before {
  background: rgba(255,255,255,0.1) !important;
}
.footer-wrap .footer-widget .footer-widget-title::after {
  background: var(--gold) !important;
}
.footer-wrap .footer-widget .comp-desc {
  color: rgba(255,255,255,0.6) !important;
}
.footer-wrap .footer-widget .footer-menu li a {
  color: rgba(255,255,255,0.6) !important;
  font-size: 15px !important;
}
.footer-wrap .footer-widget .footer-menu li a:hover {
  color: var(--gold) !important;
}
.footer-wrap .footer-widget .footer-menu li a::after {
  background: var(--gold) !important;
}
.footer-wrap .footer-widget .contact-info li h6 { color: #fff !important; }
.footer-wrap .footer-widget .contact-info li p,
.footer-wrap .footer-widget .contact-info li a {
  color: rgba(255,255,255,0.6) !important;
}
.footer-wrap .footer-widget .contact-info li:hover a,
.footer-wrap .footer-widget .contact-info li:hover p {
  color: var(--gold) !important;
}
.footer-wrap .footer-widget .contact-info li i { color: var(--gold) !important; }

.footer-wrap .social-profile.style1 li a {
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
}
.footer-wrap .social-profile.style1 li a i { color: #fff !important; }
.footer-wrap .social-profile.style1 li a:hover {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}

.copyright-text {
  color: rgba(255,255,255,0.5) !important;
  border-top-color: rgba(255,255,255,0.1) !important;
}
.copyright-text a { color: var(--gold) !important; }
.copyright-text strong { color: #fff !important; }

/* ══════════════════════════════════════════════════════════════
   BACK TO TOP
   ══════════════════════════════════════════════════════════════ */
.back-to-top {
  background: var(--navy) !important;
  box-shadow: var(--shadow-md) !important;
  border-radius: 50% !important;
}
.back-to-top:hover {
  background: var(--gold) !important;
}

/* ══════════════════════════════════════════════════════════════
   MOBILE MENU
   ══════════════════════════════════════════════════════════════ */
.main-menu-wrap {
  background: #fff !important;
}
.main-menu li > a {
  color: var(--navy) !important;
  border-bottom-color: var(--border-light) !important;
}
.main-menu li > a.active { color: var(--gold) !important; }
.mobile-menu a {
  background: var(--navy) !important;
}
.menu-close i { color: var(--navy) !important; }

/* ══════════════════════════════════════════════════════════════
   PAGE WRAPPER & BACKGROUNDS
   ══════════════════════════════════════════════════════════════ */
.page-wrapper { background: #fff !important; }

.bg-f, .bg-white {
  background: #fff !important;
}

/* ══════════════════════════════════════════════════════════════
   BREADCRUMBS (Subpages)
   ══════════════════════════════════════════════════════════════ */
.breadcrumb-wrap {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-dark) 100%) !important;
  border-bottom: 3px solid var(--gold) !important;
  position: relative;
  overflow: hidden;
  padding-top: 50px !important;
  padding-bottom: 40px !important;
  margin-top: 0 !important;
}
.breadcrumb-wrap::before {
  content: '' !important;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: transparent !important;
  z-index: 0;
}
.breadcrumb-wrap::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -20%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(197,149,58,0.08) 0%, transparent 70%);
  pointer-events: none;
}
.breadcrumb-wrap .container {
  position: relative;
  z-index: 1;
}

.breadcrumb-title h2 {
  color: #fff !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
}
.breadcrumb-menu li,
.breadcrumb-menu li a { color: rgba(255,255,255,0.8) !important; }
.breadcrumb-menu li a:hover { color: var(--gold) !important; }
.breadcrumb-menu li:last-child { color: var(--gold) !important; }
.breadcrumb-menu li::after { background-color: var(--gold) !important; }

/* ══════════════════════════════════════════════════════════════
   SUBPAGE CONTENT OVERRIDES
   ══════════════════════════════════════════════════════════════ */
.section-title h2,
.content-title h2,
.about-content h2,
.contact-content h2 { color: var(--text-heading) !important; }

.section-title p,
.content-title p,
.about-content p,
.contact-content p { color: var(--text-body) !important; }

/* About page images */
.about-wrap.style1 .about-img img {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Contact items */
.contact-us-wrap .contact-item {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--transition) !important;
}
.contact-us-wrap .contact-item:hover {
  box-shadow: var(--shadow-md) !important;
  border-color: var(--gold) !important;
}
.contact-us-wrap .contact-item .contact-icon {
  background: var(--gold-pale) !important;
  color: var(--gold) !important;
  border: none !important;
}
.contact-us-wrap .contact-item .contact-icon i {
  color: var(--gold) !important;
}

/* Contact form */
.contact-form .form-group input,
.contact-form .form-group textarea {
  background: var(--warm-white) !important;
  border: 1px solid var(--border-light) !important;
  color: var(--text-heading) !important;
  border-radius: var(--radius-sm) !important;
  transition: var(--transition) !important;
}
.contact-form .form-group input:focus,
.contact-form .form-group textarea:focus {
  border-color: var(--navy) !important;
  box-shadow: 0 0 0 3px rgba(11,29,58,0.1) !important;
}
.contact-form label { color: var(--text-heading) !important; }

/* FAQ */
.faq-wrap .accordion-item {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-md) !important;
  margin-bottom: 12px !important;
}
.faq-wrap .accordion-button {
  background: transparent !important;
  color: var(--text-heading) !important;
  font-weight: 600 !important;
}
.faq-wrap .accordion-button::after { filter: none !important; }
.faq-wrap .accordion-body { color: var(--text-body) !important; }

/* Terms */
.terms-wrap .terms-content h3 { color: var(--text-heading) !important; }
.terms-wrap .terms-content p { color: var(--text-body) !important; }

/* Service cards */
.service-card {
  background: #fff !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: var(--transition) !important;
}
.service-card:hover {
  border-color: var(--gold) !important;
  box-shadow: var(--shadow-md) !important;
  transform: translateY(-3px);
}
.service-card h3 a { color: var(--text-heading) !important; }
.service-card p { color: var(--text-body) !important; }

/* ══════════════════════════════════════════════════════════════
   STAT COUNTERS
   ══════════════════════════════════════════════════════════════ */
.counter-card-wrap .counter-card .counter-text h2 { color: var(--text-heading) !important; }
.counter-card-wrap .counter-card .counter-text p { color: var(--text-body) !important; }
.counter-card-wrap .counter-card::after { background: var(--border-light) !important; }

/* ══════════════════════════════════════════════════════════════
   ANIMATIONS — Keep subtle
   ══════════════════════════════════════════════════════════════ */
section,
.feature-wrap,
.partner-wrap,
.currency-wrap,
.testimonial-wrap,
.blog-wrap,
.exchange-table-wrap {
  transition: background 0.3s ease;
}

/* Reduce AOS animation intensity */
[data-aos] {
  transition-duration: 0.6s !important;
}

/* ══════════════════════════════════════════════════════════════
   GOOGLE TRANSLATE — style it or hide it
   ══════════════════════════════════════════════════════════════ */
#google_translate_element {
  position: absolute;
  right: 10px;
  top: -30px;
  opacity: 0.5;
  font-size: 12px;
}

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE — Comprehensive Mobile Fixes
   ══════════════════════════════════════════════════════════════ */

/* ── Tablet (max 991px) ── */
@media (max-width: 991px) {
  .hero-wrap.style2 {
    padding: 130px 0 80px !important;
  }
  .hero-wrap.style2 .hero-content h1 {
    font-size: 38px !important;
  }
  .hero-wrap.style2 .hero-content p {
    font-size: 15px !important;
  }

  /* Top security bar: stack vertically on tablet */
  .top-bar-security .container {
    flex-direction: column !important;
    gap: 6px !important;
    text-align: center !important;
  }

  /* Rate cards: stack vertically */
  .hero-wrap + section .row.g-0,
  section .card .row.g-0 {
    flex-direction: column !important;
  }
  .hero-wrap + section .row.g-0 > div,
  section .card .row.g-0 > div {
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Hero display sizes */
  .display-3 {
    font-size: 2.5rem !important;
  }
  .display-4 {
    font-size: 2rem !important;
  }
}

/* ── Mobile (max 767px) ── */
@media (max-width: 767px) {
  /* Navbar hamburger */
  .navbar-toggler,
  .mobile-menu-toggle {
    display: block !important;
  }
  .header-wrap .navbar .navbar-nav {
    gap: 0 !important;
  }
  .header-wrap .navbar .other-options {
    display: none !important;
  }

  /* Hero section */
  .hero-wrap.style2 .hero-content h1 {
    font-size: 32px !important;
  }
  .section-title h2,
  .content-title h2 {
    font-size: 28px !important;
  }
  .breadcrumb-title h2 {
    font-size: 28px !important;
  }

  /* EverBank-style hero (index.blade.php custom) */
  .hero-wrap .container .row {
    flex-direction: column !important;
  }
  .hero-wrap .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Hero text sizing */
  .hero-wrap .display-4,
  .hero-wrap h1.display-4 {
    font-size: 1.75rem !important;
    line-height: 1.25 !important;
  }
  .hero-wrap h1.display-4 br {
    display: none !important;
  }
  .hero-wrap .fs-5 {
    font-size: 0.95rem !important;
  }

  /* Hero image frame */
  .hero-wrap .position-relative.mx-auto {
    max-width: 100% !important;
    margin-top: 24px !important;
  }
  .hero-wrap .position-relative.mx-auto img {
    min-height: 240px !important;
  }

  /* Hero CTA buttons */
  .hero-wrap .d-flex.gap-3.flex-wrap {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .hero-wrap .d-flex.gap-3.flex-wrap .btn {
    width: 100% !important;
    text-align: center !important;
  }

  /* Rate cards section */
  .display-3 {
    font-size: 2rem !important;
  }

  /* Top bar: hide phone/translate on mobile, show only security badge */
  .top-bar-security {
    font-size: 11px !important;
    padding: 8px 12px !important;
  }
  .top-bar-security .d-none.d-md-flex {
    display: none !important;
  }
  .top-bar-security .container {
    justify-content: center !important;
    text-align: center !important;
  }

  /* Section padding reduction */
  .pt-100, .ptb-100 {
    padding-top: 50px !important;
  }
  .pb-100 {
    padding-bottom: 50px !important;
  }

  /* Footer: stack columns */
  .footer-wrap .row {
    flex-direction: column !important;
  }
  .footer-wrap .row > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-bottom: 24px !important;
  }

  /* Contact items */
  .contact-us-wrap .contact-item {
    flex-direction: column !important;
    text-align: center !important;
    padding: 24px 16px !important;
  }

  /* EverBank second hero (split) */
  .second-hero-section .row {
    flex-direction: column !important;
  }
  .second-hero-section .col-lg-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* Feature cards grid */
  .feature-card {
    margin-bottom: 16px !important;
  }

  /* Google translate element */
  #google_translate_element {
    position: static !important;
    opacity: 1 !important;
    margin-top: 8px !important;
  }
}

/* ── Small Mobile (max 480px) ── */
@media (max-width: 480px) {
  .hero-wrap .display-4,
  .hero-wrap h1.display-4 {
    font-size: 1.5rem !important;
  }
  .display-3 {
    font-size: 1.6rem !important;
  }
  .hero-wrap .fs-5 {
    font-size: 0.85rem !important;
  }

  /* Floating rate cards */
  section .card .p-4.p-md-5,
  section .card .p-md-5 {
    padding: 20px !important;
  }

  /* Rate card badges */
  .badge.rounded-pill {
    font-size: 9px !important;
    padding: 4px 8px !important;
  }

  /* Breadcrumbs */
  .breadcrumb-title h2 {
    font-size: 22px !important;
  }
  .breadcrumb-wrap {
    padding: 30px 0 !important;
  }

  /* Section titles */
  .section-title h2,
  .content-title h2 {
    font-size: 22px !important;
  }

  /* Footer text */
  .footer-wrap .footer-widget .footer-widget-title {
    font-size: 16px !important;
  }
  .footer-wrap .footer-widget .footer-menu li a {
    font-size: 14px !important;
  }
}