﻿@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');:root {--clr-primary: #0a2342;--clr-secondary: #1a5276;--clr-accent: #c9952a;--clr-accent2: #f0c040;--clr-bg: #f4f6fb;--clr-surface: #ffffff;--clr-text: #1a1a2e;--clr-muted: #5a6a7a;--clr-border: #d0dae6;--clr-hero-overlay: rgba(10,35,66,.65);--font-heading: "Roboto", sans-serif;--font-body: "Red Hat Text", sans-serif;--radius: 12px;--shadow: 0 4px 24px rgba(10,35,66,.10);--shadow-lg: 0 8px 40px rgba(10,35,66,.16);--transition: 0.28s cubic-bezier(.4,0,.2,1);--boxed-max: 1300px;--dream-font: "Red Hat Text", sans-serif;--dream-heading-font: "Roboto", sans-serif;}[data-theme="green"] {--clr-primary: #0d3b2e;--clr-secondary: #1a6648;--clr-accent: #d4a017;--clr-accent2: #f5d76e;--clr-bg: #f0f8f4;--clr-surface: #fff;--clr-text: #0d1f17;--clr-muted: #4a6a5a;--clr-hero-overlay: rgba(13,59,46,.65) }[data-theme="maroon"] {--clr-primary: #4a0e1a;--clr-secondary: #7b1d30;--clr-accent: #c9952a;--clr-accent2: #f0c040;--clr-bg: #fdf5f6;--clr-surface: #fff;--clr-text: #1e0a0e;--clr-muted: #6a3a42;--clr-hero-overlay: rgba(74,14,26,.65) }[data-theme="dark"] {--clr-primary: #0f1c2e;--clr-secondary: #1e3a5f;--clr-accent: #f0c040;--clr-accent2: #ffe082;--clr-bg: #0a0f1a;--clr-surface: #141e30;--clr-text: #e8edf5;--clr-muted: #8a9baf;--clr-border: #253248;--clr-hero-overlay: rgba(5,10,20,.70) }[data-theme="highcontrast"] {--clr-primary: #000;--clr-secondary: #1a1a1a;--clr-accent: #ffdd00;--clr-accent2: #ffff00;--clr-bg: #fff;--clr-surface: #fff;--clr-text: #000;--clr-muted: #222;--clr-border: #000;--clr-hero-overlay: rgba(0,0,0,.80) }[data-theme="saffron"] {--clr-primary: #7a2e00;--clr-secondary: #bf4500;--clr-accent: #f0a500;--clr-accent2: #ffd06e;--clr-bg: #fff8f0;--clr-surface: #fff;--clr-text: #2a0e00;--clr-muted: #7a4a2a;--clr-hero-overlay: rgba(122,46,0,.65) }*, *::before, *::after {box-sizing: border-box }html {font-size: 16px;scroll-behavior: smooth }body {font-family: var(--font-body);background: var(--clr-bg);color: var(--clr-text);overflow-x: hidden;transition: background var(--transition),color var(--transition) }h1, h2, h3, h4, h5, h6 {font-family: var(--font-heading);color: var(--clr-primary) }[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3 {color: var(--clr-accent2) }a {color: #009;text-decoration: none }a:hover {color: var(--clr-accent2) }a:focus-visible {outline: 3px solid var(--clr-accent);outline-offset: 3px;border-radius: 4px }img {max-width: 100%;height: auto }section {padding: 5rem 0 }.section-label {font-size: .78rem;font-weight: 600;letter-spacing: .18em;text-transform: uppercase;color: var(--clr-accent);margin-bottom: .5rem;display: block }.section-title {font-size: clamp(1.5rem,4vw,2.3rem);color: var(--clr-primary);margin-bottom: 1rem }.section-sub {color: var(--clr-muted);font-size: 1rem;max-width: 580px }.gold-line {width: 50px;height: 4px;background: linear-gradient(90deg,var(--clr-accent),var(--clr-accent2));border-radius: 4px;margin-bottom: 1.5rem }body.layout-boxed #page-wrapper {max-width: var(--boxed-max);margin: 0 auto;box-shadow: 0 0 60px rgba(0,0,0,.18);overflow: hidden;background: var(--clr-bg) }body.bg-pattern-dots {background-image: radial-gradient(var(--clr-border) 1px,transparent 1px);background-size: 22px 22px }body.bg-pattern-grid {background-image: linear-gradient(var(--clr-border) 1px,transparent 1px),linear-gradient(90deg,var(--clr-border) 1px,transparent 1px);background-size: 30px 30px }body.bg-pattern-diagonal {background-image: repeating-linear-gradient(45deg,var(--clr-border) 0,var(--clr-border) 1px,transparent 0,transparent 50%);background-size: 20px 20px }body.bg-pattern-waves {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='20'%3E%3Cpath d='M0 10 Q25 0 50 10 Q75 20 100 10' fill='none' stroke='%23d0dae6' stroke-width='1'/%3E%3C/svg%3E");background-repeat: repeat }body.bg-image-1 {background: radial-gradient(ellipse at 20% 50%,rgba(201,149,42,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(10,35,66,.06) 0%,transparent 60%),var(--clr-bg) }body.bg-image-2 {background: repeating-linear-gradient(135deg,rgba(201,149,42,.04) 0,rgba(201,149,42,.04) 1px,transparent 0,transparent 50%),var(--clr-bg);background-size: 30px 30px }.skip-links {position: absolute;top: -100%;left: 0;z-index: 9999;display: flex;gap: .5rem;padding: .25rem .5rem }.skip-links a {background: var(--clr-accent);color: #fff;padding: .5rem 1.1rem;border-radius: 0 0 8px 8px;font-weight: 600;font-size: .9rem }.skip-links a:focus {top: 0;position: relative }#accessibility-bar {background: var(--clr-primary);color: #c8d8ee;font-size: .82rem;padding: .38rem 0;border-bottom: 1px solid rgba(255,255,255,.08) }#accessibility-bar a {color: #c8d8ee;font-size: .82rem }#accessibility-bar a:hover {color: var(--clr-accent2) }.a11y-btn {background: rgba(255,255,255,.12);border: 1px solid rgba(255,255,255,.2);color: #c8d8ee;border-radius: 5px;padding: .15rem .5rem;font-size: .82rem;cursor: pointer;transition: background var(--transition);line-height: 1.5 }.a11y-btn:hover {background: rgba(255,255,255,.22);color: #fff }.a11y-btn:focus-visible {outline: 2px solid var(--clr-accent2);outline-offset: 2px }.bc-range {width: 65px;height: 4px;accent-color: var(--clr-accent);cursor: pointer;vertical-align: middle }.vr-a11y {display: inline-block;width: 1px;height: 14px;background: rgba(255,255,255,.2);vertical-align: middle;margin: 0 4px }#style-switcher-toggle {position: fixed;left: 0;top: 50%;transform: translateY(-50%);z-index: 1060;background: var(--clr-accent);color: #fff;border: none;border-radius: 0 8px 8px 0;width: 34px;padding: .9rem .25rem;cursor: pointer;writing-mode: vertical-rl;text-orientation: mixed;font-size: .68rem;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;display: flex;align-items: center;justify-content: center;gap: .3rem;box-shadow: 2px 0 12px rgba(0,0,0,.25);transition: left var(--transition),background var(--transition),transform var(--transition) }#style-switcher-toggle.sw-open {left: 300px;transform: translateY(-50%) }#style-switcher-toggle:hover {background: var(--clr-accent2);color: var(--clr-primary) }#style-switcher {position: fixed;left: -305px;top: 0;width: 300px;height: 100vh;overflow-y: auto;z-index: 1055;background: var(--clr-surface);border-right: 2px solid var(--clr-accent);box-shadow: 4px 0 30px rgba(0,0,0,.18);transition: left var(--transition);padding: 0 0 4rem }#style-switcher.sw-open {left: 0 }#sw-backdrop {display: none;position: fixed;inset: 0;z-index: 1050;background: rgba(0,0,0,.28) }#sw-backdrop.show {display: block }.sw-header {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: #fff;padding: 1rem 1.2rem;display: flex;align-items: center;justify-content: space-between;position: sticky;top: 0;z-index: 1 }.sw-header-title {font-family: var(--font-heading);font-size: 1rem;font-weight: 700;color: var(--clr-accent2) }.sw-close {background: transparent;border: none;color: #fff;font-size: 1.2rem;cursor: pointer;padding: .2rem .4rem;border-radius: 4px }.sw-close:hover {background: rgba(255,255,255,.15) }.sw-section {padding: 1rem 1.2rem;border-bottom: 1px solid var(--clr-border) }.sw-section-title {font-size: .7rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--clr-accent);margin-bottom: .8rem;display: flex;align-items: center;gap: .4rem }.sw-swatches {display: flex;flex-wrap: wrap;gap: .5rem }.sw-swatch {width: 28px;height: 28px;border-radius: 50%;border: 2px solid transparent;cursor: pointer;transition: transform var(--transition),border-color var(--transition) }.sw-swatch:hover {transform: scale(1.15) }.sw-swatch.active {border-color: var(--clr-accent);transform: scale(1.15);outline: 2px solid var(--clr-accent);outline-offset: 2px }.sw-layout-btns, .sw-dir-btns {display: flex;gap: .5rem }.sw-layout-btn, .sw-dir-btn {flex: 1;background: var(--clr-bg);border: 1.5px solid var(--clr-border);border-radius: 6px;padding: .45rem;font-size: .76rem;font-weight: 600;cursor: pointer;color: var(--clr-text);display: flex;flex-direction: column;align-items: center;gap: .2rem;transition: border-color var(--transition),background var(--transition) }.sw-dir-btn {flex-direction: row;justify-content: center }.sw-layout-btn:hover, .sw-layout-btn.active, .sw-dir-btn:hover, .sw-dir-btn.active {border-color: var(--clr-accent);background: rgba(201,149,42,.08);color: var(--clr-accent) }.sw-layout-btn i {font-size: 1.1rem }.sw-pattern-grid, .sw-bgimg-grid {display: grid;grid-template-columns: repeat(3,1fr);gap: .4rem }.sw-pattern-btn {height: 42px;border: 1.5px solid var(--clr-border);border-radius: 6px;cursor: pointer;font-size: .63rem;font-weight: 600;color: var(--clr-text);background: var(--clr-bg);display: flex;align-items: center;justify-content: center;transition: border-color var(--transition);position: relative;overflow: hidden }.sw-pattern-btn:hover, .sw-pattern-btn.active {border-color: var(--clr-accent);color: var(--clr-accent) }.sw-pattern-btn.active::after {content: '✓';position: absolute;top: 2px;right: 4px;font-size: .6rem;color: var(--clr-accent) }.sw-select {width: 100%;background: var(--clr-bg);border: 1.5px solid var(--clr-border);border-radius: 6px;padding: .38rem .6rem;font-size: .82rem;color: var(--clr-text);cursor: pointer;margin-bottom: .4rem }.sw-select:focus {outline: 2px solid var(--clr-accent) }.sw-color-input {width: 36px;height: 26px;border: 1.5px solid var(--clr-border);border-radius: 6px;cursor: pointer;padding: 2px;background: none }.sw-reset-btn {width: 100%;background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: #fff;border: none;border-radius: 8px;padding: .6rem;font-size: .82rem;font-weight: 600;cursor: pointer;transition: opacity var(--transition) }.sw-reset-btn:hover {opacity: .85 }.font-preview {font-size: 1rem;line-height: 1.4;margin-top: .4rem;padding: .4rem;background: var(--clr-bg);border-radius: 6px }#main-header {background: var(--clr-surface);box-shadow: 0 2px 16px rgba(10,35,66,.08);position: sticky;top: 0;z-index: 1030 }[data-theme="dark"] #main-header {background: var(--clr-primary) }.navbar-brand {display: flex;align-items: center;gap: .7rem }.bank-logo-icon {width: 44px;height: 44px;background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;color: var(--clr-accent2);flex-shrink: 0 }.bank-name {font-family: var(--font-heading);font-weight: 700;font-size: 14px;color: var(--clr-primary);line-height: 2.15 }@media(max-width:575px) {.bank-name {font-family: var(--font-heading);font-weight: 700;font-size: 12px;color: var(--clr-primary);line-height: 2.15 }}[data-theme="dark"] .bank-name {color: var(--clr-accent2) }.bank-tagline {font-size: .62rem;color: #333;font-weight: 500;letter-spacing: .08em;text-transform: uppercase }.navbar-nav .nav-link {font-size: .84rem;font-weight: 500;color: var(--clr-text);padding: .4rem .7rem;border-radius: 6px;transition: background var(--transition),color var(--transition) }.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {color: var(--clr-accent);background: rgba(201,149,42,.08) }.btn-login {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: #fff !important;border-radius: 8px;padding: .4rem 2rem !important;font-weight: 600 !important;font-size: .83rem !important;border: none;transition: box-shadow var(--transition),transform var(--transition) }.btn-login:hover {box-shadow: 0 4px 16px rgba(10,35,66,.3);transform: translateY(-1px);color: var(--clr-accent2) !important }.dropdown-mega {position: static !important }.mega-menu {min-width: 820px;padding: 0;border: 1px solid var(--clr-border);border-radius: var(--radius);box-shadow: var(--shadow-lg);background: var(--clr-surface);left: 50%;transform: translateX(-50%) }@media(max-width:991px) {.mega-menu {min-width: 100%;left: 0;transform: none }}.mega-col-title {font-size: .72rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--clr-accent);padding: .8rem 1rem .4rem;border-bottom: 1px solid var(--clr-border);margin-bottom: .2rem }.mega-item {display: flex;align-items: center;gap: .5rem;padding: .35rem 1rem;font-size: .83rem;color: var(--clr-text);transition: background var(--transition),color var(--transition);white-space: nowrap }.mega-item:hover {background: rgba(201,149,42,.06);color: var(--clr-accent) }.mega-item i {font-size: .85rem;color: var(--clr-accent);flex-shrink: 0 }.mega-divider {border-top: 1px solid var(--clr-border);margin: .25rem 0 }[dir="rtl"] .navbar-brand {flex-direction: row-reverse }[dir="rtl"] .ms-auto {margin-left: 0 !important;margin-right: auto !important }[dir="rtl"] .ms-2 {margin-left: 0 !important;margin-right: .5rem !important }.stable {margin: 0;padding: 0;width: 100%;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;border-top-left-radius: 0 }.stable table {border-collapse: collapse;border-spacing: 0;width: 100%;height: 100%;margin: 0;padding: 0 }.stable tr:last-child td:last-child {border-bottom-right-radius: 0 }.stable table tr:first-child td:first-child {border-top-left-radius: 0 }.stable table tr:first-child td:last-child {border-top-right-radius: 0 }.stable tr:last-child td:first-child {border-bottom-left-radius: 0 }.stable tr:hover td {background-color: #fff }.stable td {text-align: left;padding: 7px;font-weight: 400;color: #333;border: 1px solid #333;}@media screen and (max-width:600px) {.stable caption {font-size: 1.3em }.stable thead {height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px }.stable tr {display: block;margin-bottom: .125em }.stable td {text-align: left;display: block;font-size: 1em;width: 100% }.stable td:before {content: attr(data-label);float: left;font-weight: 700;text-transform: uppercase }.stable td:last-child {border-bottom: 0 }}.rtable {margin: 0;padding: 0;width: 100%;box-shadow: 3px 3px 3px #888;border: 1px solid #000;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;border-top-left-radius: 0;overflow-x: scroll }.rtable table {width: 100%;height: 100%;margin: 0;padding: 0;text-align: left }.rtable tr:last-child td:last-child {border-bottom-right-radius: 0 }.rtable table tr:first-child td:first-child {border-top-left-radius: 0 }.rtable table tr:first-child td:last-child {border-top-right-radius: 0 }.rtable tr:last-child td:first-child {border-bottom-left-radius: 0 }.rtable tr:hover td {background-color: #fff }.rtable td {background-color: #eee;border: 1px solid #000;border-width: 1px 1px 1px 1px;text-align: left;padding: 7px;font-weight: 400;color: #333 }.rtable tr:last-child td {border-width: 1px 1px 1px 1px;}.rtable tr td:last-child {border-width: 1px 1px 1px 1px;}.rtable tr:last-child td:last-child {border-width: 1px 1px 1px 1px;}.rtable tr:first-child td {background: var(--clr-primary);border: 0 solid #000;border-width: 0 0 1px 1px;font-weight: 700;color: #fff }.rtable tr:first-child:hover td {background-color: #e5e5e5 }.rtable tr:first-child td:first-child {border-width: 0 0 1px }.rtable tr:first-child td:last-child {border-width: 0 0 1px 1px }@media (max-width:600px) {rtable {display: block;margin: 0 auto;overflow-x: auto }}table {width: 100%;border-collapse: collapse;background: #fff;}table thead {background: #0A2540;color: #fff;}@media screen and (max-width: 768px) {table, table thead, table tbody, table th, table td, table tr {display: block;width: 100%;}table thead {display: none;}table tr {overflow: hidden;background: #fff;}table td {position: relative;text-align: right;border-bottom: 1px solid #eee;}table td:last-child {border-bottom: none;}}.rctable {margin-left: auto;margin-right: auto;align-content: center;box-shadow: 3px 3px 3px #888;border: 1px solid #000;border-bottom-left-radius: 0;border-bottom-right-radius: 0;border-top-right-radius: 0;border-top-left-radius: 0;overflow-x: scroll }.rctable table {margin-left: auto;margin-right: auto;}.rctable center {margin-left: auto;margin-right: auto;}.rctable tr:last-child td:last-child {border-bottom-right-radius: 0 }.rctable table tr:first-child td:first-child {border-top-left-radius: 0 }.rctable table tr:first-child td:last-child {border-top-right-radius: 0 }.rctable tr:last-child td:first-child {border-bottom-left-radius: 0 }.rctable tr:hover td {background-color: #fff }.rctable td {background-color: #f2f2f2;border: 1px solid #000;border-width: 0 1px 1px 0;text-align: left;padding: 7px;font-weight: 400;color: #333 }.rctable tr:last-child td {border-width: 0 1px 0 0 }.rctable tr td:last-child {border-width: 0 0 1px }.rctable tr:last-child td:last-child {border-width: 0 }.rctable tr:first-child td {background-color: #1ccdca;border: 0 solid #000;border-width: 0 0 1px 1px;font-weight: 700;color: #fff }.rctable tr:first-child:hover td {}.rctable tr:first-child td:first-child {border-width: 0 0 1px }.rctable tr:first-child td:last-child {border-width: 0 0 1px 1px }@media (max-width:600px) {rctable {display: block;margin: 0 auto;overflow-x: auto }}.whatsapp-btn {position: fixed;bottom: 125px;right: 25px;background: #25D366;color: #fff;font-family: Arial, sans-serif;font-size: 16px;padding: 10px 18px;border-radius: 50px;display: flex;align-items: center;gap: 10px;text-decoration: none;box-shadow: 0 4px 12px rgba(0,0,0,0.3);z-index: 9999;animation: floatMove 2s infinite;}.whatsapp-btn img {width: 26px;height: 26px;}.whatsapp-btn:hover {background: #20ba5a;}@keyframes floatMove {0% {transform: translateY(0);}50% {transform: translateY(-6px);}100% {transform: translateY(0);}}#heroCarousel {background: var(--clr-primary) }.hero-slide {height: clamp(300px,75vh,800px);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden }.hero-bg {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover }.hero-overlay {position: absolute;inset: 0;background: var(--clr-hero-overlay);z-index: 1 }.hero-content {position: relative;z-index: 2;text-align: center;color: #fff;padding: 2rem }.hero-eyebrow {font-size: .78rem;letter-spacing: .22em;text-transform: uppercase;color: var(--clr-accent2);font-weight: 600;margin-bottom: 1rem }.hero-heading {font-family: var(--font-heading);font-size: clamp(1.8rem,5vw,3.6rem);font-weight: 800;line-height: 1.1;color: #fff;text-shadow: 0 2px 20px rgba(0,0,0,.3);margin-bottom: 1.2rem }.hero-sub {font-size: clamp(.95rem,2.5vw,1.15rem);color: rgba(255,255,255,.85);margin-bottom: 2rem;max-width: 540px;margin-left: auto;margin-right: auto }.hero-cta {display: inline-flex;align-items: center;gap: .6rem;background: var(--clr-accent);color: #fff;font-weight: 600;font-size: .95rem;padding: .7rem 1.8rem;border-radius: 50px;border: none;cursor: pointer;transition: background var(--transition),transform var(--transition),box-shadow var(--transition);margin: .3rem;text-decoration: none }.hero-cta:hover {background: var(--clr-accent2);color: var(--clr-primary);transform: translateY(-2px);box-shadow: 0 8px 24px rgba(201,149,42,.4) }.hero-cta.secondary {background: transparent;border: 2px solid rgba(255,255,255,.7);color: #fff }.hero-cta.secondary:hover {background: rgba(255,255,255,.15);border-color: #fff }.carousel-indicators [data-bs-target] {width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,.5);border: none }.carousel-indicators .active {background: var(--clr-accent);transform: scale(1.3) }.carousel-control-prev-icon, .carousel-control-next-icon {background-color: rgba(255,255,255,.2);border-radius: 50%;width: 46px;height: 46px;background-size: 50%;border: 2px solid rgba(255,255,255,.35) }.carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon {background-color: var(--clr-accent) }#ticker-bar {background: var(--clr-secondary);color: #fff;padding: .48rem 0;font-size: .82rem;overflow: hidden }.ticker-label {background: var(--clr-accent);color: #fff;padding: .18rem .7rem;font-weight: 700;border-radius: 4px;white-space: nowrap;font-size: .86rem;letter-spacing: .05em;text-transform: uppercase;flex-shrink: 0 }.ticker-track {overflow: hidden;flex: 1 }.ticker-inner {display: inline-flex;gap: 2.5rem;white-space: nowrap;animation: ticker 35s linear infinite }.ticker-inner a{color:#fff;}.ticker-inner:hover {animation-play-state: paused }@keyframes ticker {from {transform: translateX(0) }to {transform: translateX(-50%) }}.ticker-sep {color: var(--clr-accent2);font-weight: 700 }.menu-wrapper {width: 100%;display: flex;justify-content: flex-end;position: relative;}.menu-toggle {display: none;color: #009;padding: 14px 18px;font-size: 18px;cursor: pointer;}.main-menu ul {list-style: none;margin: 0;padding: 0;}.main-menu > ul > li {display: inline-block;position: relative;}.main-menu a {display: block;padding: 10px 10px;color: #009;font-size:14px;font-weight:600;text-decoration: none;}.main-menu a:hover {color: var(--clr-accent);background: rgba(201,149,42,.08);}.main-menu ul ul {position: absolute;background: #fff;min-width: 200px;display: none;}.main-menu li:hover > ul {display: block;}.main-menu ul ul li a {color: #333;}@media (max-width:768px) {.menu-toggle {display: block;background: #0A2540;color:#fff;}.main-menu > ul {display: none;width: 100%;}.main-menu > ul > li {display: block;border-top: 1px solid rgba(255,255,255,0.2);}.main-menu ul ul {position: relative;}}@media (max-width:768px) {.menu-toggle {display: block;}.main-menu > ul {display: none;width: 100%;}.main-menu > ul > li {display: block;}}#quick-actions {background: var(--clr-surface);padding: 1.8rem 0;border-top: 3px solid var(--clr-accent);border-bottom: 1px solid var(--clr-border) }.qa-item {display: flex;flex-direction: column;align-items: center;gap: .4rem;padding: .8rem .5rem;border-radius: var(--radius);transition: background var(--transition);cursor: pointer;text-decoration: none;color: var(--clr-text) }.qa-item:hover {background: var(--clr-bg);color: var(--clr-accent) }.qa-icon {width: 48px;height: 48px;background: linear-gradient(135deg,rgba(10,35,66,.07),rgba(26,82,118,.11));border-radius: 11px;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;color: var(--clr-primary);transition: background var(--transition),color var(--transition),transform var(--transition) }.qa-item:hover .qa-icon {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: var(--clr-accent2);transform: scale(1.08) }.qa-label {font-size: .95rem;font-weight: 700;text-align: center }#stats {background: linear-gradient(135deg,var(--clr-accent),var(--clr-accent2));padding: 2.5rem 0 }.stat-item {text-align: center;color: var(--clr-primary) }.stat-num {font-family: var(--font-heading);font-size: 2.3rem;font-weight: 800;line-height: 1;display: block }.stat-label {font-size: .82rem;font-weight: 600;margin-top: .3rem;opacity: .8 }.stat-divider {border-left: 1px solid rgba(10,35,66,.2);height: 55px;margin: auto }.bnk-card {background: var(--clr-surface);border-radius: var(--radius);box-shadow: var(--shadow);transition: transform var(--transition),box-shadow var(--transition);border: 1px solid var(--clr-border);overflow: hidden }.bnk-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg) }#loans {background: var(--clr-bg) }.loan-card {background: var(--clr-surface);border-radius: var(--radius);border: 1px solid var(--clr-border);padding: 1.8rem 1.4rem;text-align: center;box-shadow: var(--shadow);transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition);height: 100%;display: flex;flex-direction: column;align-items: center }.loan-card:hover {transform: translateY(-6px);box-shadow: var(--shadow-lg);border-color: var(--clr-accent) }.loan-icon-wrap {width: 65px;height: 65px;border-radius: 50%;background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));display: flex;align-items: center;justify-content: center;font-size: 1.7rem;color: var(--clr-accent2);margin-bottom: 1rem;transition: transform var(--transition) }.loan-card:hover .loan-icon-wrap {transform: scale(1.08) rotate(-5deg) }.loan-card h3 {font-size: 1.05rem;font-weight: 700;margin-bottom: .45rem;color: var(--clr-primary) }.loan-card p {font-size: .85rem;color: var(--clr-muted);flex: 1;margin-bottom: 1rem }.btn-apply {background: linear-gradient(135deg,var(--clr-accent),var(--clr-accent2));color: var(--clr-primary);font-weight: 700;font-size: .83rem;border: none;padding: .48rem 1.3rem;border-radius: 50px;cursor: pointer;transition: box-shadow var(--transition),transform var(--transition);display: inline-block }.btn-apply:hover {box-shadow: 0 4px 16px rgba(201,149,42,.4);transform: translateY(-1px);color: var(--clr-primary) }.rate-badge {background: linear-gradient(135deg,var(--clr-accent),var(--clr-accent2));color: var(--clr-primary);font-weight: 700;border-radius: 50px;padding: .18rem .65rem;font-size: .8rem;display: inline-block }#services {background: linear-gradient(135deg,var(--clr-primary) 0%,var(--clr-secondary) 100%);padding: 4rem 0;position: relative;overflow: hidden }#services::before {content: '';position: absolute;inset: 0;background: radial-gradient(circle at 80% 50%,rgba(201,149,42,.12) 0%,transparent 65%) }#services .section-title {color: #fff }#services .section-sub {color: rgba(255,255,255,.7) }.service-card {background: rgba(255,255,255,.08);backdrop-filter: blur(8px);border: 1px solid rgba(255,255,255,.15);border-radius: var(--radius);padding: 1.8rem 1.1rem;text-align: center;color: #fff;transition: background var(--transition),transform var(--transition),border-color var(--transition);height: 100% }.service-card:hover {background: rgba(255,255,255,.15);transform: translateY(-5px);border-color: var(--clr-accent2) }.service-icon {width: 60px;height: 60px;background: rgba(255,255,255,.12);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: var(--clr-accent2);margin: 0 auto .9rem;transition: background var(--transition),transform var(--transition) }.service-card:hover .service-icon {background: var(--clr-accent);transform: scale(1.1);color: #fff }.service-card h3 {font-size: .92rem;font-weight: 600;color: #fff;margin-bottom: .35rem }.service-card p {font-size: .78rem;color: rgba(255,255,255,.65);margin: 0 }.slider-nav {display: flex;align-items: center;gap: .6rem;justify-content: center;margin-top: 1.8rem }.slider-btn {width: 38px;height: 38px;background: var(--clr-surface);border: 1px solid var(--clr-border);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--clr-primary);cursor: pointer;transition: background var(--transition),color var(--transition),box-shadow var(--transition);box-shadow: var(--shadow) }.slider-btn:hover {background: var(--clr-accent);color: #fff;box-shadow: 0 4px 14px rgba(201,149,42,.3) }.slider-btn:focus-visible {outline: 3px solid var(--clr-accent);outline-offset: 2px }#services .slider-btn {background: rgba(255,255,255,.1);border-color: rgba(255,255,255,.2);color: #fff }#services .slider-btn:hover {background: var(--clr-accent);border-color: var(--clr-accent) }.cards-slider-wrapper {overflow: hidden }.cards-slider-track {display: flex;gap: 1.2rem;transition: transform .45s cubic-bezier(.4,0,.2,1) }.cards-slider-track .slide-item {flex: 0 0 calc((100% - 2 * 1.2rem) / 3) }@media(max-width:991px) {.cards-slider-track .slide-item {flex: 0 0 calc((100% - 1.2rem) / 2) }}@media(max-width:575px) {.cards-slider-track .slide-item {flex: 0 0 100% }}.testi-track .slide-item {flex: 0 0 calc((100% - 1.2rem) / 2) }@media(max-width:767px) {.testi-track .slide-item {flex: 0 0 100% }}#testimonials {background: var(--clr-bg) }.testimonial-card {background: var(--clr-surface);border-radius: var(--radius);border: 1px solid var(--clr-border);padding: 1.8rem;box-shadow: var(--shadow);height: 100%;position: relative }.testimonial-card::before {content: '\201C';font-family: var(--font-heading);font-size: 5rem;color: var(--clr-accent);opacity: .15;position: absolute;top: -1rem;left: 1.2rem;line-height: 1 }.testimonial-stars {color: var(--clr-accent);margin-bottom: .7rem;font-size: .88rem }.testimonial-text {font-size: .89rem;color: var(--clr-muted);line-height: 1.7;font-style: italic;margin-bottom: 1.2rem }.testimonial-author {display: flex;align-items: center;gap: .8rem }.testimonial-name {font-weight: 700;font-size: .9rem;color: var(--clr-text) }.testimonial-role {font-size: .75rem;color: var(--clr-muted) }.avatar-placeholder {width: 48px;height: 48px;border-radius: 50%;border: 2px solid var(--clr-accent);background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));display: flex;align-items: center;justify-content: center;color: var(--clr-accent2);font-size: 1.2rem;flex-shrink: 0 }#accounts {background: var(--clr-bg) }.prod-card {background: var(--clr-surface);border: 1px solid var(--clr-border);border-radius: var(--radius);padding: 1.5rem;box-shadow: var(--shadow);height: 100%;transition: transform var(--transition),box-shadow var(--transition),border-color var(--transition) }.prod-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--clr-accent) }.prod-card-icon {width: 52px;height: 52px;background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));border-radius: 12px;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: var(--clr-accent2);margin-bottom: 1rem }.prod-card h4 {font-size: 1rem;font-weight: 700;color: var(--clr-primary);margin-bottom: .8rem }.prod-list {list-style: none;padding: 0;margin: 0 }.prod-list li {font-size: .84rem;color: var(--clr-text);padding: .28rem 0;display: flex;align-items: center;gap: .5rem;border-bottom: 1px dashed var(--clr-border) }.prod-list li:last-child {border-bottom: none }.prod-list li::before {content: '✔';color: var(--clr-accent);font-weight: 700;flex-shrink: 0;font-size: .75rem }.status-badge {display: inline-flex;align-items: center;gap: .3rem;background: rgba(201,149,42,.12);border: 1px solid var(--clr-accent);color: var(--clr-accent);border-radius: 20px;padding: .18rem .65rem;font-size: .72rem;font-weight: 600;margin: .18rem .1rem }#calculators {background: var(--clr-surface) }.calc-nav {display: flex;flex-wrap: wrap;gap: 3px;margin-bottom: -1px;border-bottom: 2px solid var(--clr-border);position: relative }.calc-nav-btn {background: var(--clr-bg);border: 1px solid var(--clr-border);border-bottom: none;color: var(--clr-muted);border-radius: 7px 7px 0 0;padding: .44rem .82rem;font-size: .76rem;font-weight: 600;cursor: pointer;white-space: nowrap;transition: background var(--transition),color var(--transition) }.calc-nav-btn:hover {background: rgba(201,149,42,.08);color: var(--clr-primary) }.calc-nav-btn.active {background: var(--clr-surface);color: var(--clr-primary);font-weight: 700;border-color: var(--clr-border);border-bottom: 2px solid var(--clr-surface);margin-bottom: -2px }.calc-tab-content {border: 1px solid var(--clr-border);border-radius: 0 var(--radius) var(--radius) var(--radius);overflow: hidden }.calc-pane {display: none;padding: 1.6rem }.calc-pane.active {display: block }.ci-grp {margin-bottom: .9rem }.ci-grp label {font-size: .8rem;font-weight: 600;color: var(--clr-text);margin-bottom: .25rem;display: block }.ci-grp input, .ci-grp select {width: 100%;padding: .46rem .75rem;border: 1.5px solid var(--clr-border);border-radius: 8px;font-size: .85rem;color: var(--clr-text);background: var(--clr-bg);transition: border-color var(--transition);outline: none }.ci-grp input:focus, .ci-grp select:focus {border-color: var(--clr-accent) }.calc-btn-go {width: 100%;background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: #fff;border: none;border-radius: 8px;padding: .52rem;font-size: .85rem;font-weight: 600;cursor: pointer;margin-top: .3rem;transition: box-shadow var(--transition),transform var(--transition) }.calc-btn-go:hover {box-shadow: 0 4px 14px rgba(10,35,66,.25);transform: translateY(-1px) }.calc-result {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));border-radius: var(--radius);padding: 1.2rem 1.5rem;margin-top: 1.2rem;display: none }.calc-result.show {display: block }.calc-result-row {display: flex;justify-content: space-between;align-items: center;padding: .4rem 0;border-bottom: 1px solid rgba(255,255,255,.12);font-size: .85rem;color: rgba(255,255,255,.8) }.calc-result-row:last-child {border-bottom: none }.calc-result-row .val {color: #fff;font-weight: 700;font-size: .95rem }.calc-result-total {background: rgba(255,255,255,.12);border-radius: 8px;padding: .6rem 1rem;margin-top: .6rem;display: flex;justify-content: space-between;align-items: center }.calc-result-total .label {color: var(--clr-accent2);font-weight: 700;font-size: .88rem }.calc-result-total .amount {color: var(--clr-accent2);font-weight: 800;font-size: 1.3rem;font-family: var(--font-heading) }.calc-table {width: 100%;border-collapse: collapse;margin-top: 1rem;font-size: .78rem }.calc-table th {background: var(--clr-primary);color: #fff;padding: .5rem .7rem;text-align: left;font-weight: 600 }.calc-table td {padding: .45rem .7rem;border-bottom: 1px solid var(--clr-border);color: var(--clr-text) }.calc-table tbody tr:nth-child(even) {background: rgba(201,149,42,.04) }.calc-table tbody tr:hover {background: rgba(201,149,42,.08) }.calc-scroll {max-height: 280px;overflow-y: auto;border-radius: 0 0 var(--radius) var(--radius) }#interest-rates {background: var(--clr-surface) }#about {background: var(--clr-surface) }.rate-table {border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow);border: 1px solid var(--clr-border) }.rate-table thead {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: #fff }.rate-table th {font-weight: 600;font-size: .85rem;padding: .9rem 1.1rem;border: none }.rate-table td {padding: .8rem 1.1rem;font-size: .85rem;color: var(--clr-text);border-top: 1px solid var(--clr-border) }.rate-table tbody tr:hover {background: rgba(201,149,42,.04) }.announce-item {display: flex;gap: .9rem;align-items: flex-start;padding: .8rem 0;border-bottom: 1px solid var(--clr-border) }.announce-item:last-child {border-bottom: none }.announce-dot {width: 9px;height: 9px;background: var(--clr-accent);border-radius: 50%;flex-shrink: 0;margin-top: .45rem }.announce-date {font-size: .71rem;color: var(--clr-muted);font-weight: 600 }.announce-text {font-size: .84rem;color: var(--clr-text);line-height: 1.5 }.highlight-box {background: var(--clr-surface);border: 1px solid var(--clr-border);border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow) }.highlight-box-header {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));color: #fff;padding: .9rem 1.3rem;display: flex;align-items: center;gap: .55rem;font-weight: 700;font-size: .92rem }.news-img-wrap {height: 140px;background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));display: flex;align-items: center;justify-content: center;font-size: 2.8rem;color: rgba(255,255,255,.3) }.news-body {padding: 1.1rem }.news-cat {font-size: .68rem;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;color: var(--clr-accent);margin-bottom: .35rem }.news-title {font-size: .9rem;font-weight: 600;color: var(--clr-text);line-height: 1.4;margin-bottom: .4rem }.news-date {font-size: .72rem;color: var(--clr-muted) }#main-footer {background: var(--clr-primary);color: rgba(255,255,255,.75);padding: 3.5rem 0 0 }#main-footer h5 {font-size: .88rem;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--clr-accent2);margin-bottom: 1.1rem }#main-footer a {color: rgba(255,255,255,.62);font-size: .85rem;display: block;margin-bottom: .45rem;transition: color var(--transition) }#main-footer a:hover {color: var(--clr-accent2) }.footer-divider {border-top: 1px solid rgba(255,255,255,.1);margin: 2.5rem 0 0;padding: 1.3rem 0 }.footer-brand-logo {display: flex;align-items: center;gap: .8rem;margin-bottom: .9rem }.footer-brand-icon {width: 44px;height: 44px;background: linear-gradient(135deg,var(--clr-accent),var(--clr-accent2));border-radius: 10px;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;color: var(--clr-primary) }.footer-brand-name {font-family: var(--font-heading);font-size: 1.1rem;font-weight: 700;color: #fff }.social-icons {display: flex;gap: .55rem;flex-wrap: wrap }.social-btn {width: 36px;height: 36px;padding: 5px 10px;border-radius: 8px;background: rgba(255,255,255,.1);border: 1px solid rgba(255,255,255,.15);display: flex;align-items: center;justify-content: center;color: #fff;font-size: .95rem;transition: background var(--transition),transform var(--transition) }.social-btn:hover {background: var(--clr-accent);border-color: var(--clr-accent);transform: translateY(-2px) }.footer-bottom {background: rgba(0,0,0,.2);padding: .9rem 0;font-size: .76rem;color: rgba(255,255,255,.45) }.reg-badge {display: inline-flex;align-items: center;gap: .35rem;background: rgba(255,255,255,.06);border: 1px solid rgba(255,255,255,.1);border-radius: 20px;padding: .22rem .7rem;font-size: .7rem;color: rgba(255,255,255,.55);margin: .18rem .1rem }.fade-up {opacity: 0;transform: translateY(28px);transition: opacity .6s ease,transform .6s ease }.fade-up.visible {opacity: 1;transform: translateY(0) }#scroll-top {position: fixed;bottom: 1.8rem;right: 1.8rem;background: var(--clr-accent);color: #fff;border: none;border-radius: 50%;width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;font-size: 1.05rem;cursor: pointer;box-shadow: 0 4px 16px rgba(201,149,42,.4);transition: opacity var(--transition),transform var(--transition);opacity: 0;pointer-events: none;z-index: 998 }#scroll-top.visible {opacity: 1;pointer-events: all }#scroll-top:hover {transform: translateY(-3px) }#welcome-popup {position: fixed;inset: 0;z-index: 2000;display: flex;align-items: center;justify-content: center;padding: 1rem;background: rgba(10,20,40,.72);backdrop-filter: blur(4px);opacity: 0;transition: opacity .4s ease;display: none }#welcome-popup.show {display: flex;opacity: 1 }.popup-box {background: var(--clr-surface);border-radius: var(--radius);box-shadow: 0 20px 60px rgba(10,35,66,.35);max-width: 560px;width: 100%;overflow: hidden;animation: popIn .35s ease }@keyframes popIn {from {opacity: 0;transform: translateY(20px) }to {opacity: 1;transform: translateY(0) }}.text-right{text-align:right;}.popup-header {background: linear-gradient(135deg,var(--clr-primary),var(--clr-secondary));padding: 1.4rem 1.6rem;display: flex;align-items: center;justify-content: space-between }.popup-title {font-family: var(--font-heading);font-size: 1.0rem;font-weight: 700;color: var(--clr-accent2);margin: 0;text-align:left;}.popup-close {background: rgba(255,255,255,.15);border: 1px solid rgba(255,255,255,.25);color: #fff;border-radius: 50%;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;cursor: pointer;font-size: 1rem;flex-shrink: 0 }.popup-close:hover {background: rgba(255,255,255,.28) }.popup-body {padding: 1.6rem }.popup-cta {background: linear-gradient(135deg,var(--clr-accent),var(--clr-accent2));color: var(--clr-primary);border: none;border-radius: 50px;padding: .6rem 1.8rem;font-weight: 700;font-size: .9rem;cursor: pointer }.popup-cta:hover {box-shadow: 0 4px 16px rgba(201,149,42,.4) }.popup-dismiss {font-size: .78rem;color: var(--clr-muted);cursor: pointer;background: none;border: none;text-decoration: underline;margin-left: .5rem }.popup-rate-grid {display: grid;grid-template-columns: 1fr 1fr;gap: .5rem;margin: 1rem 0 }.popup-rate-item {background: var(--clr-bg);border: 1px solid var(--clr-border);border-radius: 8px;padding: .7rem;text-align: center }.popup-rate-label {font-size: .72rem;color: var(--clr-muted);font-weight: 600 }.popup-rate-val {font-size: 1.1rem;font-weight: 800;color: var(--clr-primary);font-family: var(--font-heading) }#search-overlay {position: fixed;inset: 0;z-index: 2100;background: rgba(10,20,40,.85);backdrop-filter: blur(6px);display: none;align-items: flex-start;justify-content: center;padding-top: 8rem }#search-overlay.show {display: flex }.search-box {background: var(--clr-surface);border-radius: var(--radius);box-shadow: var(--shadow-lg);width: 100%;max-width: 660px;padding: 1.5rem;position: relative }.search-input-wrap {display: flex;align-items: center;gap: .6rem;border: 2px solid var(--clr-accent);border-radius: 8px;padding: .3rem .6rem .3rem 1rem;background: var(--clr-bg) }.search-input-wrap input {flex: 1;border: none;background: transparent;font-size: 1rem;color: var(--clr-text);outline: none }.search-submit {background: var(--clr-accent);color: #fff;border: none;border-radius: 6px;padding: .45rem .9rem;cursor: pointer;font-size: .9rem }.search-close {position: absolute;top: .8rem;right: .8rem;background: transparent;border: none;font-size: 1.2rem;color: var(--clr-muted);cursor: pointer }.search-results {margin-top: 1rem;max-height: 350px;overflow-y: auto }.search-result-item {padding: .65rem .8rem;border-radius: 8px;cursor: pointer;transition: background var(--transition);border-bottom: 1px solid var(--clr-border);display: block;font-size: .88rem;color: var(--clr-text) }.search-result-item:hover {background: rgba(201,149,42,.08);color: var(--clr-accent) }.search-result-item .sr-title {font-weight: 600 }.search-result-item .sr-section {font-size: .72rem;color: var(--clr-muted);margin-top: .15rem }.search-no-result {text-align: center;color: var(--clr-muted);padding: 1.5rem;font-size: .9rem }mark {background: rgba(240,192,64,.35);color: inherit;padding: 0 2px;border-radius: 2px }@media(max-width:991px) {.mega-menu {position: static !important;transform: none;min-width: 100%;border-radius: 0 }}@media(max-width:768px) {section {padding: 3rem 0 }.hero-slide {height: 55vh !important;min-height: 360px !important;max-height: 480px !important }.hero-heading {font-size: 1.7rem }.hero-sub {font-size: .88rem;margin-bottom: 1.2rem }.hero-cta {font-size: .82rem;padding: .55rem 1.3rem }#style-switcher-toggle {top: auto;bottom: 5.5rem;transform: none;writing-mode: horizontal-tb;width: auto;padding: .4rem .65rem;border-radius: 0 6px 6px 0;font-size: .68rem }#style-switcher-toggle.sw-open {left: 290px;transform: none }#style-switcher {width: 290px;left: -295px }.stat-divider {display: none }.bc-range {width: 48px }.calc-nav-btn {font-size: .7rem;padding: .38rem .55rem }}@media(max-width:575px) {section {padding: 2.2rem 0 }.hero-slide {height: auto !important;min-height: 175px !important;max-height: 280px !important;}#heroCarousel .carousel-inner {height: auto }#heroCarousel .carousel-item {height: auto }.hero-eyebrow {font-size: .65rem;letter-spacing: .15em;margin-bottom: .5rem }.hero-heading {font-size: 1.35rem !important;line-height: 1.2;margin-bottom: .7rem }.hero-sub {font-size: .8rem;margin-bottom: 1rem;padding: 0 .5rem }.hero-content {padding: 1.2rem .8rem }.hero-cta {font-size: .76rem;padding: .48rem 1rem;margin: .2rem .15rem }.carousel-indicators {bottom: .5rem }.carousel-indicators [data-bs-target] {width: 7px;height: 7px }.carousel-control-prev-icon, .carousel-control-next-icon {width: 34px;height: 34px }#quick-actions {padding: 1.2rem 0 }.qa-label {font-size: .62rem }.qa-icon {width: 40px;height: 40px;font-size: 1.1rem }.stat-num {font-size: 1.7rem }.stat-label {font-size: .72rem }.section-title {font-size: 1.3rem }.calc-nav {gap: 2px }.calc-nav-btn {font-size: .65rem;padding: .32rem .45rem }.popup-rate-grid {grid-template-columns: 1fr 1fr }#ticker-bar {font-size: .72rem }.footer-brand-name {font-size: .95rem }}