/* Deluxe Bank layout themes v1.2
 * Layout is deliberately independent from palette. All brand colour comes
 * from the existing semantic --fc-theme-* and --mt-theme-* variables.
 */

:root {
  --fc-layout-radius: 12px;
  --fc-layout-radius-lg: 16px;
  --fc-layout-border: color-mix(in srgb, var(--fc-theme-brand-ink, #12233b) 12%, transparent);
  --fc-layout-shadow: 0 12px 32px color-mix(in srgb, var(--fc-theme-brand-ink, #12233b) 10%, transparent);
  --fc-layout-paper: var(--fc-theme-canvas-paper, #fff);
  --fc-layout-page: color-mix(in srgb, var(--fc-theme-canvas-paper, #fff) 88%, var(--fc-theme-canvas-surface, #eef1f6) 12%);
  --fc-layout-ink: var(--fc-theme-brand-ink, #12233b);
  --fc-layout-muted: var(--fc-theme-canvas-muted, #5c6675);
  --fc-layout-primary: var(--fc-ui-public, var(--mt-theme-default-background));
  --fc-layout-primary-deep: var(--fc-ui-public-deep, var(--mt-theme-hover));
  --fc-layout-account: var(--fc-ui-account, var(--mt-theme-default-background));
  --fc-layout-account-deep: var(--fc-ui-account-deep, var(--mt-theme-hover));
  --fc-layout-action: var(--fc-theme-gold-mid, var(--mt-theme-default-background));
  --fc-layout-action-text: var(--fc-theme-gold-text, #071a2e);
}

/* Theme Two complete experience (v1.2.6). This block deliberately owns the
   whole public, sign-in and customer-dashboard composition. */
body.fc-layout-theme-two {
  --fc-t2-navy: var(--fc-layout-primary-deep, #0b315b);
  --fc-t2-blue: var(--fc-layout-primary, #155ea8);
  --fc-t2-gold: var(--fc-layout-accent, #d6ad57);
  --fc-t2-green: var(--fc-layout-account, #13805f);
  --fc-t2-cream: #f8f5ee;
  --fc-t2-mist: #eef3f8;
  --fc-t2-ink: #10243d;
}

/* Public site: editorial sections, not legacy floating cards. */
body.fc-layout-theme-two.fc-site .fc-floating-services,
body.fc-layout-theme-two.fc-site .fc-section,
body.fc-layout-theme-two.fc-site .fc-section-sm {
  margin: 0 !important;
  padding: 76px 0 !important;
  background: #fff !important;
}
body.fc-layout-theme-two.fc-site .fc-floating-services { padding: 0 0 72px !important; }
body.fc-layout-theme-two.fc-site .fc-floating-services > .container,
body.fc-layout-theme-two.fc-site .fc-section > .container,
body.fc-layout-theme-two.fc-site .fc-section-sm > .container {
  width: min(1180px, calc(100% - 48px)) !important;
  max-width: 1180px !important;
}
body.fc-layout-theme-two.fc-site .fc-trust-strip {
  margin: 0 0 44px !important;
  border: 0 !important;
  border-bottom: 1px solid #dce3ea !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}
body.fc-layout-theme-two.fc-site .fc-trust-strip-inner { min-height: 76px !important; }
body.fc-layout-theme-two.fc-site .fc-floating-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 18px !important;
}
body.fc-layout-theme-two.fc-site .fc-quick-card {
  min-height: 230px !important;
  padding: 28px !important;
  border: 1px solid #dce4ec !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: var(--fc-t2-ink) !important;
}
body.fc-layout-theme-two.fc-site .fc-quick-card:nth-child(2) { background: var(--fc-t2-navy) !important; color: #fff !important; }
body.fc-layout-theme-two.fc-site .fc-quick-card:nth-child(2) h3,
body.fc-layout-theme-two.fc-site .fc-quick-card:nth-child(2) p { color: #fff !important; }
body.fc-layout-theme-two.fc-site .fc-quick-icon {
  width: 50px !important; height: 50px !important; border-radius: 50% !important;
  background: color-mix(in srgb, var(--fc-t2-gold) 24%, #fff) !important;
}
body.fc-layout-theme-two.fc-site .fc-quick-card h3 { font-family: Georgia,serif !important; font-size: 25px !important; }
body.fc-layout-theme-two.fc-site .fc-quick-card p { color: #607086 !important; line-height: 1.65 !important; }
body.fc-layout-theme-two.fc-site .fc-split-card {
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important;
}
body.fc-layout-theme-two.fc-site .fc-split-img { min-height: 480px !important; border-radius: 4px 70px 4px 4px !important; overflow: hidden !important; }
body.fc-layout-theme-two.fc-site .fc-content-pad { padding: 54px 30px 54px 72px !important; }
body.fc-layout-theme-two.fc-site .fc-label { color: var(--fc-t2-gold) !important; letter-spacing: .13em !important; text-transform: uppercase !important; }
body.fc-layout-theme-two.fc-site .fc-title { font-family: Georgia,serif !important; font-size: clamp(38px,4vw,54px) !important; color: var(--fc-t2-navy) !important; }
body.fc-layout-theme-two.fc-site .fc-section-sm { background: var(--fc-t2-cream) !important; }
body.fc-layout-theme-two.fc-site .fc-section-sm .fc-center,
body.fc-layout-theme-two.fc-site .fc-section:last-of-type .fc-center { max-width: 760px !important; margin: 0 auto 42px !important; }
body.fc-layout-theme-two.fc-site .fc-service-card,
body.fc-layout-theme-two.fc-site .fc-goal-card {
  height: 100% !important; border: 0 !important; border-radius: 8px !important;
  background: #fff !important; box-shadow: 0 12px 36px rgba(16,36,61,.08) !important; overflow: hidden !important;
}
body.fc-layout-theme-two.fc-site .fc-service-img { height: 230px !important; }
body.fc-layout-theme-two.fc-site .fc-service-body,
body.fc-layout-theme-two.fc-site .fc-goal-card-body { padding: 26px !important; }
body.fc-layout-theme-two.fc-site .fc-service-body h4,
body.fc-layout-theme-two.fc-site .fc-goal-card-body h4 { font-family: Georgia,serif !important; font-size: 25px !important; color: var(--fc-t2-navy) !important; }
body.fc-layout-theme-two.fc-site .fc-literacy { background: var(--fc-t2-navy) !important; color: #fff !important; }
body.fc-layout-theme-two.fc-site .fc-literacy .fc-title,
body.fc-layout-theme-two.fc-site .fc-literacy .fc-desc,
body.fc-layout-theme-two.fc-site .fc-literacy h4,
body.fc-layout-theme-two.fc-site .fc-literacy p { color: #fff !important; }
body.fc-layout-theme-two.fc-site .fc-literacy-phone-col { align-self: stretch !important; }
body.fc-layout-theme-two.fc-site .fc-phone-img { height: 100% !important; min-height: 480px !important; border-radius: 70px 4px 4px 4px !important; overflow: hidden !important; }
body.fc-layout-theme-two.fc-site .fc-phone-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.fc-layout-theme-two.fc-site .fc-site-footer { background: #071d35 !important; color: #d8e3ee !important; }
body.fc-layout-theme-two.fc-site .fc-site-footer .footer-main,
body.fc-layout-theme-two.fc-site .fc-site-footer .footer-bottom { background: transparent !important; }
body.fc-layout-theme-two.fc-site .fc-site-footer h3,
body.fc-layout-theme-two.fc-site .fc-site-footer a { color: #fff !important; }

/* Standalone login: remove the legacy secondary panel and registration noise. */
body.fc-layout-theme-two.online-banking .login-area { background: #fff !important; }
body.fc-layout-theme-two.online-banking .fc-t2-login-visual {
  width: 50% !important; background-position: center !important;
  background-image: linear-gradient(180deg,rgba(4,26,53,.18),rgba(4,26,53,.82)),url('../dnibyilqh/image/upload/v1654397759/Beta-slider-1-1_1_f0ys31.jpg') !important;
}
body.fc-layout-theme-two.online-banking .signon-container { border: 0 !important; box-shadow: none !important; background: transparent !important; }
body.fc-layout-theme-two.online-banking .signon-header,
body.fc-layout-theme-two.online-banking .signon-form-bottom,
body.fc-layout-theme-two.online-banking .signon-col.right-col { display: none !important; }
body.fc-layout-theme-two.online-banking .signon-form-main-inner { border: 0 !important; box-shadow: none !important; background: transparent !important; }
body.fc-layout-theme-two.online-banking .user-log-title { text-align: left !important; color: var(--fc-t2-navy) !important; }
body.fc-layout-theme-two.online-banking .user-log-title::after {
  content: 'Sign in securely to continue to your accounts.'; display: block; margin-top: 12px;
  font-family: Arial,sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #6b7889;
}
body.fc-layout-theme-two.online-banking .form-control { min-height: 56px !important; border: 1px solid #d6dfe8 !important; border-radius: 8px !important; }
body.fc-layout-theme-two.online-banking .sgn-submit,
body.fc-layout-theme-two.online-banking button[type=submit] { min-height: 56px !important; border-radius: 7px !important; background: var(--fc-t2-gold) !important; color: #15283d !important; font-weight: 800 !important; }

/* Customer dashboard: distinct banking workspace. */
body.fc-layout-theme-two.user-dashboard .mt-content-body { background: var(--fc-t2-mist) !important; }
body.fc-layout-theme-two.user-dashboard .fc-t2-account-main { margin-left: 288px !important; min-height: 100vh; padding: 28px 32px 48px !important; background: var(--fc-t2-mist) !important; }
.fc-t2-account-topbar { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.fc-t2-account-kicker { display:block; margin-bottom:4px; color:var(--fc-t2-blue); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.fc-t2-account-topbar h1 { margin:0; color:var(--fc-t2-ink); font-size:30px; font-weight:800; }
.fc-t2-account-top-actions { display:flex; align-items:center; gap:10px; }
.fc-t2-account-search { display:flex; align-items:center; gap:10px; width:320px; height:46px; padding:0 15px; border:1px solid #d8e1eb; border-radius:12px; background:#fff; }
.fc-t2-account-search svg { width:18px; color:#718197; }
.fc-t2-account-search input { width:100%; border:0; outline:0; background:transparent; color:var(--fc-t2-ink); }
.fc-t2-round-action { display:grid; place-items:center; width:46px; height:46px; border:1px solid #d8e1eb; border-radius:12px; background:#fff; color:var(--fc-t2-ink); }
.fc-t2-profile-chip { display:flex; align-items:center; gap:10px; min-height:46px; padding:5px 10px 5px 6px; border:1px solid #d8e1eb; border-radius:13px; background:#fff; color:var(--fc-t2-ink); text-decoration:none; }
.fc-t2-profile-chip img,.fc-t2-profile-chip>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; object-fit:cover; background:var(--fc-t2-blue); color:#fff; }
.fc-t2-profile-chip svg { width:16px; }
.fc-t2-balance-panel { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr); gap:34px; min-height:310px; padding:38px 42px; border-radius:24px; overflow:hidden; color:#fff; background:linear-gradient(125deg,var(--fc-t2-navy),var(--fc-t2-blue)); box-shadow:0 22px 55px rgba(10,43,79,.18); }
.fc-t2-balance-copy>span { display:block; color:rgba(255,255,255,.72); font-size:14px; }
.fc-t2-balance-copy>strong { display:block; margin:9px 0 4px; font-size:45px; line-height:1.08; }
.fc-t2-balance-copy>small { color:rgba(255,255,255,.72); }
.fc-t2-balance-actions { display:flex; gap:10px; margin-top:42px; }
.fc-t2-balance-actions a { display:flex; align-items:center; gap:8px; min-height:48px; padding:0 17px; border:1px solid rgba(255,255,255,.26); border-radius:12px; background:rgba(255,255,255,.12); color:#fff; font-weight:700; text-decoration:none; }
.fc-t2-balance-actions svg { width:18px; }
.fc-t2-bank-card { align-self:center; min-height:205px; padding:24px; border:1px solid rgba(255,255,255,.24); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.08)); box-shadow:0 18px 40px rgba(0,0,0,.18); backdrop-filter:blur(8px); }
.fc-t2-bank-card-top,.fc-t2-bank-card-bottom { display:flex; justify-content:space-between; gap:12px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }
.fc-t2-bank-card-chip { width:40px; height:30px; margin:32px 0 24px; border-radius:7px; background:linear-gradient(135deg,#efd789,#ba8d32); }
.fc-t2-bank-card-number { margin-bottom:18px; font-size:20px; letter-spacing:.12em; }
.fc-t2-metric-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin:20px 0; }
.fc-t2-metric-grid article { display:grid; grid-template-columns:48px 1fr; padding:20px; border:1px solid #dce4ed; border-radius:16px; background:#fff; }
.fc-t2-metric-grid article>span { grid-row:1/4; display:grid; place-items:center; width:42px; height:42px; border-radius:12px; }
.fc-t2-metric-grid .is-green { background:#e3f7ef; color:#11805e; }.fc-t2-metric-grid .is-gold{background:#fff2d8;color:#aa7418}.fc-t2-metric-grid .is-blue{background:#e4efff;color:#1763b5}.fc-t2-metric-grid .is-purple{background:#efe8ff;color:#7251bd}
.fc-t2-metric-grid small { color:#728096; }.fc-t2-metric-grid strong { margin:4px 0; color:var(--fc-t2-ink); font-size:19px; }.fc-t2-metric-grid em{color:#95a0af;font-size:11px;font-style:normal}
.fc-t2-dashboard-lower { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr); gap:20px; }
.fc-t2-transactions-card,.fc-t2-spending-card { padding:26px; border:1px solid #dce4ed; border-radius:18px; background:#fff; }
.fc-t2-transactions-card header { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:16px; }.fc-t2-transactions-card header span,.fc-t2-spending-card>span{color:var(--fc-t2-blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fc-t2-transactions-card h2,.fc-t2-spending-card h2{margin:2px 0 0;color:var(--fc-t2-ink);font-size:23px}.fc-t2-transactions-card header a{color:var(--fc-t2-blue);font-weight:700}
.fc-t2-transaction-filters { display:flex; gap:8px; margin-bottom:10px; }.fc-t2-transaction-filters button{padding:8px 14px;border:0;border-radius:9px;background:#f1f4f8;color:#627086}.fc-t2-transaction-filters .is-active{background:var(--fc-t2-navy);color:#fff}
.fc-t2-spending-ring { display:flex; flex-direction:column; align-items:center; justify-content:center; width:170px; height:170px; margin:25px auto; border-radius:50%; background:radial-gradient(circle,#fff 57%,transparent 58%),conic-gradient(var(--fc-t2-gold) calc(var(--fc-t2-spend)*1%),#e8edf2 0); color:var(--fc-t2-ink); }.fc-t2-spending-ring b{font-size:18px}.fc-t2-spending-ring small{color:#798698}.fc-t2-spending-row{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid #e4e9ef}.fc-t2-spending-card>a{display:flex;justify-content:space-between;color:var(--fc-t2-blue);font-weight:700}.fc-t2-mobile-nav{display:none}

@media(max-width:991px){
  body.fc-layout-theme-two.fc-site .fc-floating-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.fc-layout-theme-two.fc-site .fc-content-pad{padding:36px 10px!important}
  body.fc-layout-theme-two.user-dashboard .fc-t2-account-main{margin-left:0!important;padding:22px 18px 92px!important}
  .fc-t2-account-search{display:none}.fc-t2-balance-panel{grid-template-columns:1fr}.fc-t2-bank-card{display:none}.fc-t2-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fc-t2-dashboard-lower{grid-template-columns:1fr}.fc-t2-spending-card{display:none}.fc-t2-mobile-nav{position:fixed;z-index:1000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:70px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #dce4ed;background:#fff;box-shadow:0 -8px 28px rgba(15,35,59,.1)}.fc-t2-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#7c899b;font-size:10px;text-decoration:none}.fc-t2-mobile-nav a.is-active{color:var(--fc-t2-blue)}.fc-t2-mobile-nav svg{width:20px}
}
@media(max-width:575px){
  body.fc-layout-theme-two.fc-site .fc-floating-services,body.fc-layout-theme-two.fc-site .fc-section,body.fc-layout-theme-two.fc-site .fc-section-sm{padding:48px 0!important}
  body.fc-layout-theme-two.fc-site .fc-floating-services>.container,body.fc-layout-theme-two.fc-site .fc-section>.container,body.fc-layout-theme-two.fc-site .fc-section-sm>.container{width:calc(100% - 28px)!important}
  body.fc-layout-theme-two.fc-site .fc-floating-grid{grid-template-columns:1fr!important}.fc-t2-account-topbar{align-items:flex-start}.fc-t2-account-topbar h1{font-size:23px}.fc-t2-profile-chip b,.fc-t2-profile-chip>svg{display:none}.fc-t2-balance-panel{min-height:0;padding:25px 22px;border-radius:19px}.fc-t2-balance-copy>strong{font-size:34px}.fc-t2-balance-actions{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px}.fc-t2-balance-actions a{flex-direction:column;justify-content:center;min-height:66px;padding:8px 5px;text-align:center;font-size:11px}.fc-t2-metric-grid{grid-template-columns:1fr 1fr;gap:10px}.fc-t2-metric-grid article{display:flex;flex-direction:column;padding:15px}.fc-t2-metric-grid article>span{margin-bottom:12px}.fc-t2-metric-grid strong{font-size:15px}.fc-t2-transactions-card{padding:19px 16px}
}

/* Theme One: preserve the legacy structure and sharpen every palette. */
body.fc-layout-theme-one {
  color: var(--fc-layout-ink);
  background: var(--fc-layout-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.fc-layout-theme-one .fc-btn,
body.fc-layout-theme-one button,
body.fc-layout-theme-one .btn,
body.fc-layout-theme-one input,
body.fc-layout-theme-one select,
body.fc-layout-theme-one textarea {
  border-radius: var(--fc-layout-radius);
}
body.fc-layout-theme-one .fc-login-shell,
body.fc-layout-theme-one .fc-quick-card,
body.fc-layout-theme-one .fc-service-card,
body.fc-layout-theme-one .fc-goal-card,
body.fc-layout-theme-one .card,
body.fc-layout-theme-one .signon-container {
  border-color: var(--fc-layout-border);
  box-shadow: var(--fc-layout-shadow);
}
body.fc-layout-theme-one :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--fc-layout-action) 62%, #fff 38%);
  outline-offset: 2px;
}
body.fc-layout-theme-one .fc-live-support-widget {
  left: auto !important;
  right: 18px !important;
}

/* Theme Two: public site. Existing images and markup are reused. */
body.fc-layout-theme-two {
  color: var(--fc-layout-ink);
  background: var(--fc-layout-page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.fc-layout-theme-two.fc-site header.header-area {
  position: relative;
  background: var(--fc-layout-paper);
  box-shadow: 0 1px 0 var(--fc-layout-border);
}
body.fc-layout-theme-two.fc-site .top-header {
  background: linear-gradient(90deg, var(--fc-layout-primary-deep), var(--fc-layout-primary));
  min-height: 44px;
}
body.fc-layout-theme-two.fc-site .navbar-area,
body.fc-layout-theme-two.fc-site .luvion-nav .navbar {
  background: var(--fc-layout-paper) !important;
}
body.fc-layout-theme-two.fc-site .navbar-area {
  padding: 10px 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--fc-layout-border);
}
body.fc-layout-theme-two.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a {
  color: var(--fc-layout-ink) !important;
  font-weight: 700;
}
body.fc-layout-theme-two.fc-site .luvion-nav .navbar .navbar-nav .nav-item > a:hover,
body.fc-layout-theme-two.fc-site .luvion-nav .navbar .navbar-nav .nav-item.active > a {
  color: var(--fc-layout-primary) !important;
}
body.fc-layout-theme-two.fc-site .luvion-nav .navbar .others-options .login-btn {
  background: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-modern {
  min-height: 610px;
  background: var(--fc-layout-primary-deep);
}
body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--fc-layout-primary-deep) 94%, transparent) 0%,
    color-mix(in srgb, var(--fc-layout-primary) 74%, transparent) 52%,
    color-mix(in srgb, var(--fc-layout-primary-deep) 42%, transparent) 100%) !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-slide-img {
  opacity: .72;
  filter: saturate(.92) contrast(1.08);
}
body.fc-layout-theme-two.fc-site .fc-hero-wrap {
  min-height: 610px;
  padding: 54px 0;
}
body.fc-layout-theme-two.fc-site .fc-hero-title {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  letter-spacing: -.035em;
  max-width: 720px;
}
body.fc-layout-theme-two.fc-site .fc-hero-desc {
  color: rgba(255,255,255,.9);
  max-width: 640px;
}
body.fc-layout-theme-two.fc-site .fc-btn,
body.fc-layout-theme-two.fc-site .log-form-open-acc {
  border-radius: 10px !important;
  min-height: 48px;
  font-weight: 800;
}
body.fc-layout-theme-two.fc-site .fc-btn-primary {
  background: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
  border-color: var(--fc-layout-action) !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--fc-layout-action) 24%, transparent) !important;
}
body.fc-layout-theme-two.fc-site .fc-btn-light {
  background: color-mix(in srgb, var(--fc-layout-primary-deep) 45%, transparent) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.72) !important;
}
body.fc-layout-theme-two.fc-site .fc-login-shell {
  background: var(--fc-layout-paper);
  border: 1px solid rgba(255,255,255,.76);
  border-radius: var(--fc-layout-radius-lg);
  box-shadow: 0 24px 60px rgba(3,15,31,.22);
  overflow: hidden;
}
body.fc-layout-theme-two.fc-site .fc-login-top {
  background: linear-gradient(135deg, var(--fc-layout-primary-deep), var(--fc-layout-primary));
  color: #fff;
}
body.fc-layout-theme-two.fc-site .fc-login-body {
  background: var(--fc-layout-paper);
}
body.fc-layout-theme-two.fc-site .log-form-input-flex {
  border: 1px solid var(--fc-layout-border);
  border-radius: 10px;
  background: var(--fc-layout-paper);
}
body.fc-layout-theme-two.fc-site .log-form-open-acc {
  background: var(--fc-layout-primary) !important;
  color: #fff !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-stats > *,
body.fc-layout-theme-two.fc-site .fc-quick-card,
body.fc-layout-theme-two.fc-site .fc-service-card,
body.fc-layout-theme-two.fc-site .fc-goal-card {
  border-radius: var(--fc-layout-radius);
  border-color: var(--fc-layout-border);
  box-shadow: 0 8px 24px color-mix(in srgb, var(--fc-layout-ink) 8%, transparent);
}
body.fc-layout-theme-two.fc-site .fc-live-support-widget {
  left: auto !important;
  right: 18px !important;
  bottom: 18px !important;
}
body.fc-layout-theme-two.fc-site .fc-live-support-meta { display: none !important; }
body.fc-layout-theme-two.fc-site .fc-live-support-btn {
  background: var(--fc-theme-accent-mint, var(--fc-layout-primary)) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--fc-theme-accent-mint, var(--fc-layout-primary)) 28%, transparent);
}

/* Theme Two: dedicated online-banking login. */
body.fc-layout-theme-two.online-banking {
  background: var(--fc-layout-page) !important;
}
body.fc-layout-theme-two.online-banking .ib-login-shell-header {
  background: var(--fc-layout-paper);
  border-bottom: 1px solid var(--fc-layout-border);
  box-shadow: none;
}
body.fc-layout-theme-two.online-banking .login-area {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--fc-layout-primary-deep) 84%, transparent) 0 48%, transparent 70%),
    var(--fc-layout-page);
}
body.fc-layout-theme-two.online-banking .action-login-form {
  padding: clamp(32px, 6vw, 72px) 0;
}
body.fc-layout-theme-two.online-banking .signon-container {
  max-width: 1180px;
  margin: 0 auto;
  border: 1px solid var(--fc-layout-border);
  border-radius: var(--fc-layout-radius-lg);
  box-shadow: var(--fc-layout-shadow);
  overflow: hidden;
  background: var(--fc-layout-paper);
}
body.fc-layout-theme-two.online-banking .signon-header {
  background: var(--fc-layout-primary-deep) !important;
  color: #fff !important;
}
body.fc-layout-theme-two.online-banking .signon-col.left-col {
  background: var(--fc-layout-paper);
}
body.fc-layout-theme-two.online-banking .signon-col.right-col {
  background: color-mix(in srgb, var(--fc-layout-primary) 8%, var(--fc-layout-paper));
}
body.fc-layout-theme-two.online-banking .signon-subheading {
  background: transparent !important;
  color: var(--fc-layout-ink) !important;
}
body.fc-layout-theme-two.online-banking .user-log-title {
  font-family: Georgia, "Times New Roman", serif;
  color: var(--fc-layout-ink);
  font-size: clamp(28px, 3vw, 42px);
}
body.fc-layout-theme-two.online-banking .form-control {
  min-height: 52px;
  border-radius: 10px !important;
  border-color: var(--fc-layout-border) !important;
  background: #fff !important;
}
body.fc-layout-theme-two.online-banking .mtx-log-btn {
  min-height: 52px;
  border-radius: 10px !important;
  background: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
  border: 0 !important;
}

/* Theme Two: signed-in desktop banking dashboard. */
body.fc-layout-theme-two.user-dashboard {
  --fc-dashboard-admin-brand: var(--fc-layout-account);
  --fc-dashboard-admin-deep: var(--fc-layout-account-deep);
  background: var(--fc-layout-page) !important;
}
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed {
  background: linear-gradient(180deg, var(--fc-layout-account-deep), var(--fc-layout-account)) !important;
  color: #fff;
  border: 0 !important;
  box-shadow: 12px 0 34px color-mix(in srgb, var(--fc-layout-account-deep) 18%, transparent);
}
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed .nav-link,
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed .nav-label,
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed .tx-color-03 {
  color: rgba(255,255,255,.84) !important;
}
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed .nav-link:hover,
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed .nav-link.active {
  color: var(--fc-layout-action-text) !important;
  background: var(--fc-layout-action) !important;
  border-radius: 10px;
}
body.fc-layout-theme-two.user-dashboard .mt-header {
  background: rgba(255,255,255,.96) !important;
  color: var(--fc-layout-ink) !important;
  border-bottom: 1px solid var(--fc-layout-border) !important;
  box-shadow: none !important;
}
body.fc-layout-theme-two.user-dashboard .content-body {
  background: var(--fc-layout-page) !important;
}
body.fc-layout-theme-two.user-dashboard .fc-balance-hero-inner {
  background:
    radial-gradient(320px 180px at 92% 10%, color-mix(in srgb, var(--fc-layout-action) 18%, transparent), transparent 70%),
    linear-gradient(135deg, var(--fc-layout-account-deep), var(--fc-layout-account)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: var(--fc-layout-radius-lg) !important;
  box-shadow: 0 16px 38px color-mix(in srgb, var(--fc-layout-account-deep) 24%, transparent) !important;
}
body.fc-layout-theme-two.user-dashboard .fc-balance-hero-inner * {
  color: inherit;
}
body.fc-layout-theme-two.user-dashboard .fc-dashboard-card,
body.fc-layout-theme-two.user-dashboard .mt-info-box,
body.fc-layout-theme-two.user-dashboard .card {
  background: var(--fc-layout-paper) !important;
  border: 1px solid var(--fc-layout-border) !important;
  border-radius: var(--fc-layout-radius) !important;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--fc-layout-ink) 7%, transparent) !important;
}
body.fc-layout-theme-two.user-dashboard .fc-dashboard-card .card-header {
  background: color-mix(in srgb, var(--fc-layout-account) 6%, var(--fc-layout-paper)) !important;
  color: var(--fc-layout-ink) !important;
  border-bottom: 1px solid var(--fc-layout-border) !important;
}
body.fc-layout-theme-two.user-dashboard .btn-primary,
body.fc-layout-theme-two.user-dashboard .send-money-btn,
body.fc-layout-theme-two.user-dashboard .sortbydate-submit {
  background: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
  border-color: var(--fc-layout-action) !important;
  border-radius: 10px !important;
}

/* Theme Two: administrator workspace. */
body.fc-layout-theme-two.fc-admin-shell {
  background:
    radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--fc-layout-primary) 12%, transparent), transparent 31rem),
    var(--fc-layout-page) !important;
}
body.fc-layout-theme-two.fc-admin-shell .mt-content-body,
body.fc-layout-theme-two.fc-admin-shell .content-body {
  background: transparent !important;
}
body.fc-layout-theme-two.fc-admin-shell .mt-sidebar-col .aside-fixed {
  background: linear-gradient(180deg, var(--fc-layout-primary-deep), color-mix(in srgb, var(--fc-layout-primary-deep) 76%, #07111f 24%)) !important;
  border-right: 0 !important;
  box-shadow: 12px 0 34px color-mix(in srgb, var(--fc-layout-primary-deep) 18%, transparent);
}
body.fc-layout-theme-two.fc-admin-shell .aside-header {
  background: color-mix(in srgb, var(--fc-layout-primary-deep) 82%, #fff 18%) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
body.fc-layout-theme-two.fc-admin-shell .aside-logo,
body.fc-layout-theme-two.fc-admin-shell .aside-logo:hover,
body.fc-layout-theme-two.fc-admin-shell .aside-body .nav-link,
body.fc-layout-theme-two.fc-admin-shell .aside-body .nav-link span {
  color: rgba(255,255,255,.88) !important;
}
body.fc-layout-theme-two.fc-admin-shell .aside-body .nav-item.active > .nav-link,
body.fc-layout-theme-two.fc-admin-shell .aside-body .nav-link:hover {
  background: color-mix(in srgb, var(--fc-layout-action) 92%, #fff 8%) !important;
  color: var(--fc-layout-action-text) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--fc-layout-action) 20%, transparent);
}
body.fc-layout-theme-two.fc-admin-shell .aside-body .nav-item.active > .nav-link span,
body.fc-layout-theme-two.fc-admin-shell .aside-body .nav-link:hover span {
  color: var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.fc-admin-shell .mt-main-content {
  background: transparent !important;
}
body.fc-layout-theme-two.fc-admin-shell .mt-action-sub {
  background: color-mix(in srgb, var(--fc-layout-paper) 96%, transparent) !important;
  border: 1px solid var(--fc-layout-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--fc-layout-shadow) !important;
}
body.fc-layout-theme-two.fc-admin-shell .mt-dynos,
body.fc-layout-theme-two.fc-admin-shell .card,
body.fc-layout-theme-two.fc-admin-shell .fc-admin-quick-links,
body.fc-layout-theme-two.fc-admin-shell .fc-dashboard-support-inbox {
  border-radius: 16px !important;
}
body.fc-layout-theme-two.fc-admin-shell .card {
  background: var(--fc-layout-paper) !important;
  border: 1px solid var(--fc-layout-border) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--fc-layout-ink) 8%, transparent) !important;
}
body.fc-layout-theme-two.fc-admin-shell .card-header {
  background: color-mix(in srgb, var(--fc-layout-primary) 5%, var(--fc-layout-paper)) !important;
  border-bottom-color: var(--fc-layout-border) !important;
}
body.fc-layout-theme-two.fc-admin-shell .btn-primary,
body.fc-layout-theme-two.fc-admin-shell .sortbydate-submit,
body.fc-layout-theme-two.fc-admin-shell .fc-admin-primary-action {
  background: var(--fc-layout-primary) !important;
  border-color: var(--fc-layout-primary) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
body.fc-layout-theme-two.fc-admin-shell input,
body.fc-layout-theme-two.fc-admin-shell select,
body.fc-layout-theme-two.fc-admin-shell textarea {
  border-radius: 10px !important;
  border-color: var(--fc-layout-border) !important;
}

/* Theme Two: mobile banking reuses the existing mobile application markup. */
body.fc-layout-theme-two.fc-mobile-banking {
  background: var(--fc-layout-page) !important;
  color: var(--fc-layout-ink);
}
body.fc-layout-theme-two.fc-mobile-banking .appHeader,
body.fc-layout-theme-two.fc-mobile-banking .header-large-title,
body.fc-layout-theme-two.fc-mobile-banking .extraHeader {
  background: linear-gradient(135deg, var(--fc-layout-account-deep), var(--fc-layout-account)) !important;
  color: #fff !important;
}
body.fc-layout-theme-two.fc-mobile-banking .listview,
body.fc-layout-theme-two.fc-mobile-banking .card,
body.fc-layout-theme-two.fc-mobile-banking .section {
  border-radius: var(--fc-layout-radius) !important;
}
body.fc-layout-theme-two.fc-mobile-banking .appBottomMenu .item.active,
body.fc-layout-theme-two.fc-mobile-banking .appBottomMenu .item.active ion-icon,
body.fc-layout-theme-two.fc-mobile-banking .appBottomMenu .item.active strong {
  color: var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.fc-mobile-banking .appBottomMenu .item.active::before {
  background: var(--fc-layout-action) !important;
}

body.fc-layout-theme-two :focus-visible {
  outline: 3px solid color-mix(in srgb, var(--fc-layout-action) 62%, #fff 38%);
  outline-offset: 2px;
}

@media (max-width: 991px) {
  body.fc-layout-theme-two.fc-site header.header-area { position: relative !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap { padding: 36px 0 78px; }
  body.fc-layout-theme-two.fc-site .fc-hero-copy { padding-right: 0; }
  body.fc-layout-theme-two.fc-site .fc-login-shell { margin-top: 28px; }
  body.fc-layout-theme-two.online-banking .login-area { background: var(--fc-layout-page); }
  body.fc-layout-theme-two.online-banking .signon-container { margin: 0 14px; }
}

/* Theme Two v4: final cascade correction.
   Keep this block at the end so the earlier v2 presentation cannot restore
   the oversized desktop hero after the compact rules have been evaluated. */
body.fc-layout-theme-two.fc-site {
  overflow-x: hidden !important;
}

@media (min-width: 992px) {
  body.fc-layout-theme-two.fc-site .navbar-area {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    margin: 14px auto !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    min-height: 520px !important;
    margin: 0 auto 28px !important;
    border-radius: 26px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    width: 100% !important;
    max-width: 1180px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    min-height: 520px !important;
    padding: 38px 0 !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-copy {
    width: 100% !important;
    max-width: 620px !important;
    padding-right: 24px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-title {
    max-width: 610px !important;
    font-size: clamp(42px, 4vw, 58px) !important;
    line-height: 1.02 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-desc {
    max-width: 590px !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  body.fc-layout-theme-two.fc-site .fc-login-shell {
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 0 0 auto !important;
    border-radius: 20px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-login-top,
  body.fc-layout-theme-two.fc-site .fc-login-body {
    padding: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    font-size: clamp(38px, 4.5vw, 50px) !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Theme Two v5: approved navy/gold editorial system.
   This block intentionally stays last so the approved layout, not the
   earlier prototype, owns the final cascade. Palette tokens remain dynamic. */
body.fc-layout-theme-two.fc-site {
  overflow-x: clip !important;
  background: var(--fc-layout-paper) !important;
}
body.fc-layout-theme-two.fc-site > header.header-area { display: none !important; }

.fc-t2-site-header {
  position: relative;
  z-index: 1000;
  width: 100%;
  background: var(--fc-layout-paper);
  border-bottom: 1px solid var(--fc-layout-border);
  box-shadow: 0 8px 30px color-mix(in srgb, var(--fc-layout-ink) 7%, transparent);
}
.fc-t2-site-header__inner {
  width: min(1480px, calc(100% - 64px));
  min-height: 78px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 34px;
}
.fc-t2-site-brand {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-width: 210px;
}
.fc-t2-site-brand img {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 250px;
  max-height: 54px;
  object-fit: contain;
  transform: none !important;
}
.fc-t2-site-brand span {
  display: inline-block;
  margin-left: 12px;
  color: var(--fc-layout-ink);
  font: 700 22px/1.05 Georgia, 'Times New Roman', serif;
  white-space: nowrap;
}
.fc-t2-site-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 2.4vw, 40px);
  margin: 0 auto;
}
.fc-t2-site-nav a,
.fc-t2-location {
  color: var(--fc-layout-ink);
  font: 700 15px/1.2 Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}
.fc-t2-site-nav a { position: relative; padding: 30px 0 27px; }
.fc-t2-site-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 18px;
  height: 2px;
  background: var(--fc-layout-action);
  transition: right .2s ease;
}
.fc-t2-site-nav a:hover::after,
.fc-t2-site-nav a.is-active::after { right: 0; }
.fc-t2-site-actions { display: flex; align-items: center; gap: 12px; }
.fc-t2-location {
  border: 0;
  padding: 8px;
  background: transparent;
  cursor: pointer;
}
.fc-t2-location i { margin-right: 7px; color: var(--fc-layout-primary); }
.fc-t2-site-actions .fc-lang-menu {
  min-height: 42px;
  padding: 0 8px;
  border: 1px solid var(--fc-layout-border);
  border-radius: 12px;
  background: var(--fc-layout-paper);
}
.fc-t2-login-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 20px;
  border-radius: 10px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--fc-layout-action) 84%, #fff), var(--fc-layout-action));
  color: var(--fc-layout-action-text) !important;
  box-shadow: 0 10px 26px color-mix(in srgb, var(--fc-layout-action) 24%, transparent);
  font: 800 14px/1 Arial, sans-serif;
  text-decoration: none !important;
  white-space: nowrap;
}
.fc-t2-mobile-menu { display: none; position: relative; }

body.fc-layout-theme-two.fc-site .fc-hero-modern {
  width: 100% !important;
  max-width: none !important;
  min-height: 545px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate;
}
body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--fc-layout-paper) 97%, transparent) 0%,
    color-mix(in srgb, var(--fc-layout-paper) 91%, transparent) 35%,
    color-mix(in srgb, var(--fc-layout-paper) 45%, transparent) 58%,
    color-mix(in srgb, var(--fc-layout-primary-deep) 18%, transparent) 100%) !important;
  opacity: 1 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-modern::after { opacity: .08 !important; }
body.fc-layout-theme-two.fc-site .fc-hero-slide[data-hero-slide="0"] {
  opacity: 1 !important;
  visibility: visible !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-slide:not([data-hero-slide="0"]) {
  opacity: 0 !important;
  visibility: hidden !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-panel[data-hero-slide="0"] { display: block !important; }
body.fc-layout-theme-two.fc-site .fc-hero-panel:not([data-hero-slide="0"]),
body.fc-layout-theme-two.fc-site .fc-hero-slider-ui { display: none !important; }
body.fc-layout-theme-two.fc-site .fc-hero-slide-img {
  object-position: center right !important;
  filter: saturate(.9) contrast(1.04) !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
  width: min(1480px, calc(100% - 64px)) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-wrap {
  min-height: 545px !important;
  padding: 42px 0 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-copy {
  width: 100% !important;
  max-width: 680px !important;
  padding: 0 28px 0 0 !important;
}
body.fc-layout-theme-two.fc-site .fc-eyebrow {
  color: var(--fc-layout-ink) !important;
  letter-spacing: .22em !important;
}
body.fc-layout-theme-two.fc-site .fc-eyebrow::before { background: var(--fc-layout-action) !important; }
body.fc-layout-theme-two.fc-site .fc-hero-title {
  max-width: 680px !important;
  margin: 20px 0 16px !important;
  color: var(--fc-layout-ink) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(48px, 4.8vw, 74px) !important;
  font-weight: 700 !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  text-shadow: none !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-desc {
  max-width: 610px !important;
  color: color-mix(in srgb, var(--fc-layout-ink) 88%, transparent) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  text-shadow: none !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-actions { margin-top: 24px !important; }
body.fc-layout-theme-two.fc-site .fc-btn { min-height: 50px !important; border-radius: 9px !important; }
body.fc-layout-theme-two.fc-site .fc-btn-primary {
  background: var(--fc-layout-action) !important;
  border-color: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.fc-site .fc-btn-light {
  background: color-mix(in srgb, var(--fc-layout-paper) 80%, transparent) !important;
  border: 1px solid var(--fc-layout-ink) !important;
  color: var(--fc-layout-ink) !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-stats {
  margin-top: 28px !important;
  gap: 10px !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-stats > * {
  border: 1px solid color-mix(in srgb, var(--fc-layout-ink) 12%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--fc-layout-paper) 84%, transparent) !important;
  color: var(--fc-layout-ink) !important;
  backdrop-filter: blur(8px);
}
body.fc-layout-theme-two.fc-site .fc-hero-stats strong,
body.fc-layout-theme-two.fc-site .fc-hero-stats span { color: var(--fc-layout-ink) !important; }
body.fc-layout-theme-two.fc-site .fc-login-shell {
  width: 100% !important;
  max-width: 390px !important;
  margin: 0 0 0 auto !important;
  border: 1px solid color-mix(in srgb, var(--fc-layout-ink) 12%, transparent) !important;
  border-radius: 14px !important;
  background: var(--fc-layout-paper) !important;
  box-shadow: 0 24px 60px color-mix(in srgb, var(--fc-layout-primary-deep) 20%, transparent) !important;
}
body.fc-layout-theme-two.fc-site .fc-login-top {
  padding: 22px 24px 14px !important;
  background: transparent !important;
  color: var(--fc-layout-ink) !important;
}
body.fc-layout-theme-two.fc-site .fc-login-top h3 {
  color: var(--fc-layout-ink) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 27px !important;
}
body.fc-layout-theme-two.fc-site .fc-login-top p { color: var(--fc-layout-muted) !important; }
body.fc-layout-theme-two.fc-site .fc-login-body { padding: 12px 24px 24px !important; }
body.fc-layout-theme-two.fc-site .log-form-input-flex {
  min-height: 46px !important;
  border-color: color-mix(in srgb, var(--fc-layout-ink) 20%, transparent) !important;
  background: var(--fc-layout-paper) !important;
}
body.fc-layout-theme-two.fc-site .log-form-open-acc {
  min-height: 48px !important;
  border-radius: 8px !important;
  background: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.fc-site .fc-section { background: var(--fc-layout-paper) !important; }
body.fc-layout-theme-two.fc-site .fc-title,
body.fc-layout-theme-two.fc-site .fc-section h2 {
  color: var(--fc-layout-ink) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
}
body.fc-layout-theme-two.fc-site .fc-quick-card,
body.fc-layout-theme-two.fc-site .fc-service-card,
body.fc-layout-theme-two.fc-site .fc-goal-card {
  border: 1px solid var(--fc-layout-border) !important;
  border-radius: 12px !important;
  background: var(--fc-layout-paper) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--fc-layout-ink) 7%, transparent) !important;
}

/* Approved Theme Two standalone sign-in: image-led left panel, focused form right. */
body.fc-layout-theme-two.online-banking .login-area {
  position: relative;
  min-height: 100vh !important;
  padding: 0 0 0 50% !important;
  display: flex !important;
  align-items: center !important;
  background: var(--fc-layout-paper) !important;
  overflow: hidden;
}
body.fc-layout-theme-two.online-banking .fc-t2-login-visual {
  position: absolute;
  inset: 0 50% 0 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 46px 56px 54px;
  color: #fff;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--fc-layout-primary-deep) 55%, transparent), color-mix(in srgb, var(--fc-layout-primary-deep) 94%, transparent)),
    url('../dnibyilqh/image/upload/v1654402268/home-1-static-slider-3_dn7np7.jpg') center / cover no-repeat;
}
body.fc-layout-theme-two.online-banking .fc-t2-login-brand img {
  width: auto;
  height: auto;
  max-width: 310px;
  max-height: 72px;
  filter: brightness(0) invert(1);
}
body.fc-layout-theme-two.online-banking .fc-t2-login-message h1 {
  margin: 0;
  color: #fff !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(48px, 4.5vw, 72px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em;
}
body.fc-layout-theme-two.online-banking .fc-t2-login-message span {
  display: block;
  width: 82px;
  height: 4px;
  margin-top: 30px;
  background: var(--fc-layout-action);
}
body.fc-layout-theme-two.online-banking .fc-t2-login-trust { color: rgba(255,255,255,.86); font-weight: 600; }
body.fc-layout-theme-two.online-banking .login-area > .row {
  width: 100% !important;
  margin: 0 !important;
}
body.fc-layout-theme-two.online-banking .action-login-form,
body.fc-layout-theme-two.online-banking .login-content,
body.fc-layout-theme-two.online-banking .login-form {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.fc-layout-theme-two.online-banking .signon-container {
  width: min(520px, calc(100% - 64px)) !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  border: 1px solid var(--fc-layout-border) !important;
  border-radius: 18px !important;
  background: var(--fc-layout-paper) !important;
  box-shadow: 0 24px 70px color-mix(in srgb, var(--fc-layout-ink) 14%, transparent) !important;
  overflow: hidden !important;
}
body.fc-layout-theme-two.online-banking .signon-header,
body.fc-layout-theme-two.online-banking .signon-col.right-col,
body.fc-layout-theme-two.online-banking .signon-subheading { display: none !important; }
body.fc-layout-theme-two.online-banking .signon-container-inner { margin: 0 !important; }
body.fc-layout-theme-two.online-banking .signon-col.left-col {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding: 46px !important;
  background: var(--fc-layout-paper) !important;
}
body.fc-layout-theme-two.online-banking .user-log-title {
  margin-bottom: 30px !important;
  color: var(--fc-layout-ink) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: 44px !important;
  text-align: center !important;
}
body.fc-layout-theme-two.online-banking .mtx-log-btn {
  width: 100% !important;
  min-height: 52px !important;
  background: var(--fc-layout-action) !important;
  color: var(--fc-layout-action-text) !important;
  border-radius: 8px !important;
}

/* Dashboard surface follows the approved restrained navy/gold composition. */
body.fc-layout-theme-two.user-dashboard .mt-sidebar-fixed {
  background: linear-gradient(180deg, var(--fc-layout-account-deep), color-mix(in srgb, var(--fc-layout-account-deep) 82%, #000)) !important;
}
body.fc-layout-theme-two.user-dashboard .fc-balance-hero-inner,
body.fc-layout-theme-two.user-dashboard .fc-dashboard-hero,
body.fc-layout-theme-two.user-dashboard .dashboard-profile-area {
  background: linear-gradient(135deg, var(--fc-layout-account-deep), var(--fc-layout-account)) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 48px color-mix(in srgb, var(--fc-layout-account-deep) 18%, transparent) !important;
}
body.fc-layout-theme-two.user-dashboard .fc-dashboard-card,
body.fc-layout-theme-two.user-dashboard .card,
body.fc-layout-theme-two.user-dashboard .mt-info-box {
  border: 1px solid var(--fc-layout-border) !important;
  border-radius: 14px !important;
  background: var(--fc-layout-paper) !important;
  box-shadow: 0 8px 26px color-mix(in srgb, var(--fc-layout-ink) 6%, transparent) !important;
}

@media (max-width: 1199px) {
  .fc-t2-site-header__inner { width: calc(100% - 36px); gap: 20px; }
  .fc-t2-site-nav { gap: 18px; }
  .fc-t2-location span { display: none; }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container { width: calc(100% - 40px) !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-title { font-size: clamp(44px, 5vw, 62px) !important; }
}

@media (max-width: 991px) {
  .fc-t2-site-header__inner { width: calc(100% - 28px); min-height: 70px; gap: 12px; }
  .fc-t2-site-brand { min-width: 0; margin-right: auto; }
  .fc-t2-site-brand img { max-width: 210px; max-height: 48px; }
  .fc-t2-site-nav,
  .fc-t2-location,
  .fc-t2-site-actions > .fc-lang-menu { display: none !important; }
  .fc-t2-login-link { min-height: 42px; padding: 0 16px; font-size: 0; }
  .fc-t2-login-link i { font-size: 15px; }
  .fc-t2-login-link::after { content: 'Login'; font-size: 14px; }
  .fc-t2-mobile-menu { display: block; }
  .fc-t2-mobile-menu summary {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--fc-layout-border);
    border-radius: 10px;
    color: var(--fc-layout-ink);
    cursor: pointer;
    list-style: none;
  }
  .fc-t2-mobile-menu summary::-webkit-details-marker { display: none; }
  .fc-t2-mobile-menu nav {
    position: absolute;
    top: 54px;
    right: 0;
    width: min(280px, calc(100vw - 28px));
    padding: 10px;
    border: 1px solid var(--fc-layout-border);
    border-radius: 12px;
    background: var(--fc-layout-paper);
    box-shadow: var(--fc-layout-shadow);
  }
  .fc-t2-mobile-menu nav a {
    display: block;
    padding: 12px 14px;
    border-radius: 8px;
    color: var(--fc-layout-ink);
    font-weight: 700;
    text-decoration: none;
  }
  .fc-t2-mobile-menu nav a:hover { background: var(--fc-layout-page); }

  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
    background: linear-gradient(180deg, color-mix(in srgb, var(--fc-layout-primary-deep) 30%, transparent), color-mix(in srgb, var(--fc-layout-primary-deep) 91%, transparent) 68%) !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-slide-img { object-position: 66% center !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container { width: calc(100% - 28px) !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap { min-height: auto !important; padding: 72px 0 28px !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-copy { max-width: 650px !important; padding: 0 !important; }
  body.fc-layout-theme-two.fc-site .fc-eyebrow,
  body.fc-layout-theme-two.fc-site .fc-hero-title,
  body.fc-layout-theme-two.fc-site .fc-hero-desc,
  body.fc-layout-theme-two.fc-site .fc-hero-stats strong,
  body.fc-layout-theme-two.fc-site .fc-hero-stats span { color: #fff !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-title { font-size: clamp(42px, 10vw, 58px) !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-desc { color: rgba(255,255,255,.9) !important; }
  body.fc-layout-theme-two.fc-site .fc-btn-light {
    color: #fff !important;
    border-color: rgba(255,255,255,.8) !important;
    background: rgba(2,22,48,.24) !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-stats > * {
    border-color: rgba(255,255,255,.24) !important;
    background: rgba(3,26,55,.32) !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-shell { max-width: 620px !important; margin: 30px auto 0 !important; }

  body.fc-layout-theme-two.online-banking .login-area {
    min-height: 100vh !important;
    padding: 0 !important;
    display: block !important;
  }
  body.fc-layout-theme-two.online-banking .fc-t2-login-visual {
    position: relative;
    inset: auto;
    min-height: 300px;
    padding: 28px 24px;
  }
  body.fc-layout-theme-two.online-banking .fc-t2-login-message h1 { font-size: 42px !important; }
  body.fc-layout-theme-two.online-banking .fc-t2-login-trust { display: none; }
  body.fc-layout-theme-two.online-banking .login-area > .row { padding: 28px 0 !important; }
  body.fc-layout-theme-two.online-banking .signon-container { width: calc(100% - 28px) !important; }
  body.fc-layout-theme-two.online-banking .signon-col.left-col { padding: 28px 22px !important; }
  body.fc-layout-theme-two.online-banking .user-log-title { font-size: 36px !important; }
}

@media (max-width: 575px) {
  .fc-t2-site-header__inner {
    width: 100% !important;
    min-height: 72px !important;
    padding: 0 14px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
  }
  .fc-t2-site-brand {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
  }
  .fc-t2-site-brand img {
    width: 58px !important;
    max-width: 58px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }
  .fc-t2-site-brand span {
    max-width: 150px;
    margin-left: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
  }
  .fc-t2-mobile-menu { flex: 0 0 42px !important; }
  .fc-t2-mobile-menu summary { width: 42px !important; height: 42px !important; border: 0 !important; }
  .fc-t2-mobile-menu nav { left: 0 !important; right: auto !important; }
  .fc-t2-site-actions { flex: 0 0 auto !important; }
  .fc-t2-site-actions .fc-lang-menu,
  .fc-t2-location { display: none !important; }
  .fc-t2-login-link {
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 0 !important;
  }
  .fc-t2-login-link::after { content: 'Login'; font-size: 14px; }
  .fc-t2-login-link i { font-size: 14px; }

  .fc-t2-site-brand img { max-width: 174px; max-height: 43px; }
  .fc-t2-login-link { padding: 0 12px; }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap { padding-top: 46px !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-title { font-size: clamp(38px, 12vw, 50px) !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-actions { grid-template-columns: 1fr !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-stats { grid-template-columns: 1fr !important; }
}

/* Theme Two visual integrity lock.
   Prevent legacy translucent/white layers from washing out the approved design. */
body.fc-layout-theme-two.fc-site {
  background: #f3f6f9 !important;
  color: var(--fc-layout-ink) !important;
}
body.fc-layout-theme-two.fc-site .fc-t2-site-brand {
  min-width: 0 !important;
  max-width: 250px !important;
}
body.fc-layout-theme-two.fc-site .fc-t2-site-brand span { display: none !important; }
body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
  background: linear-gradient(90deg,
    rgba(255,255,255,.88) 0%,
    rgba(255,255,255,.76) 33%,
    rgba(255,255,255,.34) 56%,
    rgba(9,33,58,.08) 100%) !important;
  opacity: 1 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-slide-img {
  opacity: 1 !important;
  filter: saturate(1.12) contrast(1.08) !important;
}
body.fc-layout-theme-two.fc-site .fc-floating-services {
  background: #f3f6f9 !important;
}
body.fc-layout-theme-two.fc-site .fc-section,
body.fc-layout-theme-two.fc-site .fc-section-sm {
  background: #fff !important;
}
body.fc-layout-theme-two.fc-site .fc-section-sm {
  background: #f4f0e8 !important;
}
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy {
  background: linear-gradient(135deg,
    var(--fc-layout-primary-deep),
    var(--fc-layout-primary)) !important;
  color: #fff !important;
}
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy .fc-title,
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy .fc-desc,
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy h4,
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy p {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
body.fc-layout-theme-two.fc-site .fc-split-card,
body.fc-layout-theme-two.fc-site .fc-quick-card,
body.fc-layout-theme-two.fc-site .fc-service-card,
body.fc-layout-theme-two.fc-site .fc-goal-card {
  opacity: 1 !important;
  filter: none !important;
}

@media (max-width: 575px) {
  body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
    background: linear-gradient(180deg,
      rgba(8,31,55,.70) 0%,
      rgba(8,31,55,.50) 55%,
      rgba(8,31,55,.72) 100%) !important;
  }
  body.fc-layout-theme-two.fc-site .fc-t2-site-brand {
    max-width: 190px !important;
  }
}

/* Theme Two v3: compact desktop correction.
   Keep the distinct editorial treatment without allowing the hero or login
   panel to overflow common laptop and desktop viewports. */
body.fc-layout-theme-two.fc-site {
  overflow-x: hidden !important;
}

@media (min-width: 992px) {
  body.fc-layout-theme-two.fc-site .navbar-area {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    margin: 14px auto !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    min-height: 520px !important;
    margin: 0 auto 28px !important;
    border-radius: 26px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    width: 100% !important;
    max-width: 1180px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    min-height: 520px !important;
    padding: 38px 0 !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-copy {
    width: 100% !important;
    max-width: 620px !important;
    padding-right: 24px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-title {
    max-width: 610px !important;
    font-size: clamp(42px, 4vw, 58px) !important;
    line-height: 1.02 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-desc {
    max-width: 590px !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  body.fc-layout-theme-two.fc-site .fc-login-shell {
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 0 0 auto !important;
    border-radius: 20px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-login-top {
    padding: 20px !important;
  }

  body.fc-layout-theme-two.fc-site .fc-login-body {
    padding: 20px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    font-size: clamp(38px, 4.5vw, 50px) !important;
  }

  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  body.fc-layout-theme-two.fc-site .fc-hero-modern,
  body.fc-layout-theme-two.fc-site .fc-hero-wrap { min-height: auto; }
  body.fc-layout-theme-two.fc-site .fc-hero-title { font-size: clamp(34px, 10vw, 48px); }
  body.fc-layout-theme-two.fc-site .fc-hero-actions { display: grid; grid-template-columns: 1fr; }
  body.fc-layout-theme-two.fc-site .fc-hero-stats { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px; }
  body.fc-layout-theme-two.fc-site .fc-hero-stats > * { padding: 14px 10px; }
  body.fc-layout-theme-two.fc-site .fc-live-support-widget { right: 12px !important; bottom: 76px !important; }
  body.fc-layout-theme-two.online-banking .signon-container { border-radius: 14px; }
  body.fc-layout-theme-two.online-banking .signon-col.left-col,
  body.fc-layout-theme-two.online-banking .signon-col.right-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; }
}

/* Theme Two v2: visibly separate layout, retaining the chosen palette. */
@media (min-width: 992px) {
  body.fc-layout-theme-two.fc-site { background: var(--fc-layout-page) !important; }
  body.fc-layout-theme-two.fc-site header.header-area {
    background: transparent !important;
    box-shadow: none !important;
  }
  body.fc-layout-theme-two.fc-site .navbar-area {
    width: min(1180px, calc(100% - 48px));
    margin: 18px auto !important;
    border: 1px solid var(--fc-layout-border) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 40px color-mix(in srgb, var(--fc-layout-ink) 9%, transparent) !important;
  }
  body.fc-layout-theme-two.fc-site .luvion-nav .navbar {
    border-radius: 20px !important;
    padding-inline: 18px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: min(1320px, calc(100% - 48px));
    min-height: 570px;
    margin: 0 auto 34px;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 28px 70px color-mix(in srgb, var(--fc-layout-primary-deep) 24%, transparent);
  }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    min-height: 570px;
    padding: 56px 42px;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-copy { max-width: 58%; }
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    font-size: clamp(48px, 5.2vw, 76px) !important;
    line-height: .98 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-shell {
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(2, 13, 29, .32);
  }
  body.fc-layout-theme-two.fc-site .fc-login-top { padding: 24px !important; }
  body.fc-layout-theme-two.fc-site .fc-login-body { padding: 26px !important; }

  body.fc-layout-theme-two.online-banking .login-area {
    min-height: calc(100vh - 70px);
    padding: 46px 24px !important;
    background:
      radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--fc-layout-primary) 34%, transparent), transparent 32rem),
      linear-gradient(135deg, var(--fc-layout-primary-deep) 0 38%, var(--fc-layout-page) 38% 100%) !important;
  }
  body.fc-layout-theme-two.online-banking .signon-container {
    max-width: 1060px;
    border-radius: 28px;
    box-shadow: 0 30px 80px color-mix(in srgb, var(--fc-layout-primary-deep) 25%, transparent);
  }
  body.fc-layout-theme-two.online-banking .signon-header { min-height: 66px; }
  body.fc-layout-theme-two.online-banking .signon-col.left-col,
  body.fc-layout-theme-two.online-banking .signon-col.right-col { padding: 38px !important; }
  body.fc-layout-theme-two.online-banking .signon-col.right-col {
    background: linear-gradient(160deg, color-mix(in srgb, var(--fc-layout-primary) 12%, var(--fc-layout-paper)), var(--fc-layout-paper)) !important;
  }

  body.fc-layout-theme-two.user-dashboard .dashboard-content,
  body.fc-layout-theme-two.user-dashboard .main-content {
    background:
      radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--fc-layout-account) 12%, transparent), transparent 28rem),
      var(--fc-layout-page) !important;
  }
  body.fc-layout-theme-two.user-dashboard .fc-dashboard-hero,
  body.fc-layout-theme-two.user-dashboard .dashboard-profile-area {
    border-radius: 28px !important;
    overflow: hidden;
    box-shadow: 0 24px 64px color-mix(in srgb, var(--fc-layout-account-deep) 20%, transparent) !important;
  }
  body.fc-layout-theme-two.user-dashboard .fc-dashboard-card,
  body.fc-layout-theme-two.user-dashboard .card { border-radius: 20px !important; }

  body.fc-layout-theme-two.fc-admin-shell .mt-main-content { padding: 22px !important; }
  body.fc-layout-theme-two.fc-admin-shell .mt-action-sub {
    border-radius: 22px !important;
    padding: 16px 20px !important;
  }
  body.fc-layout-theme-two.fc-admin-shell .mt-dynos,
  body.fc-layout-theme-two.fc-admin-shell .card { border-radius: 20px !important; }
}

@media (max-width: 991px) {
  body.fc-layout-theme-two.fc-site .navbar-area {
    margin: 8px 10px !important;
    width: calc(100% - 20px);
    border: 1px solid var(--fc-layout-border) !important;
    border-radius: 16px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: calc(100% - 20px);
    margin: 0 10px 20px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--fc-layout-primary-deep) 22%, transparent);
  }
  body.fc-layout-theme-two.fc-site .fc-login-shell,
  body.fc-layout-theme-two.online-banking .signon-container,
  body.fc-layout-theme-two.user-dashboard .card { border-radius: 18px !important; }
}

/* Theme Two v4-final: compact desktop rules must remain last in cascade. */
body.fc-layout-theme-two.fc-site { overflow-x: hidden !important; }

@media (min-width: 992px) {
  body.fc-layout-theme-two.fc-site .navbar-area {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    margin: 14px auto !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: calc(100% - 32px) !important;
    max-width: 1240px !important;
    min-height: 520px !important;
    margin: 0 auto 28px !important;
    border-radius: 26px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    width: 100% !important;
    max-width: 1180px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    min-height: 520px !important;
    padding: 38px 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-copy {
    width: 100% !important;
    max-width: 620px !important;
    padding-right: 24px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    max-width: 610px !important;
    font-size: clamp(42px, 4vw, 58px) !important;
    line-height: 1.02 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-desc {
    max-width: 590px !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-shell {
    width: 100% !important;
    max-width: 410px !important;
    margin: 0 0 0 auto !important;
    border-radius: 20px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-top,
  body.fc-layout-theme-two.fc-site .fc-login-body { padding: 20px !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    font-size: clamp(38px, 4.5vw, 50px) !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Theme Two v5 cascade lock: this must remain the final rule set. */
body.fc-layout-theme-two.fc-site > header.header-area { display: none !important; }
@media (min-width: 992px) {
  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: 100% !important;
    max-width: none !important;
    min-height: 545px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    width: min(1480px, calc(100% - 64px)) !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    min-height: 545px !important;
    padding: 42px 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-copy {
    width: 100% !important;
    max-width: 680px !important;
    padding: 0 28px 0 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    max-width: 680px !important;
    font-size: clamp(48px, 4.8vw, 74px) !important;
    line-height: .98 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-shell {
    width: 100% !important;
    max-width: 390px !important;
    margin: 0 0 0 auto !important;
    border-radius: 14px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-top { padding: 22px 24px 14px !important; }
  body.fc-layout-theme-two.fc-site .fc-login-body { padding: 12px 24px 24px !important; }

  body.fc-layout-theme-two.online-banking .login-area {
    min-height: 100vh !important;
    padding: 0 0 0 50% !important;
    display: flex !important;
    align-items: center !important;
    background: var(--fc-layout-paper) !important;
  }
  body.fc-layout-theme-two.online-banking .signon-container {
    width: min(520px, calc(100% - 64px)) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    border-radius: 18px !important;
  }
  body.fc-layout-theme-two.online-banking .signon-col.left-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 46px !important;
  }
  body.fc-layout-theme-two.online-banking .signon-col.right-col { display: none !important; }
  body.fc-layout-theme-two.user-dashboard .fc-dashboard-hero,
  body.fc-layout-theme-two.user-dashboard .dashboard-profile-area { border-radius: 16px !important; }
  body.fc-layout-theme-two.user-dashboard .fc-dashboard-card,
  body.fc-layout-theme-two.user-dashboard .card { border-radius: 14px !important; }
}

/* Theme Two v5 mobile cascade lock. Older prototype media rules occur above
   this release footer, so keep the approved edge-to-edge mobile composition
   here as the final authority. */
@media (max-width: 991px) {
  body.fc-layout-theme-two.fc-site .navbar-area { display: none !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    width: 100% !important;
    max-width: none !important;
    min-height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    min-height: auto !important;
    padding: 64px 0 30px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-copy {
    width: 100% !important;
    max-width: 650px !important;
    padding: 0 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-eyebrow,
  body.fc-layout-theme-two.fc-site .fc-hero-title,
  body.fc-layout-theme-two.fc-site .fc-hero-desc,
  body.fc-layout-theme-two.fc-site .fc-hero-stats strong,
  body.fc-layout-theme-two.fc-site .fc-hero-stats span { color: #fff !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    max-width: 650px !important;
    font-size: clamp(40px, 10vw, 58px) !important;
    line-height: 1 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-desc { color: rgba(255,255,255,.9) !important; }
  body.fc-layout-theme-two.fc-site .fc-login-shell {
    width: 100% !important;
    max-width: 620px !important;
    margin: 30px auto 0 !important;
    border-radius: 14px !important;
  }
  body.fc-layout-theme-two.online-banking .login-area {
    min-height: 100vh !important;
    padding: 0 !important;
    display: block !important;
  }
  body.fc-layout-theme-two.online-banking .fc-t2-login-visual {
    position: relative !important;
    inset: auto !important;
    min-height: 300px !important;
    padding: 28px 24px !important;
  }
  body.fc-layout-theme-two.online-banking .login-area > .row {
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 0 !important;
  }
  body.fc-layout-theme-two.online-banking .signon-container {
    width: calc(100% - 28px) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    border-radius: 14px !important;
  }
  body.fc-layout-theme-two.online-banking .signon-col.left-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 28px 22px !important;
  }
  body.fc-layout-theme-two.online-banking .signon-col.right-col { display: none !important; }
}

@media (max-width: 575px) {
  body.fc-layout-theme-two.fc-site .fc-hero-wrap { padding-top: 46px !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-title { font-size: clamp(38px, 12vw, 50px) !important; }
}

/* Theme Two approved mobile composition and standalone sign-in polish. */
body.fc-layout-theme-two.online-banking .fc-t2-login-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 24px;
  color: var(--fc-layout-ink) !important;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}
body.fc-layout-theme-two.online-banking .user-log-title {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(38px, 4vw, 54px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.025em !important;
  text-align: center !important;
  text-transform: none !important;
}
body.fc-layout-theme-two.online-banking .signon-form-bottom {
  margin-top: 20px !important;
  border: 0 !important;
  border-top: 1px solid rgba(10, 37, 65, .15) !important;
  background: transparent !important;
}
body.fc-layout-theme-two.online-banking .signon-form-bottom-innrt {
  justify-content: center !important;
  text-align: center !important;
}

@media (max-width: 575px) {
  body.fc-layout-theme-two.fc-site,
  body.fc-layout-theme-two.fc-site .fc-hero-modern,
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container,
  body.fc-layout-theme-two.fc-site .fc-hero-wrap,
  body.fc-layout-theme-two.fc-site .fc-hero-copy {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern > .container {
    margin: 0 !important;
    padding: 0 16px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-modern {
    min-height: 720px !important;
    background-position: center center !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-wrap {
    display: flex !important;
    align-items: flex-start !important;
    padding: 48px 0 30px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-copy { padding: 0 !important; }
  body.fc-layout-theme-two.fc-site .fc-hero-title {
    width: 100% !important;
    max-width: 390px !important;
    font-size: clamp(42px, 12vw, 54px) !important;
    line-height: .96 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-desc {
    width: 100% !important;
    max-width: 390px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-actions {
    width: 100% !important;
    grid-template-columns: 1fr !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-stats {
    width: 100% !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-stats > * {
    min-width: 0 !important;
    padding: 14px 10px !important;
  }
  body.fc-layout-theme-two.fc-site .fc-login-shell { display: none !important; }

  body.fc-layout-theme-two.online-banking .fc-t2-login-visual { display: none !important; }
  body.fc-layout-theme-two.online-banking .login-area {
    min-height: 100vh !important;
    padding: 0 !important;
    background: var(--fc-layout-paper) !important;
  }
  body.fc-layout-theme-two.online-banking .login-area > .row {
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    padding: 24px 0 !important;
  }
  body.fc-layout-theme-two.online-banking .signon-container {
    width: calc(100% - 28px) !important;
    margin: 0 auto !important;
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.fc-layout-theme-two.online-banking .signon-col.left-col { padding: 20px 8px !important; }
  body.fc-layout-theme-two.online-banking .fc-t2-login-back { margin-left: 4px; }
  body.fc-layout-theme-two.online-banking .user-log-title { font-size: 42px !important; }
  body.fc-layout-theme-two.online-banking,
  body.fc-layout-theme-two.online-banking .login-area,
  body.fc-layout-theme-two.online-banking .action-login-form,
  body.fc-layout-theme-two.online-banking .login-content,
  body.fc-layout-theme-two.online-banking .login-form,
  body.fc-layout-theme-two.online-banking .signon-container,
  body.fc-layout-theme-two.online-banking .signon-container-inner,
  body.fc-layout-theme-two.online-banking .signon-col,
  body.fc-layout-theme-two.online-banking .user-sign-on,
  body.fc-layout-theme-two.online-banking .user-sign-on-inner,
  body.fc-layout-theme-two.online-banking .signon-left-left,
  body.fc-layout-theme-two.online-banking .signon-form-main,
  body.fc-layout-theme-two.online-banking .signon-form-main-inner,
  body.fc-layout-theme-two.online-banking .signon-form-pages {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.fc-layout-theme-two.online-banking .signon-container-inner,
  body.fc-layout-theme-two.online-banking .sgn-submit { margin-left: 0 !important; margin-right: 0 !important; }
  body.fc-layout-theme-two.online-banking .signon-form-main-inner { padding: 26px 18px !important; }
  body.fc-layout-theme-two.online-banking .input-group { flex-wrap: nowrap !important; }
  body.fc-layout-theme-two.online-banking .input-group .form-control { min-width: 0 !important; }
}

/* Theme Two final cascade lock: keep legacy component layers below the new UI. */
body.fc-layout-theme-two.fc-site .fc-hero-copy,
body.fc-layout-theme-two.fc-site .fc-login-shell {
  position: relative !important;
  z-index: 4 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-panels {
  display: none !important;
}
body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message {
  display: block !important;
  position: relative !important;
  z-index: 8 !important;
  max-width: 610px !important;
  color: var(--fc-t2-navy, #0c2744) !important;
}
body.fc-layout-theme-two.fc-site .fc-t2-static-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin: 0 0 20px !important;
  color: var(--fc-t2-navy, #0c2744) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
body.fc-layout-theme-two.fc-site .fc-t2-static-eyebrow::before {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: var(--fc-layout-action, #e8b84d);
}
body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message h1 {
  max-width: 610px !important;
  margin: 0 0 20px !important;
  color: var(--fc-t2-navy, #0c2744) !important;
  font-family: Georgia, 'Times New Roman', serif !important;
  font-size: clamp(42px, 4vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
}
body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message p {
  max-width: 590px !important;
  margin: 0 0 26px !important;
  color: rgba(12, 39, 68, .88) !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-panel.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-title {
  color: var(--fc-t2-navy, #0c2744) !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-desc {
  color: rgba(12, 39, 68, .88) !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-modern > .container,
body.fc-layout-theme-two.fc-site .fc-trust-strip,
body.fc-layout-theme-two.fc-site .fc-service-grid,
body.fc-layout-theme-two.fc-site .fc-editorial-section,
body.fc-layout-theme-two.fc-site .fc-literacy-section,
body.fc-layout-theme-two.fc-site footer {
  position: relative;
  z-index: 3;
}

@media (max-width: 575px) {
  body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message,
  body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message h1,
  body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message p,
  body.fc-layout-theme-two.fc-site .fc-t2-static-eyebrow {
    color: #fff !important;
  }
  body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message h1 {
    max-width: 390px !important;
    font-size: clamp(42px, 12vw, 54px) !important;
    line-height: .96 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-t2-static-hero-message p {
    max-width: 390px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  body.fc-layout-theme-two.fc-site .fc-hero-title,
  body.fc-layout-theme-two.fc-site .fc-hero-desc,
  body.fc-layout-theme-two.fc-site .fc-hero-panel,
  body.fc-layout-theme-two.fc-site .fc-hero-panel * {
    color: #fff !important;
  }
}

/* Theme Two final anti-wash lock (must remain last in this stylesheet). */
body.fc-layout-theme-two.fc-site { background:#f3f6f9 !important; color:var(--fc-layout-ink) !important; }
body.fc-layout-theme-two.fc-site .fc-t2-site-brand { min-width:0 !important; max-width:250px !important; }
body.fc-layout-theme-two.fc-site .fc-t2-site-brand span { display:none !important; }
body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
  background:linear-gradient(90deg,rgba(255,255,255,.70) 0%,rgba(255,255,255,.52) 34%,rgba(255,255,255,.16) 58%,rgba(9,33,58,.06) 100%) !important;
  opacity:1 !important;
}
body.fc-layout-theme-two.fc-site .fc-hero-slide-img { opacity:1 !important; filter:saturate(1.12) contrast(1.08) !important; }
body.fc-layout-theme-two.fc-site .fc-floating-services { background:#f3f6f9 !important; }
body.fc-layout-theme-two.fc-site .fc-section { background:#fff !important; }
body.fc-layout-theme-two.fc-site .fc-section-sm { background:#f4f0e8 !important; }
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy {
  background:linear-gradient(135deg,var(--fc-layout-primary-deep),var(--fc-layout-primary)) !important;
  color:#fff !important;
}
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy .fc-title,
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy .fc-desc,
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy h4,
body.fc-layout-theme-two.fc-site .fc-section.fc-literacy p { color:#fff !important; opacity:1 !important; text-shadow:none !important; }
body.fc-layout-theme-two.fc-site .fc-split-card,
body.fc-layout-theme-two.fc-site .fc-quick-card,
body.fc-layout-theme-two.fc-site .fc-service-card,
body.fc-layout-theme-two.fc-site .fc-goal-card { opacity:1 !important; filter:none !important; }
@media (max-width:575px) {
  body.fc-layout-theme-two.fc-site .fc-hero-modern::before {
    background:linear-gradient(180deg,rgba(8,31,55,.70) 0%,rgba(8,31,55,.50) 55%,rgba(8,31,55,.72) 100%) !important;
  }
  body.fc-layout-theme-two.fc-site .fc-t2-site-brand { max-width:190px !important; }
}

/* Theme Two sign-in layout lock. */
body.fc-layout-theme-two.online-banking .signon-header,
body.fc-layout-theme-two.online-banking .signon-subheading,
body.fc-layout-theme-two.online-banking .signon-col.right-col { display:none !important; }
body.fc-layout-theme-two.online-banking .login-area > .row,
body.fc-layout-theme-two.online-banking .action-login-form,
body.fc-layout-theme-two.online-banking .login-content,
body.fc-layout-theme-two.online-banking .login-form {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
body.fc-layout-theme-two.online-banking .signon-container {
  width:min(514px,calc(100% - 64px)) !important;
  max-width:514px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
  border:1px solid #dce3eb !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 24px 64px rgba(9,33,58,.12) !important;
}
body.fc-layout-theme-two.online-banking .signon-container::before,
body.fc-layout-theme-two.online-banking .signon-container::after { display:none !important; }
body.fc-layout-theme-two.online-banking .signon-container-inner,
body.fc-layout-theme-two.online-banking .signon-col.left-col,
body.fc-layout-theme-two.online-banking .user-sign-on,
body.fc-layout-theme-two.online-banking .user-sign-on-inner,
body.fc-layout-theme-two.online-banking .signon-left-left,
body.fc-layout-theme-two.online-banking .signon-form-main,
body.fc-layout-theme-two.online-banking .signon-form-main-inner {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
body.fc-layout-theme-two.online-banking .signon-col.left-col {
  flex:0 0 100% !important;
  padding:34px 42px 38px !important;
}
body.fc-layout-theme-two.online-banking .signon-form-main-inner { padding:0 !important; }
body.fc-layout-theme-two.online-banking .user-log-title {
  margin:4px 0 30px !important;
  color:var(--fc-layout-ink) !important;
  font-size:46px !important;
  text-align:left !important;
}
body.fc-layout-theme-two.online-banking .input-group.form-group {
  display:flex !important;
  width:100% !important;
  min-height:54px !important;
  margin:0 0 18px !important;
  overflow:hidden !important;
  border:1px solid #cfd9e4 !important;
  border-radius:11px !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.fc-layout-theme-two.online-banking .sgn-submit button.btn.btn-primary.mtx-log-btn {
  background:var(--fc-layout-action) !important;
  background-color:var(--fc-layout-action) !important;
  background-image:none !important;
  color:var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.online-banking .input-group-text,
body.fc-layout-theme-two.online-banking .form-control {
  min-height:52px !important;
  border:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.fc-layout-theme-two.online-banking .sgn-submit {
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  margin:8px 0 0 !important;
}
body.fc-layout-theme-two.online-banking .sgn-submit > .col-7,
body.fc-layout-theme-two.online-banking .sgn-submit > .col-5 {
  flex:0 0 100% !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
}
body.fc-layout-theme-two.online-banking .mtx-log-btn {
  width:100% !important;
  min-height:54px !important;
  border:0 !important;
  border-radius:10px !important;
  background:var(--fc-layout-action) !important;
  color:var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.online-banking .signon-forgot-password {
  margin-top:18px !important;
  text-align:center !important;
}
body.fc-layout-theme-two.online-banking .signon-form-bottom { display:none !important; }

/* Preserve the legacy inline/JavaScript panel switching; do not force hidden
   registration and reset panels to display inside the Theme Two card. */
body.fc-layout-theme-two.online-banking .user-sign-on,
body.fc-layout-theme-two.online-banking .user-sign-on-inner,
body.fc-layout-theme-two.online-banking .signon-left-left,
body.fc-layout-theme-two.online-banking .signon-form-main,
body.fc-layout-theme-two.online-banking .signon-form-main-inner { height:auto !important; min-height:0 !important; }
body.fc-layout-theme-two.online-banking .user-log-title {
  height:auto !important;
  min-height:102px !important;
  padding:0 !important;
  line-height:1.04 !important;
}
body.fc-layout-theme-two.online-banking .user-log-title::after {
  position:static !important;
  width:auto !important;
  height:auto !important;
  margin:12px 0 0 !important;
  line-height:1.55 !important;
  transform:none !important;
  background:none !important;
  background-image:none !important;
  color:#6b7889 !important;
  text-shadow:none !important;
}
body.fc-layout-theme-two.online-banking .signonForm { height:auto !important; min-height:0 !important; }
body.fc-layout-theme-two.online-banking .sgn-submit {
  height:auto !important;
  min-height:0 !important;
  background:transparent !important;
  background-image:none !important;
}
body.fc-layout-theme-two.online-banking .mtx-log-btn {
  display:flex !important;
  width:100% !important;
  max-width:none !important;
  justify-content:center !important;
  background:var(--fc-layout-action) !important;
  background-color:var(--fc-layout-action) !important;
  background-image:none !important;
  color:var(--fc-layout-action-text) !important;
  box-shadow:none !important;
}
body.fc-layout-theme-two.online-banking .mtx-log-btn::before,
body.fc-layout-theme-two.online-banking .mtx-log-btn::after { display:none !important; }
body.fc-layout-theme-two.online-banking .mtx-log-btn-txt {
  width:auto !important;
  margin:0 !important;
  color:var(--fc-layout-action-text) !important;
}
body.fc-layout-theme-two.online-banking .fc-t2-login-visual {
  filter:saturate(1.16) contrast(1.08) !important;
}

@media (max-width:767px) {
  body.fc-layout-theme-two.online-banking .login-area { padding:0 !important; }
  body.fc-layout-theme-two.online-banking .fc-t2-login-visual { display:none !important; }
  body.fc-layout-theme-two.online-banking .login-area > .row {
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    padding:24px 0 !important;
  }
  body.fc-layout-theme-two.online-banking .signon-container { width:calc(100% - 28px) !important; }
  body.fc-layout-theme-two.online-banking .signon-col.left-col { padding:28px 22px 32px !important; }
  body.fc-layout-theme-two.online-banking .user-log-title { font-size:38px !important; }
}
