/* ============================================================
   Premium Design Override — Global Trust Network Holding
   ============================================================ */

/* ── Root Design Tokens ──────────────────────────────────── */
:root {
  --p-navy:        #0c1a2e;
  --p-navy-mid:    #132238;
  --p-gold:        #c8a84b;
  --p-gold-light:  #e2c272;
  --p-gold-dim:    rgba(200, 168, 75, 0.12);
  --p-red:         #b8102e;
  --p-red-deep:    #8c0c22;
  --p-off-white:   #f7f5f0;
  --p-border:      rgba(200, 168, 75, 0.18);
  --p-shadow-sm:   0 2px 12px rgba(0, 0, 0, 0.07);
  --p-shadow-md:   0 6px 28px rgba(0, 0, 0, 0.11);
  --p-shadow-lg:   0 16px 56px rgba(0, 0, 0, 0.16);
  --p-ease:        cubic-bezier(0.4, 0, 0.2, 1);
  --p-duration:    0.28s;
}

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

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.01em;
  background-color: #ffffff;
}

::selection {
  background: var(--p-gold);
  color: #ffffff;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f0ede8; }
::-webkit-scrollbar-thumb { background: var(--p-gold); border-radius: 3px; }

/* ── Typography ──────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.025em;
  line-height: 1.2;
}

.sec-title h2 {
  font-size: 44px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: var(--p-navy);
  position: relative;
  display: inline-block;
}

.sec-title h2::after {
  content: '';
  display: block;
  width: 52px;
  height: 3px;
  background: linear-gradient(90deg, var(--p-gold), transparent);
  margin-top: 14px;
  border-radius: 2px;
}

.sec-title.text-center h2::after {
  margin-left: auto;
  margin-right: auto;
}

.sec-title .sub-title p {
  color: #6b6660;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0.01em;
}

/* ── Top Bar ─────────────────────────────────────────────── */
.main-header-style1-top {
  background: var(--p-navy) !important;
  border-bottom: 1px solid rgba(200, 168, 75, 0.15);
  padding: 10px 0;
}

.main-header-style1-top .nearest-branch a,
.main-header-style1-top .nearest-branch span,
.header-menu-style1 ul li a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  letter-spacing: 0.02em;
  transition: color var(--p-duration) var(--p-ease);
}

.main-header-style1-top .nearest-branch a:hover,
.header-menu-style1 ul li a:hover {
  color: var(--p-gold);
}

.main-header-style1-top .nearest-branch span {
  color: var(--p-gold);
}

/* Search button */
.main-header-style1-top .box-search-style1 {
  border-left-color: rgba(255, 255, 255, 0.15) !important;
  border-right-color: rgba(255, 255, 255, 0.15) !important;
}

.main-header-style1-top .box-search-style1 a,
.main-header-style1-top .box-search-style1 a span {
  color: rgba(255, 255, 255, 0.72) !important;
  transition: color var(--p-duration) var(--p-ease) !important;
}

.main-header-style1-top .box-search-style1 a:hover,
.main-header-style1-top .box-search-style1 a:hover span {
  color: var(--p-gold) !important;
}

/* Language switcher */
.main-header-style1-top #polyglotLanguageSwitcher a,
.main-header-style1-top .language-switcher #polyglotLanguageSwitcher a {
  color: rgba(255, 255, 255, 0.72) !important;
  transition: color var(--p-duration) var(--p-ease) !important;
}

.main-header-style1-top #polyglotLanguageSwitcher a:hover {
  color: var(--p-gold) !important;
}

.main-header-style1-top #polyglotLanguageSwitcher span.trigger:before {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* ── Main Navigation ─────────────────────────────────────── */
.main-menu.main-menu-style1,
.main-menu__wrapper {
  background: #ffffff !important;
  box-shadow: 0 2px 20px rgba(12, 26, 46, 0.08);
}

.main-menu__list > li > a {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--p-navy) !important;
  padding: 28px 0;
  position: relative;
  transition: color var(--p-duration) var(--p-ease);
}

.main-menu__list > li > a::after {
  content: '';
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 18px;
  height: 2px;
  background: var(--p-gold);
  border-radius: 2px;
  transition: transform var(--p-duration) var(--p-ease);
}

.main-menu__list > li:hover > a::after,
.main-menu__list > li.current > a::after {
  transform: translateX(-50%) scaleX(1);
}

.main-menu__list > li:hover > a {
  color: var(--p-red) !important;
}

/* Dropdown */
.main-menu__list .dropdown ul {
  background: #ffffff;
  border-top: 2px solid var(--p-gold);
  border-radius: 0 0 8px 8px;
  box-shadow: var(--p-shadow-md);
  min-width: 220px;
}

.main-menu__list .dropdown ul li a {
  color: #3a3530 !important;
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 10px 20px !important;
  transition: all var(--p-duration) var(--p-ease);
  border-bottom: 1px solid rgba(0,0,0,0.04);
}

.main-menu__list .dropdown ul li a:hover {
  color: var(--p-red) !important;
  background: var(--p-gold-dim);
  padding-left: 26px !important;
}

/* Header CTA buttons */
.header-btn-one a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 11px 22px !important;
  border-radius: 4px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.header-btn-one a:first-child {
  background: var(--p-red) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(184, 16, 46, 0.3);
}

.header-btn-one a:first-child:hover {
  background: var(--p-red-deep) !important;
  box-shadow: 0 6px 20px rgba(184, 16, 46, 0.45);
  transform: translateY(-1px);
}

.header-btn-one a.style2 {
  background: transparent !important;
  border: 1.5px solid var(--p-gold) !important;
  color: var(--p-navy) !important;
}

.header-btn-one a.style2:hover {
  background: var(--p-gold) !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* ── Announcement Bar ────────────────────────────────────── */
.main-header-style1-bottom {
  background: linear-gradient(90deg, var(--p-gold-dim), rgba(184, 16, 46, 0.06));
  border-top: 1px solid var(--p-border);
  border-bottom: 1px solid var(--p-border);
}

.main-header-style1-bottom .update-box .inner-title span,
.main-header-style1-bottom .update-box .inner-title h4 {
  color: var(--p-red);
}

.main-header-style1-bottom .text a {
  color: var(--p-gold);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.03em;
  transition: color var(--p-duration) var(--p-ease);
}

.main-header-style1-bottom .text a:hover {
  color: var(--p-red);
}

/* ── Hero Slider ─────────────────────────────────────────── */
.main-slider-style1 {
  padding: 0 !important;
}

.main-slider .image-layer {
  background-color: var(--p-navy) !important;
}

.main-slider-content h2 {
  font-size: 56px !important;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.08;
  color: #ffffff;
  text-shadow: 0 2px 30px rgba(0,0,0,0.25);
}

.main-slider-content .text p {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.78);
  letter-spacing: 0.01em;
}

.slider-buttom-box a {
  border-radius: 4px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.slider-buttom-box a:hover {
  transform: translateX(4px);
}

/* ── Global Button Override ──────────────────────────────── */
.btn-one {
  border-radius: 4px !important;
  font-weight: 600 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
  box-shadow: 0 4px 16px rgba(184, 16, 46, 0.28) !important;
}

.btn-one:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(184, 16, 46, 0.4) !important;
}

/* ── Features Style 1 (3 Cards) ─────────────────────────── */
.features-style1-area {
  padding: 80px 0;
  background: var(--p-off-white);
}

.single-features-style1-box {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: var(--p-shadow-sm) !important;
  padding: 36px 32px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
  position: relative;
  overflow: hidden;
}

.single-features-style1-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--p-gold), var(--p-red));
  opacity: 0;
  transition: opacity var(--p-duration) var(--p-ease);
}

.single-features-style1-box:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--p-shadow-lg) !important;
  border-color: transparent !important;
}

.single-features-style1-box:hover::before {
  opacity: 1;
}

.single-features-style1-box .text-box h4 {
  color: var(--p-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.single-features-style1-box .text-box h3 {
  color: var(--p-navy);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin-bottom: 12px;
}

.single-features-style1-box .text-box p {
  color: #7a7470;
  font-size: 14px;
  line-height: 1.65;
}

.single-features-style1-box .btn-box a {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--p-red) !important;
  transition: color var(--p-duration) var(--p-ease);
}

.single-features-style1-box .btn-box a:hover {
  color: var(--p-gold) !important;
}

.counting-box h3 {
  color: var(--p-gold) !important;
  opacity: 0.35;
  font-size: 72px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

/* ── Service Section ─────────────────────────────────────── */
.service-style1-area {
  position: relative;
}

.single-service-box-style1 {
  background: rgba(255,255,255,0.95) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  box-shadow: 0 4px 24px rgba(0,0,0,0.12) !important;
  padding: 32px 28px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.single-service-box-style1:hover {
  background: #ffffff !important;
  transform: translateY(-4px) !important;
  box-shadow: var(--p-shadow-lg) !important;
}

.single-service-box-style1 .icon span {
  color: var(--p-gold) !important;
  font-size: 40px;
  transition: transform var(--p-duration) var(--p-ease);
}

.single-service-box-style1:hover .icon span {
  transform: scale(1.1) rotate(-5deg);
}

.single-service-box-style1 h3 a {
  color: var(--p-navy) !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  transition: color var(--p-duration) var(--p-ease);
}

.single-service-box-style1 h3 a:hover {
  color: var(--p-red) !important;
}

.single-service-box-style1 .border-box {
  height: 2px !important;
  background: linear-gradient(90deg, var(--p-gold), transparent) !important;
  margin: 14px 0 !important;
  border: none !important;
}

.single-service-box-style1 p {
  font-size: 14px;
  color: #7a7470;
  line-height: 1.65;
}

.single-service-box-style1 h6 {
  font-size: 12px;
  font-weight: 600;
  color: var(--p-gold);
  letter-spacing: 0.04em;
}

.single-service-box-style1 h6 span {
  color: var(--p-red);
}

/* Service Tabs */
.service-style1-tab__button .tab-btn-item {
  background: rgba(255,255,255,0.08) !important;
  border-radius: 8px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

.service-style1-tab__button .tab-btn-item.active-btn-item {
  background: var(--p-gold) !important;
  border-color: var(--p-gold) !important;
}

.service-style1-tab__button .tab-btn-item h4 {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.75;
}

.service-style1-tab__button .tab-btn-item h3 {
  font-size: 18px;
  font-weight: 700;
}

/* ── Wealth Secure Carousel ──────────────────────────────── */
.single-wealth-secure-box {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: var(--p-shadow-md) !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.single-wealth-secure-box:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--p-shadow-lg) !important;
}

.single-wealth-secure-box .inner-title h3 a {
  font-weight: 700;
  letter-spacing: -0.01em;
}

.single-wealth-secure-box .text-box p {
  font-size: 14px;
  line-height: 1.65;
  color: #7a7470;
}

/* ── Emergency Services (Features Style 2) ───────────────── */
.single-features-box-style2 {
  border-radius: 10px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.single-features-box-style2:hover {
  transform: translateY(-3px) !important;
}

.single-features-box-style2 .icon span {
  transition: all var(--p-duration) var(--p-ease);
}

.single-features-box-style2:hover .icon span {
  color: var(--p-gold) !important;
}

.single-features-box-style2 h3 a {
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 15px;
}

/* Features text links */
.features-style2-text-box ul li a {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  padding: 13px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  transition: all var(--p-duration) var(--p-ease);
}

.features-style2-text-box ul li a:hover {
  color: var(--p-red) !important;
  padding-left: 6px !important;
}

/* ── Features Style 3 (Card + Form) ─────────────────────── */
.features-style3-area {
  background: var(--p-off-white);
}

.apply-credit-card input[type="text"] {
  border: 1.5px solid #e0ddd8 !important;
  border-radius: 6px !important;
  padding: 14px 18px !important;
  font-size: 15px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
  background: #ffffff !important;
}

.apply-credit-card input[type="text"]:focus {
  border-color: var(--p-gold) !important;
  box-shadow: 0 0 0 3px var(--p-gold-dim) !important;
  outline: none !important;
}

.features-style3-content .text-box ul li .icon span {
  color: var(--p-gold) !important;
}

.features-style3-content .text-box ul li p {
  font-size: 15px;
  color: #5a5450;
  font-weight: 500;
}

/* ── Money Exchange Section ──────────────────────────────── */
.single-money-exchange-value {
  background: rgba(255,255,255,0.1) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  padding: 20px 16px !important;
  transition: all var(--p-duration) var(--p-ease) !important;
  backdrop-filter: blur(4px);
}

.single-money-exchange-value:hover {
  background: rgba(255,255,255,0.18) !important;
  transform: translateY(-4px) !important;
  border-color: var(--p-gold) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.2) !important;
}

.single-money-exchange-value h3 {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--p-gold) !important;
  margin-bottom: 10px !important;
}

.single-money-exchange-value .flag-box {
  border-radius: 6px !important;
  overflow: hidden !important;
}

.money-exchange-value-tab__button ul li h3 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ── FAQ Section ─────────────────────────────────────────── */
.faq-style1-area {
  background: #ffffff;
}

.accordion-box .accordion.block {
  border: 1.5px solid #ece9e4 !important;
  border-radius: 8px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  transition: all var(--p-duration) var(--p-ease);
}

.accordion-box .accordion.block:hover,
.accordion-box .accordion.block.active-block {
  border-color: var(--p-gold) !important;
  box-shadow: 0 4px 20px var(--p-gold-dim) !important;
}

.accordion-box .accordion .acc-btn {
  padding: 18px 22px !important;
  background: #fafaf8 !important;
  transition: background var(--p-duration) var(--p-ease);
}

.accordion-box .accordion.active-block .acc-btn {
  background: var(--p-gold-dim) !important;
}

.accordion-box .accordion .acc-btn h3 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--p-navy);
}

.accordion-box .accordion .acc-content {
  padding: 18px 22px !important;
}

.accordion-box .accordion .acc-content p {
  font-size: 14px;
  line-height: 1.7;
  color: #7a7470;
}

/* FAQ Search */
.faq-search-box__inner form {
  border-radius: 8px !important;
  overflow: hidden;
  box-shadow: var(--p-shadow-sm);
  border: 1.5px solid #e8e4de !important;
  transition: border-color var(--p-duration) var(--p-ease);
}

.faq-search-box__inner form:focus-within {
  border-color: var(--p-gold) !important;
  box-shadow: 0 0 0 3px var(--p-gold-dim) !important;
}

.faq-search-box__inner input {
  padding: 14px 20px !important;
  font-size: 14px !important;
}

/* ── Deals Section ───────────────────────────────────────── */
.single-deals-box {
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: var(--p-shadow-md) !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.single-deals-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--p-shadow-lg) !important;
}

.single-deals-box .text-box .inner-title h4 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--p-gold);
}

.single-deals-box .text-box .inner-title h2 {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* ── EMI Calculator ──────────────────────────────────────── */
.emi-calculator-area {
  background: var(--p-off-white);
}

.emi-calculator-output-box .left-box {
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--p-red), var(--p-red-deep)) !important;
  box-shadow: 0 8px 32px rgba(184, 16, 46, 0.3) !important;
}

.emi-calculator-output-box .left-box h2 {
  font-weight: 800;
  letter-spacing: -0.03em;
}

/* Range sliders */
.price-range-box .inner h4,
.loan-term-range-box .inner h4,
.interest-rate-range-box .inner h4 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--p-navy);
}

/* ── Sticky / Stricky Header ─────────────────────────────── */
.stricky-header.stricked-menu.main-menu {
  box-shadow: 0 4px 24px rgba(12, 26, 46, 0.1) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ── Footer ──────────────────────────────────────────────── */
.footer-area {
  background: var(--p-navy) !important;
}

.footer-top {
  border-color: rgba(200, 168, 75, 0.12) !important;
}

.single-footer-widget .title h3 {
  color: var(--p-gold) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

.footer-widget-links ul li a {
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0.01em;
  transition: all var(--p-duration) var(--p-ease) !important;
  padding: 5px 0;
  display: inline-block;
}

.footer-widget-links ul li a:hover {
  color: var(--p-gold) !important;
  transform: translateX(4px);
}

.footer .copyright-text p {
  color: rgba(255,255,255,0.45);
  font-size: 13px;
  line-height: 1.7;
}

.footer-widget-contact-info ul li h3 a {
  color: rgba(255,255,255,0.85) !important;
  font-size: 16px;
  font-weight: 600;
  transition: color var(--p-duration) var(--p-ease);
}

.footer-widget-contact-info ul li h3 a:hover {
  color: var(--p-gold) !important;
}

.footer-widget-contact-info ul li p {
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-top: 2px;
}

.footer .footer-logo-style1 {
  margin-bottom: 18px;
}

/* ── Social Icons ────────────────────────────────────────── */
.social-link-style1,
.social-link-style2 {
  display: flex;
  gap: 8px;
}

.social-link-style1 a,
.social-link-style2 a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.6) !important;
  font-size: 14px;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.social-link-style1 a:hover,
.social-link-style2 a:hover {
  background: var(--p-gold) !important;
  border-color: var(--p-gold) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

/* ── Mobile Nav ──────────────────────────────────────────── */
.mobile-nav__content {
  background: var(--p-navy) !important;
}

.mobile-nav__content .main-menu__list > li > a {
  color: rgba(255,255,255,0.85) !important;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.mobile-nav__content .main-menu__list > li > a:hover {
  color: var(--p-gold) !important;
}

.mobile-nav__close {
  border-radius: 6px !important;
}

/* ── Search Popup ────────────────────────────────────────── */
.search-popup__form input {
  border-bottom: 2px solid var(--p-gold) !important;
  color: var(--p-navy);
  font-size: 24px;
  font-weight: 300;
}

/* ── Tab Buttons (Global) ────────────────────────────────── */
.tab-btn-item {
  transition: all var(--p-duration) var(--p-ease) !important;
}

.tab-btn-item:hover {
  opacity: 0.88;
}

/* ── Testimonials ────────────────────────────────────────── */
.single-testimonials-box {
  border-radius: 12px !important;
  box-shadow: var(--p-shadow-sm) !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.single-testimonials-box:hover {
  box-shadow: var(--p-shadow-md) !important;
  transform: translateY(-4px) !important;
}

/* ── Partner / Brand logos ───────────────────────────────── */
.thm-client__carousel img {
  filter: grayscale(0.5);
  opacity: 0.7;
  transition: all var(--p-duration) var(--p-ease);
}

.thm-client__carousel img:hover {
  filter: grayscale(0);
  opacity: 1;
}

/* ── Breadcrumb ──────────────────────────────────────────── */
.breadcrumb-area {
  position: relative;
}

.breadcrumb-area::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(12,26,46,0.75) 0%, rgba(12,26,46,0.4) 100%);
  z-index: 1;
}

.breadcrumb-area .container { z-index: 2; }

.breadcrumb-area h2 {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

/* ── Fact Counter ────────────────────────────────────────── */
.fact-counter-section {
  background: var(--p-navy) !important;
}

.single-fact-counter-box h2 {
  color: var(--p-gold) !important;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.single-fact-counter-box p {
  color: rgba(255,255,255,0.55) !important;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ── Blog Cards ──────────────────────────────────────────── */
.single-blog-post {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: var(--p-shadow-sm) !important;
  transition: all var(--p-duration) var(--p-ease) !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
}

.single-blog-post:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--p-shadow-lg) !important;
}

.single-blog-post .title a {
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.3;
  transition: color var(--p-duration) var(--p-ease);
}

.single-blog-post .title a:hover {
  color: var(--p-red) !important;
}

/* ── Update Notice Bar Icon ──────────────────────────────── */
.update-box .inner-title span {
  color: var(--p-gold) !important;
}

/* ── Looking / My Account Box ────────────────────────────── */
.looking-banking-box .inner-title span {
  color: var(--p-gold) !important;
}

/* ── Scroll-to-top (if present) ──────────────────────────── */
.scroll-top,
.back-to-top {
  border-radius: 6px !important;
  background: var(--p-gold) !important;
  box-shadow: 0 4px 16px rgba(200, 168, 75, 0.4) !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.scroll-top:hover,
.back-to-top:hover {
  background: var(--p-red) !important;
  transform: translateY(-2px);
}

/* ── Subtle section alternation ──────────────────────────── */
.features-style2-area,
.emi-calculator-area {
  background: var(--p-off-white) !important;
}

.wealth-secure-area,
.faq-style1-area {
  background: #ffffff !important;
}

/* ── Owl Carousel Dots ───────────────────────────────────── */
.owl-dot span {
  background: #d0ccc8 !important;
  border-radius: 50% !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.owl-dot.active span {
  background: var(--p-gold) !important;
  transform: scale(1.3);
}

/* ── Swiper Pagination ───────────────────────────────────── */
.swiper-pagination-bullet {
  background: rgba(255,255,255,0.5) !important;
  transition: all var(--p-duration) var(--p-ease) !important;
}

.swiper-pagination-bullet-active {
  background: var(--p-gold) !important;
  transform: scale(1.3);
}

/* ── Ripple-free focus ring ──────────────────────────────── */
input:focus,
select:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--p-gold);
  outline-offset: 2px;
}