:root {
    /* Colors */
    --color-primary: #EEB34D;
    --color-secondary: #F19D39;
    --color-brand-btn-start: #EEB34D;
    --color-brand-btn-end: #F19D39;
    --color-brand-btn-login-start: #EEBE4D;
    --color-brand-btn-login-end: #EEB34D;
    --Brand-Secondary: #F19D39;
    --Brand-Terciary: #353F47;
    --Brand-ADA: #BC7000;
    --color-text-primary: #353F47;
    --color-text-secondary: #616161;
    --color-white: #fff;
    --color-black: #000;
    --color-custom-white: #ffffff;
    --color-charcoal-gray: #4E4D50;
    --color-bg-light: #f5f5f5;
    --color-bg-lighter: #fafafa;
    --color-bg-gray: #eee;
    --color-bg-extra-light: #f7f7f7;
    --color-overlay: rgba(0, 0, 0, 0.2);
    --color-divider: rgba(40, 32, 16, 0.30);
    --color-text-muted: #999;
    --color-text-gray: #757575;
    --color-bg-orange-light: rgba(253, 244, 229, 0.93);
    --color-bg-card: #FBF9F5;
    --color-border-card: #F3EDE2;
    --color-bg-card-hover: #F3EDE2;
    --color-bg-tab-inactive: #E2D8C5;
    --color-text-tab-inactive: #675639;
    --color-shadow-light: rgba(0, 0, 0, 0.10);
    --color-shadow-medium: rgba(0, 0, 0, 0.08);
    --color-shadow-heavy: rgba(0, 0, 0, 0.25);
    --color-bg-dark: #353F47;
    --color-bg-beige: #F3EDE2;
    --color-text-brown: #483A22;
    --color-bg-footer: #EBDAC6;
    --color-gradient-start: #EEBE4D;
    --color-gradient-end: var(--color-primary);
    --color-text-dark-brown: #282010;
    --color-text-light-gray: #666;
    --color-text-mid-gray: #565656;
    --color-border-light: #F5F5F5;
    --color-border-medium: #ccc;
    --color-border-dark: #999;
    --color-border-light-gray: #E0E0E0;
    --color-border-accent: #C97716;
    --color-transparent: transparent;
    --color-alert-down: #FDF4E5;
    --color-shadow-lightest: rgba(0, 0, 0, 0.05);
    --color-bg-circle-success: #E9F9EE;
    --color-icon-success: #009782;
    --color-icon-error: #E6414B;
    --color-bg-club-member: #007F71;
    --color-border-table: #dfe3e6;
    --color-text-table-header: #495057;
    --color-bg-banking-tools: #fff;
    --color-bg-feature-card: #f5f5f5;
    --color-border-feature-card: #fafafa;
    --color-bg-banking-tools-card: #009782;
    --color-text-banking-tools-card: #fff;
    --color-border-navbar: #efae48;
    --color-bg-overlay-mobile: rgba(255, 255, 255, 0.00);
    --color-text-placeholder: #48494d;
    --color-mortgage-green: #009966;
    --color-mortgage-dark-green: #2E8B57;
    --color-mortgage-gray: #e6e6e6;
    --color-mortgage-dark-gray: #333;
    --color-mortgage-light-gray: #f8f8f8;
    --color-mortgage-blue: #5aadd2;
    --color-mortgage-medium-gray: #666;
    --color-mortgage-tab-gray: #9e9e9e;
    --color-mortgage-orange: #e79b2b;
    --color-mortgage-form-gray: #424242;
    --color-mortgage-text-dark: #111;
    --color-mortgage-bg-light: #eef2f4;
    --color-mortgage-text-muted: #8f98a0;
    --color-gray-medium: #b2b2b2;
    --color-shadow-extra-light: rgba(0, 0, 0, 0.06);
    --color-bg-gray-light: #eeeeee;
    --color-surface-light: #f0f0f0;
    --color-bg-super-light: #f1f1f1;
    --color-teal-700: #0b7a69;
    --color-success: #43925e;
    --color-bg-faq: #F3F2F2;
    --color-text-half-opacity: rgba(0, 0, 0, 0.5);
    /* Brand Colors (Global Login) */
    --color-brand-orange: #e88d2b;
    --color-brand-orange-dark: #c87722;
    --color-brand-orange-light: #fef4e9;
    --color-label: #48494d;
    --color-input-border: #d0d0d0;
    --color-text-dark: #171719;
    --color-gray-888: #888;
    --color-gray-333: #333;
    --color-validation-error: #e60000;
    --color-modal-backdrop: rgba(255, 255, 255, 0.85);
    --color-modal-shadow: rgba(0, 0, 0, 0.14);
    /* Branch Locator Colors */
    --color-branch-primary: #EEBE4D;
    --color-branch-text-dark: #171719;
    --color-branch-text-secondary: #48494d;
    --color-branch-border: #6b6b6b;
    --color-branch-divider: #d7dce6;
    --color-branch-input-bg: #f0f0f0;
    --color-branch-success: #6cc000;
    --color-branch-card-border: #e3e8f2;
    --color-branch-map-bg: #e8f4f2;
    --color-branch-map-grid: #cde8e4;
    --color-branch-map-accent-1: #d4ece8;
    --color-branch-map-accent-2: #c5e3de;
    /* Spacing */
    --spacing-0: 0;
    --spacing-2px: 2px;
    --spacing-xs: 8px;
    --spacing-sm: 10px;
    --spacing-md: 12px;
    --spacing-lg: 15px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 32px;
    --spacing-4xl: 150px;
    --spacing-5xl: 180px;
    --spacing-section: 45px;
    --spacing-6xl: 300px;
    --spacing-7xl: 430px;
    --spacing-xxs: 4px;
    /* Header spacing tokens */
    --header-padding-home: 180px;
    --header-padding-nonhome: 180px;
    --header-padding-default: 68px;
    --spacing-16px: 16px;
    --spacing-40: 40px;
    --size-32px: 32px;
    --spacing-3px: 3px;
    --spacing-5px: 5px;
    --spacing-6px: 6px;
    --spacing-18px: 18px;
    --spacing-1-5rem: 1.5rem;
    --spacing-1-25rem: 1.25rem;
    --spacing-1rem: 1rem;
    --spacing-30px: 30px;
    --spacing-120px: 120px;
    --spacing-140px: 140px;
    --spacing-60px: 60px;
    --spacing-80px: 80px;
    --spacing-100px: 100px;
    --spacing-112px: 112px;
    --spacing-8px: 8px;
    --spacing-10px: 10px;
    --spacing-12px: 12px;
    --spacing-15px: 15px;
    --spacing-20px: 20px;
    --spacing-24px: 24px;
    --spacing-25px: 25px;
    --spacing-26px: 26px;
    --spacing-35px: 35px;
    --spacing-38px: 38px;
    --spacing-40px: 40px;
    --spacing-56px: 56px;
    --spacing-250px: 250px;
    --spacing-4-3rem: 4.3rem;
    --spacing-44px: 44px;
    --min-height-398px: 398px;
    --min-height-297px: 297px;
    --padding-left-25px: 25px;
    --top-negative-13px: -13px;
    --top-1px: 1px;
    --padding-left-35px: 35px;
    --spacing-2px: 2px;
    --spacing-5px: 5px;
    --spacing-8px: 8px;
    --spacing-10px: 10px;
    --spacing-12px: 12px;
    --spacing-13px: 13px;
    --spacing-15px: 15px;
    --spacing-18px: 18px;
    --spacing-20px: 20px;
    --spacing-22px: 22px;
    --spacing-25px: 25px;
    --spacing-28px: 28px;
    --spacing-32px: 32px;
    --top-negative-1px: -1px;
    --top-negative-2px: -2px;
    --top-negative-3px: -3px;
    --top-negative-28px: -28px;
    --left-5px: 5px;
    --left-8px: 8px;
    --left-10px: 10px;
    --left-12px: 12px;
    --left-13px: 13px;
    --left-15px: 15px;
    --left-18px: 18px;
    --padding-top-15px: 15px;
    --padding-top-18px: 18px;
    --padding-top-20px: 20px;
    --padding-top-180px: 180px;
    --padding-right-10px: 10px;
    --padding-right-20px: 20px;
    --padding-right-25px: 25px;
    --padding-bottom-2px: 2px;
    --padding-bottom-5px: 5px;
    --padding-left-5px: 5px;
    --padding-left-10px: 10px;
    --padding-left-13px: 13px;
    --padding-left-15px: 15px;
    --padding-left-20px: 20px;
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 5px;
    --radius-lg: 6px;
    --radius-xl: 8px;
    --radius-2xl: 24px;
    --radius-pill: 100px;
    --radius-circle: 50%;
    --radius-200: 200px;
    --radius-16px: 16px;
    --radius-20px: 20px;
    --radius-12px: 12px;
    --radius-3px: 3px;
    --radius-50px: 50px;
    --radius-15px: 15px;
    /* Typography */
    --font-family-base: 'Roboto', sans-serif;
    --font-family-inter: 'Inter', sans-serif;
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 32px;
    --font-size-3xl: 48px;
    --font-size-footer: 18px;
    --font-size-md: 18px;
    --font-size-rem-1-2: 1.2rem;
    --font-size-1-1rem: 1.1rem;
    --font-size-0-7rem: 0.7rem;
    --font-size-11px: 11px;
    --font-size-13px: 13px;
    --font-size-32px: 32px;
    --font-size-20px: 20px;
    --font-size-16px: 16px;
    --font-size-18px: 18px;
    --font-size-14px: 14px;
    --font-size-13px: 13px;
    --font-size-12px: 12px;
    --font-size-10px: 10px;
    --font-size-15px: 15px;
    --font-size-36px: 36px;
    --font-size-47px: 47px;
    --font-size-26px: 26px;
    --Font-Scale-Body-Medium: 16px;
    --Font-Scale-Body-Large: 18px;
    /* Line Heights */
    --line-height-sm: 22px;
    --line-height-md: 24px;
    --line-height-lg: 38px;
    --line-height-xl: 49px;
    --line-height-button: 20px;
    --line-height-sm: 18px;
    --line-height-md: 22px;
    --line-height-33px: 33px;
    --line-height-16px: 16px;
    --line-height-0: 0;
    --line-height-15px: 15px;
    --line-height-32px: 32px;
    --line-height-18px: 18px;
    --line-height-24px: 24px;
    --line-height-1-3: 1.3;
    --line-height-1-4: 1.4;
    --line-height-relaxed: 1.6;
    /* Font Weights */
    --font-weight-normal: normal;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-400: 400;
    /* Borders */
    --border-width: 1px;
    --border-width-thick: 2px;
    --border-style: solid;
    --border-width-thin: 1px;
    --border-none: 0;
    /* Dimensions & Sizes */
    --min-width-200px: 200px;
    --min-width-300px: 300px;
    --min-width-custom-table: 600px;
    --width-185px: 185px;
    --height-40px: 40px;
    --height-48px: 48px;
    --height-1px: 1px;
    --width-15px: 15px;
    --height-38px: 38px;
    --height-50vh: 50vh;
    --width-one-third: 33.33%;
    --width-85-percent: 85%;
    --width-100-percent: 100%;
    --height-90-percent: 90%;
    /* Branch Locator Dimensions */
    --width-branch-left-col: 495px;
    --width-branch-nav-tabs: 172px;
    --height-branch-nav-tabs: 40px;
    --width-branch-nav-link: 85px;
    --height-branch-input-box: 42px;
    --height-branch-input: 40px;
    --height-branch-carousel: 69vh;
    --height-branch-map-mobile: 63vh;
    --width-branch-select: 190px;
    --width-branch-select-mobile: 132px;
    --width-branch-select-small: 120px;
    --height-branch-list: 425px;
    --height-branch-map: 580px;
    --width-branch-icon: 24px;
    --height-branch-icon: 24px;
    --width-branch-direction-icon: 20px;
    --height-branch-direction-icon: 20px;
    --width-branch-infobox: 320px;
    --width-branch-checkbox: 15px;
    --height-branch-checkbox: 15px;
    --z-index-branch-infobox: 9999;
    /* Branch Locator Shadows */
    --shadow-branch-card: 0 12px 20px 0 rgba(0, 0, 0, 0.2);
    --shadow-branch-inset: inset 0 -1px 0 0 #d7dce6;
    /* Global Login Modal Tokens */
    --login-modal-width: 400px;
    --login-modal-width-desktop: 420px;
    --login-modal-width-mobile: 95vw;
    --login-modal-width-full-viewport: 100vw;
    --login-close-offset-desktop: 36px;
    --login-close-size-desktop: 34px;
    --login-close-radius-desktop: 10px;
    --login-close-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    --login-close-icon-shift-y: -1px;
    --login-tab-link-line-height: 1.2;
    --login-modal-min-height: 500px;
    --login-modal-shadow: 0 6px 36px rgba(0, 0, 0, 0.14);
    --login-label-top: -2px;
    --login-label-font-size: 13px;
    --login-label-color-focused: #48494d;
    --login-label-left-desktop: 18px;
    --login-label-left-mobile: 14px;
    --login-border-bottom: 1.5px solid var(--color-input-border);
    --login-brand-border-bottom: 1.5px solid var(--color-brand-orange);
    --login-input-padding: 10px 0 6px;
    --login-mobile-input-padding: 20px 14px 8px;
    --login-input-height: 55px;
    --login-input-height-mobile: 58px;
    --login-input-bg: #f2f2f2;
    --login-button-padding: 9px 22px;
    --login-button-min-width: 120px;
    --login-modal-body-padding: 2rem 2.2rem 1.8rem;
    --login-modal-body-padding-desktop: 0 2.2rem 2rem;
    --login-modal-body-padding-mobile-compact: 0 1rem 1.25rem;
    --login-modal-body-padding-mobile: 1.5rem 1.2rem 1.4rem;
    --login-modal-header-padding-top: 0.75rem;
    --login-modal-header-margin-bottom: 0.2rem;
    --login-modal-close-font-size: 38px;
    --login-field-margin-bottom: 0.7rem;
    --login-title-padding-top: 1.4rem;
    --login-link-line-height: 1.25;
    --login-contact-line-height: 1.2;
    --login-icon-muted: #8f949a;
    --login-icon-muted-hover: #5e646b;
    --login-option-icon-color: #2a2d33;
    --login-muted-text: #777;
    --login-dropdown-arrow-bottom: 8px;
    --login-custom-cc-padding: 0 15px;
    --login-custom-cc-button-padding: 11px 20px;
    --login-custom-cc-button-padding-nav: 9px 20px;
    --login-transition: all 0.18s ease;
    --login-transition-bg: background 0.18s;
    --login-transition-border: border-color 0.2s;
    --login-backdrop-bg: rgba(255, 255, 255, 0.85);
    --login-backdrop-blur: blur(3px);
    --login-border-radius: 6px;
    --login-padding: 2rem 2.2rem 1.8rem;
    --color-muted: #999;
    --font-size-22px: 22px;
    --font-size-11px: 11px;
    --letter-spacing-08em: 0.08em;
    --letter-spacing-04px: 0.4px;
    --margin-bottom-2px: 2px;
    --margin-10-0: 10px 0;
    --line-height-1: 1;
    --line-height-normal: normal;
    --z-index-1050: 1050;
    --min-height-100vh: 100vh;
    /* Layout Properties */
    --display-flex: flex;
    --position-relative: relative;
    --height-100: 100%;
    --z-index-5: 5;
    --display-inline-flex: inline-flex;
    --position-absolute: absolute;
    --line-height-inherit: inherit;
    --outline-none: none;
    --z-index-1: 1;
    --z-index-7: 7;
    --z-index-10: 10;
    --opacity-0: 0;
    --opacity-1: 1;
    --pointer-events-none: none;
    --transform-translate3d: translate3d(0, 22px, 0) scale(1);
    --transform-origin-left-top: left top;
    --transition-240ms: 240ms;
    --transition-all-300ms-ease: all 0.3s ease;
    /* Additional Custom Properties */
    --font-size-14-5px: 14.5px;
    --radius-0-5rem: 0.5rem;
    --opacity-0-6: 0.6;
    --opacity-0-95: 0.95;
    --opacity-0-9: 0.9;
    --padding-56-3-percent: 56.3%;
    --width-32px: 32px;
    --width-24px: 24px;
    --height-24px: 24px;
    --height-3px: 3px;
    --padding-12-30: 12px 30px;
    --z-index-1056: 1056;
    --z-index-1057: 1057;
    --z-index-skip-link: 8888;
    --font-size-0-8em: 0.8em;
    --position-fixed: fixed;
    --top-0: 0;
    --left-0: 0;
    --top-50-percent: 50%;
    --left-50-percent: 50%;
    --width-auto: auto;
    --max-width-90-percent: 90%;
    --margin-0: 0;
    --transform-translate-center: translate(-50%, -50%);
    --box-shadow-modal: 0 5px 15px rgba(0, 0, 0, 0.5);
    --bg-modal-backdrop: rgba(0, 0, 0, 0.9);
    --Grey-scale-Black: #000;
    /* Officer card tokens */
    --officer-img-size: 157px;
    --officer-card-padding-vertical: 28px;
    --officer-card-padding-horizontal: 20px;
    --officer-card-shadow: 0 2px 8px rgba(2,6,23,0.06);
    --officer-card-transition: transform .25s ease;
    /* Banking tools media heights (tokenized) */
    --banking-tools-media-height: 165px;
    /* --banking-tools-media-height-lg: 260px;
    --banking-tools-media-height-sm: 180px; */
}

body { padding-top: var(--header-padding-default); font-family: var(--font-family-base); font-style: normal; font-weight: var(--font-weight-400); line-height: normal; }
@media (min-width: 992px) {
    body.non-home-page { padding-top: var(--header-padding-nonhome); }
    body:not(.non-home-page) { padding-top: var(--header-padding-home); }
}
.p-color { background: var(--color-primary); }
.s-color { background: var(--color-secondary); }
.t-color { color: var(--color-text-primary); }
.brand-terciary-color { color: var(--Brand-Terciary, #353F47) !important; }
.n-color { color: var(--color-text-secondary); }
.red-text { color: var(--color-icon-error); }
.charcoal-grey {color: var(--color-charcoal-gray) !important; }
.white-color {color: var(--color-custom-white)}
.black-color {color: var(--color-black)}
.bg-white { background-color: var(--color-white); }
.bg-extra-light { background-color: var(--color-bg-extra-light); }
.bg-gray-light { background-color: var(--color-bg-gray-light); }
.bg-custom-white{background:var(--color-custom-white);}
.bg-dark {background:var(--color-bg-dark)}
.bg-beige {background:var(--color-bg-beige)}
.bg-beige-50 {background:var(--color-bg-card)}
.border-accent-color {color: var(--color-border-accent)}
.footer-bg-color { background-color: var(--color-bg-footer); }
.login-btn { padding: var(--spacing-sm) var(--spacing-xl); background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%); font-size: var(--font-size-sm); border-radius: var(--radius-sm); font-weight: var(--font-weight-medium); border: var(--border-width) var(--border-style) var(--color-white); }
.brand-btn { display: inline-block; text-decoration: none; color: var(--color-black); cursor: pointer; padding: var(--spacing-md) var(--spacing-xl); border-radius: var(--radius-lg); background: linear-gradient(180deg, var(--color-brand-btn-start) 0%, var(--color-brand-btn-end) 100%); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); }
button[type=submit] { border: var(--border-width) var(--border-style) var(--color-text-placeholder); }
a.brand-underline, a.brand-underline:hover, .brand-underline a, .brand-underline a:hover, .brand-underline li > a, .brand-underline li > a:hover { text-decoration: underline; text-transform: initial; color: #EEB34D; }
.brand-text { color: #EEB34D !important; }
.brand-btn-login { display: inline-block; text-decoration: none; color: var(--color-black); cursor: pointer; padding: var(--spacing-md) var(--spacing-xl); border-radius: var(--radius-lg); background: linear-gradient(180deg, var(--color-brand-btn-login-start) 0%, var(--color-brand-btn-login-end) 100%); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); display: var(--display-flex) !important; align-items: center; justify-content: center; gap: var(--spacing-8px); white-space: nowrap; }
.brand-btn:hover, .login-btn:hover, .custom-table table tbody tr td a:hover { box-shadow: 0 -1px var(--color-primary), 0 1px var(--color-primary), -1px 0 var(--color-primary), 1px 0 var(--color-primary); background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%); }
.branch-locator .branch-search .search-branches, .branch-locator .branch-search .search-branches.brand-btn, .brand-btn.search-branches { background: linear-gradient(180deg, var(--color-brand-btn-start) 0%, var(--color-brand-btn-end) 100%) !important; color: var(--color-black) !important; border: none !important; box-shadow: none !important; outline: none !important; -webkit-appearance: none !important; appearance: none !important; background-clip: padding-box !important; }
.brand-btn.search-branches:hover, .branch-locator .branch-search .search-branches:hover, .brand-btn.search-branches:focus, .branch-locator .branch-search .search-branches:focus { background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%) !important; box-shadow: 0 -1px var(--color-primary), 0 1px var(--color-primary), -1px 0 var(--color-primary), 1px 0 var(--color-primary) !important; color: var(--color-black) !important; outline: none !important; transition: background .15s ease, box-shadow .15s ease; }
.branch-locator .branch-search .brand-btn.search-branches, .branch-locator .branch-search button.brand-btn.search-branches { padding: var(--spacing-sm) var(--spacing-xl) !important; border-radius: var(--radius-sm) !important; font-size: var(--font-size-sm) !important; font-weight: var(--font-weight-medium) !important; border: var(--border-width) var(--border-style) var(--color-white) !important; background: linear-gradient(180deg, var(--color-brand-btn-start) 0%, var(--color-brand-btn-end) 100%) !important; }
.brand-btn-w { background: var(--color-white); }
/* .fdic-block .fdic-logo {width: var(--spacing-38px); height: var(--spacing-16px);} */
.btn-w { background: var(--color-white); }
.btn-w-b { background: var(--color-white); border: var(--border-width) var(--border-style) var(--color-primary); }
.t-12 { font-size: var(--font-size-xs); }
.t-13 {font-size: var(--font-size-13px);}
.t-14 { font-size: var(--font-size-sm); }
.t-16 { font-size: var(--font-size-base); }
.t-18 { font-size: var(--font-size-lg); }
.t-20 {font-size: var(--font-size-20px);}
.t-22 {font-size: var(--font-size-22px);}
.t-24 { font-size: var(--font-size-xl); }
.t-36 { font-size: var(--font-size-36px);}
.lh-22 { line-height: var(--line-height-sm); }
.lh-24 { line-height: var(--line-height-md); }
.lh-normal { line-height: var(--line-height-normal); }
.fw-500 { font-weight: var(--font-weight-medium); }
.fw-600 { font-weight: var(--font-weight-semibold); }
.fw-700 { font-weight: var(--font-weight-bold); }
.ff-inter { font-family: var(--font-family-inter); }
.ff-circular-pro { font-family: var(--font-family-base); }
h1,h2,h3 {color: var(--color-black)}
h1 { font-size: var(--font-size-3xl); line-height: var(--line-height-xl); color: var(--color-black); }
h2 { font-size: var(--font-size-2xl); margin: 0; font-weight: var(--font-weight-medium); line-height: var(--line-height-lg); }
h3 { font-size: var(--font-size-xl); margin: 0; font-weight: var(--font-weight-normal); }
h4 {font-size: var(--font-size-base); }
.lc-0 p:last-child { margin-bottom: 0; }
nav a { text-decoration: underline; font-weight: var(--font-weight-semibold); }
.bg-1 { background-color: var(--color-bg-light); }
.bg-2 { background-color: var(--color-bg-lighter) !important; }
.bg-3 { background-color: var(--color-bg-gray); }
.bg-4 { background-color: var(--color-primary); }
.bg-5 { background: var(--color-overlay); }
.divide {  border-top: var(--border-width) var(--border-style) var(--color-divider); }
.mtable-info { font-size: var(--font-size-xs); margin-bottom: var(--spacing-lg); color: var(--color-text-muted); font-weight: var(--font-weight-semibold); }
.dropdown-item:focus, .dropdown-item:hover { background-color: var(--color-bg-gray); }
.cursor-pointer { cursor: pointer; }
.section-spacing { padding: var(--spacing-section) 0; }

/* Top-only spacing utility: applies only top padding (no bottom padding) */
.custom-tables table tbody tr:first-of-type td { background:none !important;  }
.custom-tables table { border:1px solid #999; }
.custom-tables table thead tr:first-of-type th { background: linear-gradient(180deg,var(--color-primary) 0%, var(--color-white) 100%); padding:15px;}
.section-top-spacing { padding-top: var(--spacing-section); padding-bottom: 0; }
.fdic-block { background: #fafafa;width: 100%;padding: 8px 22px; }
.fdic-block .fdic-logo { width: 37.36px; height: 15.74px; fill :#003256; }
.fdic-block .fdic-text { font-family: "Source Sans Pro Web", "Source Sans 3", sans-serif;font-style: italic;font-size: 12.8px;line-height: 18px;color: #000;margin-left: 10px; }
.navbar li a { font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); color: var(--color-black); }
.navbar .dropdown-menu li a { font-weight: var(--font-weight-400); }
.navbar .menus-right li a { font-weight: var(--font-weight-400); }
.navbar .dropdown-menu { min-width: 250px; padding: 0; overflow: hidden; border-radius: var(--radius-lg); }
.navbar .dropdown-menu li { border-radius: var(--radius-md); }
.navbar .dropdown-menu li a { padding: var(--spacing-lg); border-radius: 0; }
.navbar .dropdown-menu .dropdown-item { position: relative; z-index: 1; }
.navbar .dropdown-toggle.show::after { content: "\f106"; }
.navbar .dropdown-toggle::after { border: 0; content: "\f107"; font-family: "Font Awesome 6 Free"; display: inline-flex;  margin-left: 5px; vertical-align: middle; }
.navbar-nav .dropdown-menu { margin-top: 0 !important; padding-top: 0 !important; }

.navbar .dropdown-menu .dropdown-item:active, .navbar .dropdown-menu .dropdown-item:focus, .navbar .dropdown-menu .dropdown-item.active { color: inherit !important; }
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:focus-visible, .navbar-nav .dropdown-toggle:focus, .navbar-nav .dropdown-toggle:focus-visible { outline: none !important; box-shadow: none !important; }
.short-info { border-radius: var(--radius-sm); background: var(--color-bg-orange-light); padding: var(--spacing-sm); font-size: var(--font-size-sm); text-align: center; }
.quick-banner { display: flex; align-items: center; background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%); padding: var(--spacing-2xl) 0;}
.quick-banner .icon img { position: relative; bottom: 2px; }
.banner-form { position: absolute; top: 50px; right: var(--spacing-4xl); z-index: 3; width: auto; border-radius: var(--radius-md); box-shadow: 0px var(--spacing-xl) 52px 0px var(--color-shadow-light), 0px 3px 6px 0px var(--color-shadow-medium);}
.banner-form .tab .nav-tabs li a { font-size: var(--font-size-sm); color: var(--color-white); padding: var(--spacing-sm) var(--spacing-md); border-right: var(--border-width) var(--border-style) var(--color-white); background: var(--color-bg-tab-inactive); color: var(--color-text-tab-inactive); font-weight: var(--font-weight-medium);  border-radius: 0; }
.banner-form .tab .nav-tabs li a.active, .tab .nav-tabs li a:hover { background: var(--color-white); color: var(--color-black); font-weight: var(--font-weight-medium); }
.banner-form .tab .nav-tabs li:first-child a { border-top-left-radius: var(--radius-md); }
.banner-form .tab .nav-tabs li:last-child a { border-right: 0; border-top-right-radius: var(--radius-md); }   
.banner-form .tab .tab-content { background: var(--color-white); padding: var(--spacing-3xl); }
.b-cards { overflow: hidden; text-decoration: none; color: var(--color-black); align-items: center; position: relative; padding: var(--spacing-md) 0 var(--spacing-2xl); border-radius: var(--radius-xl); border: var(--border-width) var(--border-style) var(--color-border-card); background: var(--color-bg-card); }     
.b-cards .img { height: 116px; }
.b-cards:hover { background: var(--color-bg-card-hover); }    
.b-cards:hover .img { -webkit-transform: rotate(-10deg) scale(1.2); transform: rotate(-10deg) scale(1.2); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.content-card { box-shadow: 0px 0px 15px 4px var(--color-shadow-heavy); border-radius: var(--radius-xl); background: var(--color-white); }
.card-tag { display: inline-block; padding: var(--spacing-xs) var(--spacing-lg); border-radius: var(--radius-pill); background: var(--color-bg-dark); backdrop-filter: blur(6px); color: var(--color-white); }
.content-end, .content-end figure { position: relative; }
.content-end .float-content { min-height: var(--spacing-6xl); position: absolute; bottom: var(--spacing-40); left: var(--spacing-40); width: calc(100% - 80px); height: auto; }
.content-end:hover .zoom-in { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
.content-end.zoom-in { -webkit-transform: scale3d(1); transform: scale3d(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.circle-icon { background: var(--color-bg-beige); border-radius: var(--radius-circle); width: 25px; height: 25px; display: inline-flex; justify-content: center; align-items: center; }
.circle-icon i { color: var(--color-text-brown); font-size: var(--font-size-sm); }  
.hero-banner-m { display: none; }
.banner .carousel-inner { min-height: var(--spacing-7xl); }

.banner .banner-inner { min-height: var(--spacing-7xl); position: relative; width: 100%; overflow: hidden; }

@media (min-width: 768px) and (max-width: 990px) {
    .banner .banner-inner { display: flex; align-items: center; }
}

@media (max-width: 767.98px) {
    footer .divide { border-top: none; }
}

@media (min-width: 991px) {
    .banner .banner-inner { display: flex; align-items: center; }
}
@media (max-width: 991px) {
    .banner .banner-inner { padding-top: var(--spacing-15px); height: auto; min-height: auto; }
}
.banner .hyper-link a { font-weight: var(--font-weight-medium); line-height: var(--line-height-button); width: 45%; margin: var(--spacing-sm); display: inline-block; text-decoration: none; color: var(--color-black); padding: var(--spacing-md) var(--spacing-xl); border-radius: var(--radius-lg); background: linear-gradient(180deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%); font-size: var(--font-size-sm); }
.carousel-inner .apps .t-heading, .carousel-inner .apps .b-heading { display: none; }
.banner-inner .apps .t-heading, .banner-inner .apps .b-heading { display: none; }
.apps.h-hide.b-heading { display: none; }
.carousel-indicators [data-bs-target].arrows { background: transparent; text-indent: inherit; height: auto; width: auto; opacity: 1; }
.carousel-indicators button[data-bs-target] { width: 8px; height: 8px; border-radius: var(--radius-circle); border: var(--border-width-thin) var(--border-style) var(--color-text-gray); margin: var(--spacing-xs) 5px; }
.carousel-indicators { margin: var(--spacing-sm) 0; justify-content: flex-start; position: relative; display: flex; align-items: center; }
.carousel-indicators button.active { margin: var(--spacing-xs) 5px; background: var(--color-secondary); border: var(--border-width-thin) var(--border-style) var(--color-secondary); width: 8px; height: 10px; border-top: 0; border-bottom: 0; }
.carousel-indicators button::marker { font-size: 0; }
.hero-banner { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: center right; background-repeat: no-repeat; }
.overlay { top: 0; width: 60%; height: 100%; z-index: 2; position: absolute; opacity: 0.85; background: linear-gradient(90deg, var(--color-white) 59.7%, rgba(255, 255, 255, 0.00) 100%); }
/* .home-page .overlay { background: transparent; opacity: 0; } */
/* .home-page .banner { background: radial-gradient(circle at bottom right, rgba(204, 189, 161, 0.55) 0%, rgba(204, 189, 161, 0.18) 35%, rgba(204, 189, 161, 0) 72%); } */
@media (max-width: 767.98px) {
    .home-page .banner { background: transparent; }
    .personal-mortgage .officer-card {padding:var(--spacing-8px) !important}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
    .home-page .overlay { opacity: 0.9; width: 65%; background: linear-gradient(90deg, var(--color-white) 55%, rgba(255, 255, 255, 0.00) 100%); }
}
footer .banner { background: var(--color-bg-footer); color: var(--color-black); }
footer .banner p { font-size: var(--font-size-footer); }
footer .banner a { color: var(--color-black); font-size: var(--font-size-16px); display: inline-block; margin: var(--spacing-xs) 0;}
footer .banner .branch-atm-locator strong { font-size: var(--font-size-lg); }
footer .footer-menus { background: var(--color-secondary); padding: var(--spacing-40px) 0;}
footer .footer-menus .logo {width: 236px; }
footer .footer-menus a { display: block; color: var(--color-text-dark-brown); margin: var(--spacing-16px) 0;}
footer .footer-menus .accordion-button { font-size: var(--font-size-base); }
footer .footer-menus .accordion-button.t-18 { font-size: var(--font-size-lg); line-height: normal}
footer .footer-menus .accordion-item, footer .footer-menus .accordion-button { background: var(--color-transparent); border: var(--border-none); }
.modal-backdrop.fade.show { background-color: var(--color-black); opacity: 0.9; }
.modal-content:has(.banner-form) { background: var(--color-transparent); }
.modal-content .banner-form { position: relative; top: 0 !important; right: 0; }
.title-height h1 { margin-bottom: var(--spacing-20px); }
.title-height h1 p { margin-bottom: 0; }
.custom-tab { justify-content: center; margin: var(--spacing-xl) 0; }
.custom-tab .nav-item { width: auto; flex: initial; background: var(--color-bg-gray); font-size: var(--font-size-md); display: flex; align-items: center; }
.custom-tab .nav-item:first-child { border-top-left-radius: var(--radius-200); border-bottom-left-radius: var(--radius-200); }
.custom-tab .nav-item:last-child { border-top-right-radius: var(--radius-200); border-bottom-right-radius: var(--radius-200); }
.custom-tab .nav-item a { color: var(--color-text-primary); padding: var(--spacing-md) var(--spacing-3xl); width: auto; }
.custom-tab .nav-item .active { width: auto; background: var(--color-white); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-black); margin: var(--spacing-xxs); border-radius: var(--radius-200); }
.custom-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.custom-table table { width: 100%; border-collapse: separate; border-spacing: 15px 0; color: var(--color-text-secondary); }
.custom-table table tbody tr td:first-child { text-align: left; color:var(--color-mortgage-medium-gray); font-size: var(--font-size-base); padding: var(--spacing-8px)}
/*.custom-table table tr:last-child td:not(:first-child)::after {content: " >";}*/
.custom-table table tbody tr td { font-weight: var(--font-weight-medium); color:var(--color-black); padding: var(--spacing-8px); text-align: center; border-bottom: var(--border-width-thin) var(--border-style) var(--color-border-light); }
.custom-table table tbody tr td ul { display: inline-block; text-align: left; }
.custom-table table tbody tr:last-child td a { border-radius: 0;color: var(--color-bg-dark); background: var(--color-white); border: var(--border-none) !important; padding: 0; text-decoration: underline; }
.custom-table.non-tabs table tbody tr td a ,.custom-table.non-tabs.r-btn table tbody tr td:nth-child(2) a { background: var(--color-white); border: var(--border-width-thin) var(--border-style) var(--color-primary); }
.custom-table table tbody tr td a,.custom-table.non-tabs.r-btn table tbody tr td:nth-child(2) a {font-weight: var(--font-weight-medium); border: var(--border-width-thin) var(--border-style) var(--color-white); margin: var(--spacing-lg) 0; text-decoration: none; display: inline-block; color: var(--color-black); padding: var(--spacing-md) var(--spacing-xl); border-radius: var(--radius-lg); background: linear-gradient(180deg, var(--color-gradient-end) 0%, var(--color-gradient-end) 100%); font-size: var(--font-size-sm); }
.custom-table table tbody tr td:not(:first-child) { border-right: var(--border-width-thin) var(--border-style) var(--color-border-light-gray); border-left: var(--border-width-thin) var(--border-style) var(--color-border-light-gray); }
/* .custom-table table tbody tr td:not(:first-child):nth-child(2) { border-left-color: var(--color-border-accent); border-right-color: var(--color-border-accent); } */
.custom-table table tbody tr:first-child td:nth-child(2) { border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); padding: var(--spacing-24px) var(--spacing-8px) }
.custom-table table tbody tr:last-child td:nth-child(2) { border-bottom: var(--border-width) var(--border-style) var(--color-border-light-gray) }
.custom-table table tbody tr:last-child td:not(:first-child) { border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); }
.custom-table table tbody tr:first-child td:nth-child(3) { border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-radius: var(--radius-xl) var(--radius-xl) var(--border-none) var(--border-none); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); padding: var(--spacing-24px) var(--spacing-8px)}
.custom-table table tbody tr:last-child td:nth-child(3) { border-bottom: var(--border-width) var(--border-style) var(--color-border-light-gray); }
.custom-table table tbody tr:first-child td:nth-child(4) { border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-radius: var(--radius-xl) var(--radius-xl) var(--border-none) var(--border-none); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); padding: var(--spacing-24px) var(--spacing-8px)}
.custom-table table tbody tr:last-child td:nth-child(4) { border-bottom: var(--border-width) var(--border-style) var(--color-border-light-gray); }
.custom-table.non-tabs table tr td strong { color: var(--color-black); }
.custom-table.non-tabs table tbody tr:first-child td:not(:first-child) { background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-radius: var(--radius-xl) var(--radius-xl) var(--border-none) var(--border-none); }
.custom-table.non-tabs table tbody tr:first-child td:nth-child(2) { border-top-color: var(--color-border-light-gray); }
.custom-table.non-tabs table tbody tr:last-child td:nth-child(2) { border-bottom-color: var(--color-border-light-gray); }
.custom-table.non-tabs table tbody tr td:not(:first-child):nth-child(2) { border-left-color: var(--color-border-light-gray); border-right-color: var(--color-border-light-gray); }
.custom-table table tbody tr:first-child td:not(:first-child) span[style*="font-size: 13px"] { color: var(--color-text-secondary); }

.business-credit-card .custom-table table tbody tr:first-child td:not(:first-child) { border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-radius: var(--radius-xl) var(--radius-xl) var(--border-none) var(--border-none); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); padding: var(--spacing-24px) var(--spacing-8px); position: relative; vertical-align: top; }
.business-credit-card .custom-table table tbody tr:last-child td:not(:first-child) { border-bottom: var(--border-width) var(--border-style) var(--color-border-light-gray); }
.business-credit-card .custom-table table tbody tr:first-child td:not(:first-child) > .d-block.w-100:last-child { position: absolute; bottom: 0; left: 0; right: 0; }


.IRAs-Home-Page .custom-table table tbody tr th:first-child { text-align: left; color: var(--color-mortgage-medium-gray); font-size: var(--font-size-base); padding: var(--spacing-16px);border-bottom: var(--border-width-thin) var(--border-style) var(--color-border-light);}
.IRAs-Home-Page .custom-table table thead tr th { text-align: center; }
.IRAs-Home-Page .custom-table table thead tr th:not(:first-child) { border-right: var(--border-width-thin) var(--border-style) var(--color-border-light-gray); border-left: var(--border-width-thin) var(--border-style) var(--color-border-light-gray); }
.IRAs-Home-Page .custom-table table thead tr th:nth-child(2) { border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); padding: var(--spacing-24px) var(--spacing-8px); }
.IRAs-Home-Page .custom-table table thead tr th:nth-child(3) { border-top: var(--border-width) var(--border-style) var(--color-border-light-gray); border-radius: var(--radius-xl) var(--radius-xl) var(--border-none) var(--border-none); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); padding: var(--spacing-24px) var(--spacing-8px); }
.IRAs-Home-Page .custom-table table thead tr th:not(:first-child) span[style*="font-size: 13px"] { color: var(--color-text-secondary); }
.IRAs-Home-Page .custom-table table thead tr th a { font-weight: var(--font-weight-medium); border: var(--border-width-thin) var(--border-style) var(--color-white); margin: var(--spacing-lg) 0; text-decoration: none; display: inline-block; color: var(--color-black); padding: var(--spacing-md) var(--spacing-xl); border-radius: var(--radius-lg); background: linear-gradient(180deg, var(--color-gradient-end) 0%, var(--color-gradient-end) 100%); font-size: var(--font-size-sm); }

.IRAs-Home-Page .custom-table table tbody tr:first-child td:nth-child(2), .IRAs-Home-Page .custom-table table tbody tr:first-child td:nth-child(3) { border-top: var(--border-width-thin) var(--border-style) var(--color-border-light); border-radius: 0; background: none; padding: var(--spacing-16px); }
/*.account-card img { width: var(--spacing-32px) ; height: var(--spacing-32px); object-fit:cover;}*/
.account-card { list-style: none; padding: var(--spacing-2xl); background-color: var(--color-bg-light); margin-bottom: var(--spacing-sm); border: var(--border-width) var(--border-style) var(--color-bg-lighter); border-radius: var(--radius-xl); display: flex; flex-direction: column; gap: var(--spacing-24px)}
.business-debit-cards .account-card { list-style: none; padding: var(--spacing-2xl); background-color: var(--color-white); margin-bottom: var(--spacing-sm); border: var(--border-width) var(--border-style) var(--color-bg-lighter); border-radius: var(--radius-xl); display: flex; flex-direction: column; gap: var(--spacing-24px)}
.business-debit-cards h3 p { margin-bottom: 0; }
.service-card { display: flex; align-items: center; padding: var(--spacing-3xl) var(--spacing-2xl); border: var(--border-width) var(--border-style) var(--color-border-card); border-radius: var(--radius-xl); background: var(--color-white); }
.service-card p { margin-bottom: var(--border-none); }
.faq-cards { border-radius:var(--radius-xl); border:0; margin-bottom: var(--spacing-sm); box-shadow: 0px 1px 2px 0px var(--color-shadow-lightest); }
.faq-cards .header { display: flex; align-items: flex-start; gap: var(--spacing-10px); width: 100%; border-radius: var(--radius-xl); text-align: left; font-size: var(--font-size-sm); line-height: 18px; transition: border-bottom-left-radius 0.35s ease, border-bottom-right-radius 0.35s ease; }
.faq-cards .header.active, .faq-cards .header[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.faq-cards .header.active .fa-angle-down:before, .faq-cards .header[aria-expanded="true"] .fa-angle-down:before { content: "\f106"; }
.faq-cards .header .fa-angle-down { margin-top: 1px; flex-shrink: 0; }
.faq-cards .header .faq-question-text { flex: 1; }
.faq-cards .collapse.show { border:1px solid var(--color-text-gray); border-top:0; }
.faq-cards .collapse, .faq-cards .collapsing { font-size: var(--font-size-base); line-height: var(--line-height-sm); border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); background-color: var(--color-white); }
.faq-cards button.header.collapsed { border-bottom:1px solid var(--color-text-gray); }
.faq-cards button.header {  border:1px solid var(--color-text-gray);border-bottom:0; padding: var(--spacing-16px) var(--spacing-2xl);  background-color: var(--color-white); }
.faq-cards .faq-answer-content { padding: 0 var(--spacing-2xl) var(--spacing-16px) calc(var(--spacing-2xl) + 22px); }
.faq-cards .faq-answer-content > :last-child { margin-bottom: 0; }
.yes-circle, .no-circle { display: inline-flex; width: var(--size-32px); height: var(--size-32px); align-items: center; justify-content: center; background-color: var(--color-success); border-radius: var(--radius-circle); position: relative; }
.PersonalSavings .yes-circle, .PersonalSavings .no-circle { width:var(--size-32px); height: var(--size-32px); background: var(--color-success);}
.PersonalSavings .image-container .overlay-content { display: flex; align-items: center; background: var(--color-white); box-shadow: 0 10px 30px var(--color-black); padding: var(--spacing-20px); border-radius: var(--radius-12px); gap: var(--spacing-16px); }
/* .PersonalSavings .image-container > .overlay-cta-wrap { margin-top: var(--spacing-16px) !important; margin-bottom: var(--spacing-20px) !important; } */
.PersonalSavings .image-container { background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; height: var(--height-90-percent); overflow: hidden; display: flex; flex-direction: column; padding: var(--spacing-30px) var(--spacing-44px); border-radius: var(--radius-15px); min-height: var(--min-height-398px); }
.BusinessSavings .image-container { height: var(--height-90-percent); min-height: var(--min-height-398px); }
.yes-circle .fa-check { color: var(--color-white); }
.PersonalSavings .yes-circle .fa-check {color: var(--color-white); padding:var(--spacing-8px)}
.PersonalSavings .overlay-text-info p:first-of-type {margin-bottom: 0;}
.PersonalSavings .overlay-text-info ul {color:var(--color-black)}
.no-circle { background-color: var(--color-bg-lighter); }
.no-circle .fa-xmark { color: var(--color-icon-error); }
.IRAs-Home-Page .yes-circle { border-radius: 200px; background: var(--Alert-colors-Positive-down, #E9F9EE); }
.IRAs-Home-Page .yes-circle .fa-check { color: #009782; }
.IRAs-Home-Page .no-circle { background: var(--Grey-scale-Grey-50, #FAFAFA); }
.IRAs-Home-Page .no-circle .fa-xmark { color: #E6414B; }
.most-popular { font-size: var(--font-size-xs); padding: var(--spacing-6px) var(--spacing-md); color: var(--color-border-accent); border: var(--border-width) var(--border-style) var(--color-border-accent); border-radius: var(--radius-200); display: inline-block; margin-bottom: var(--spacing-5px); position: relative; bottom: var(--spacing-3px); }
.club-member { background-color: var(--color-bg-club-member); border-radius: var(--radius-16px); align-items: stretch; margin: var(--border-none); }
.club-member h3 > a { color: var(--color-white); }
.club-member .content > h2 p { margin-bottom: 8px; }
.club-member .content > h2 {line-height: normal;}
.club-member .img-clip img { position: absolute; top: 0; left: 0; border-top-left-radius: var(--radius-16px); border-bottom-left-radius: var(--radius-16px); height: 100%; width: 100%; object-fit: cover; }
.club-member .content { padding: var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl) 0; height: 100%; align-items: center; }    
.club-member .club-cards { display: flex; align-items: center; gap: var(--spacing-10px); height: 100%; padding: var(--spacing-xs); background-color: var(--color-overlay); border-radius: var(--radius-xl); color: var(--color-white); font-size: var(--font-size-xs); }
.club-member .club-card-icon { width: var(--spacing-32px); height: var(--spacing-32px); flex-shrink: 0; padding:var(--spacing-8px); display: flex; align-items: center; justify-content: center; background: var(--color-primary); border-radius: 50%;}
.club-member .club-card-icon img { position: static; width: var(--spacing-16px); height: var(--spacing-16px); min-height: 0; object-fit: contain; align-self: center; }
.club-member .club-card-text { display: flex; align-items: center; min-height: var(--spacing-40px); flex: 1 1 auto; min-width: 0; }
.club-member .club-card-text p { margin-bottom: 0; }
.club-member .img-clip { position: relative; width: 100%; height: 100%; overflow: hidden; clip-path: url(#banner-curve); -webkit-clip-path: url(#banner-curve); flex-shrink: 0; align-self: stretch; display: flex; }
.club-member .content > .accounts-additional-title p { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.tabular-container table { width: 100% !important; table-layout: fixed; margin: var(--border-none); flex: 1; border: var(--border-width) var(--border-style) var(--color-border-table); border-collapse: separate; border-spacing: var(--border-none); border-radius: var(--radius-20px); overflow: hidden; margin-top: var(--spacing-xxs);}
.tabular-container table tbody tr:first-of-type { color: var(--color-text-table-header); font-weight: var(--font-weight-semibold); border-radius: var(--radius-20px); }
.tabular-container table tbody tr:first-of-type td { padding: var(--spacing-lg); background: linear-gradient(to bottom, var(--color-bg-light), var(--color-white)); color: var(--color-text-secondary); }
.PersonalSavings .tabular-container table tbody tr:first-of-type td { padding: var(--spacing-16px); background: none; color: var(--color-black); }
.PersonalSavings .tabular-container table thead tr th { padding: var(--spacing-16px); background: linear-gradient(to bottom, var(--color-bg-light), var(--color-white)); color: var(--color-text-secondary); }
.BusinessSavings .tabular-container table thead tr { color: var(--color-text-table-header); font-weight: var(--font-weight-semibold); border-radius: var(--radius-20px); }
.BusinessSavings .tabular-container table thead tr th { padding: var(--spacing-16px); background: linear-gradient(to bottom, var(--color-bg-light), var(--color-white)); color: var(--color-text-secondary); }
/* undo the generic first-tbody-row header styling now that the header row lives in thead */
.BusinessSavings .tabular-container table tbody tr:first-of-type { color: inherit; font-weight: normal; border-radius: 0; }
.BusinessSavings .tabular-container table tbody tr:first-of-type td { padding: var(--spacing-16px); background: none; color: var(--color-black); }
.tabular-container table tbody td { color: var(--color-text-table-header); font-weight: var(--font-weight-semibold); padding: var(--spacing-16px);width: auto !important; color: var(--color-black); border-bottom: var(--border-width) var(--border-style) var(--color-bg-light);}
.tabular-container table tbody tr { width: 100%; }
.tabular-container { display: flex; flex-direction: column; gap: var(--spacing-12px); padding: 0 var(--spacing-20px); background: var(--color-white); overflow: hidden; flex: 1; }
.PersonalSavings .tabular-container:first-child { margin-bottom: var(--spacing-40px); }
.personal-interest-rate .col-lg-6:nth-child(2) .tabular-container:first-child { margin-bottom: var(--spacing-16px) !important; }
.certificate-heading p{ margin-bottom: var(--spacing-8px); color:var(--color-charcoal-gray); line-height: normal;}
.certificate-heading p strong { color: var(--color-black)}
h2.text-center.certificate-heading p:nth-of-type(2) { font-size: var(--font-size-rem-1-2); }
.Comparsion-Section h2 {font-size: var(--font-size-47px); line-height: var(--line-height-normal); margin-bottom: var(--spacing-16px);}
.Comparsion-Section h1 {font-size: var(--font-size-47px); line-height: var(--line-height-normal); margin-bottom: var(--spacing-16px);}
.Comparsion-Section h2 p { color: var(--color-black) !important; }
.Comparsion-Section .comparison-title-content p {margin-bottom: var(--spacing-40px);}
.Comparsion-Section .comparison-title-content p span { font-size: var(--font-size-26px) !important; color: var(--color-charcoal-gray) !important; }
/* .table-headings { margin-top: var(--spacing-1-5rem); } */
.table-headings p {font-size: var(--font-size-20px);margin-bottom: 0px !important}
.online-card { border-radius: var(--radius-xl); background: var(--color-white); box-shadow: 0 2px 6px 0 var(--color-shadow-light); }
.online-card img { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); }
.mobile-banner .head{ position: relative; height: var(--height-50vh);}  
.mobile-banner .image{ width: 100%;height: 100%; object-fit: cover; object-position: 87% center; }
.mobile-banner .overlay-m{ position: absolute; top: 0;left:0; width: 100%; height: 20%; opacity: 0.95; background:linear-gradient(180deg, var(--color-white) 36.85%, var(--color-bg-overlay-mobile) 78.76%); pointer-events:none; }
.secure-card { background-color: var(--color-bg-light); border-radius: var(--radius-12px); padding: var(--spacing-2xl); text-align: left; width: 100%; }
.secure-card a { color: var(--color-border-accent); }
.secure-card img { width: var(--size-32px); height: var(--size-32px);}
.business-banking-page .secure-card { display: var(--display-flex); padding: var(--spacing-24px); flex-direction: column; align-items: flex-start; gap: var(--spacing-24px); flex: 1 0 0; }
.businessLendingSba .secure-card { display: var(--display-flex); padding: var(--spacing-24px); flex-direction: column; align-items: flex-start; gap: var(--spacing-24px); flex: 1 0 0; }
.feature-content ol { padding-left: var(--spacing-18px); }
.feature-content a { color: var(--color-black); }
/* .home-page .cards { background-color: var(--color-white); box-shadow: 2px 4px rgba(0, 0, 0, 0.1); list-style: none; border-radius: 10px; box-shadow: 0 2px 4px 6px rgba(0, 0, 0, 0.1); padding: var(--spacing-20px); }
.home-page .badge { background-color: var(--color-bg-dark); color: var(--color-white); padding: var(--spacing-10px) var(--spacing-15px); border-radius: var(--spacing-15px); display: inline-block; width: fit-content; margin: 0.8rem 0; }
.home-page .savings-section { display: var(--display-flex); flex-direction: column; align-items: center; justify-content: center; }
.home-page .cards-content { display: var(--display-flex); flex-wrap: wrap; }
.home-page .cards-content > li { display: var(--display-flex); }
.home-page .hyperlink { color: var(--color-text-primary); }
.home-page .feature-card { border-radius: var(--radius-xl); border: var(--border-width) var(--border-style) var(--color-border-feature-card); background-color: var(--color-bg-feature-card); padding: var(--spacing-15px) var(--spacing-20px); gap: var(--spacing-20px); margin-bottom: var(--spacing-8px); width: var(--width-100-percent); }
.home-page .feature-card p { margin-bottom: 0; }
.home-page .image-container {max-width: 320px; flex-shrink: 0;} */
.home-page .banking-title { font-size: var(--font-size-20px); }
.digital-banking .banking-tools { background: var(--color-bg-banking-tools); border-radius: var(--radius-12px); box-shadow: 0 4px 12px var(--color-shadow-medium); display: flex; flex-direction: column; height: 100%; }
.digital-banking .banking-tools img { border-top-left-radius: var(--radius-12px); border-top-right-radius: var(--radius-12px); }
.digital-banking .banking-tools-card h3 { background-color: var(--color-bg-banking-tools-card); color: var(--color-text-banking-tools-card); padding: var(--spacing-xs) var(--spacing-lg); border-radius: var(--radius-20px); text-align: center; width: fit-content; text-transform: uppercase; }
.digital-banking .feature-card { border-radius: var(--radius-xl); border: var(--border-width) var(--border-style) var(--color-border-feature-card); background-color: var(--color-bg-feature-card); padding: var(--spacing-lg) var(--spacing-xl); gap: var(--spacing-xl); margin-bottom: var(--spacing-xs); width: 100%; }
.digital-banking .feature-card p { margin-bottom: var(--border-none); }
.digital-banking .banking-tools-media { width: 100%; height: var(--banking-tools-media-height); overflow: hidden; flex: 0 0 auto; }
.digital-banking .banking-tools-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.digital-banking .banking-tools-card { flex: 1 1 auto; display: flex; flex-direction: column; }
/* @media (min-width: 992px) { .digital-banking .banking-tools-media { height: var(--banking-tools-media-height-lg); } }
@media (max-width: 576px) { .digital-banking .banking-tools-media { height: var(--banking-tools-media-height-sm); } } */
.digital-banking .hyperlink { color: var(--color-text-primary); font-size: var(--font-size-sm); }
.personal-digital-banking-wallet .hyperlink { color: var(--color-text-primary); }
.personal-checking .feature-card, .business-checking .feature-card  { background-color: var(--color-bg-feature-card); padding: var(--spacing-2xl); gap: var(--spacing-2xl); margin-bottom: var(--spacing-xs); width: 100%; border-radius: var(--spacing-xs);}
.business-checking .feature-intro-block h2 p { line-height: normal; }
.business-checking .feature-intro-block { align-content: space-between; }
.business-checking .feature-intro-image { margin-top: auto; }

/* .business-checking .feature-card { background-color: var(--color-bg-feature-card); padding: var(--spacing-lg) var(--spacing-xl); gap: var(--spacing-xl); margin-bottom: var(--spacing-xs); width: 100%; } */
.mobile-check-deposit .feature-card { background-color: var(--color-bg-feature-card); padding: var(--spacing-lg) var(--spacing-xl); gap: var(--spacing-xl); margin-bottom: var(--spacing-xs); width: 100%; }
.mobile-check-deposit .feature-card p { margin-bottom: var(--border-none); }
.mobile-check-deposit .feature-content p, .mobile-check-deposit .feature-content ul { margin-bottom: var(--border-none); }
.mobile-check-deposit .feature-content ul { padding-left: var(--spacing-18px); } 
.debit-card .feature-card { background-color: var(--color-bg-feature-card); border: var(--border-width) var(--border-style) var(--color-border-feature-card); border-radius: var(--radius-xl); padding: var(--spacing-lg) var(--spacing-xl); gap: var(--spacing-xl); margin-bottom: var(--spacing-xl); width: 100%; }
.debit-card .enroll-btn a { text-decoration: none; background: var(--color-white); color: var(--color-black); padding: var(--spacing-xs); border-radius: var(--radius-md); font-size: var(--font-size-0-7rem); }
.bill-pay .enroll-btn a { text-decoration: none; background: var(--color-white); color: var(--color-black); padding: var(--spacing-xs); border-radius: var(--radius-md); font-size: var(--font-size-0-7rem); }
.bill-pay .feature-card { background-color: var(--color-bg-feature-card); padding: var(--spacing-24px); gap: var(--spacing-24px); margin-bottom: var(--spacing-xs); width: 100%; }
.bill-pay .feature-card p { margin-bottom: 0; }
a.skip { position: var(--position-absolute);top: calc(-1 * var(--spacing-25px));left: var(--spacing-xl); text-align: left;overflow: hidden;outline-color: var(--color-transparent);text-decoration: none;padding: var(--spacing-0);font-size: var(--font-size-0-8em);color: var(--color-label);font-weight: var(--font-weight-bold);background-color: var(--color-white); }
a.skip:focus, a.skip:hover { outline-color: var(--color-gray-333); position: var(--position-absolute);left: var(--spacing-40px);top: var(--spacing-5px);text-align: left;overflow: hidden; z-index: var(--z-index-skip-link);display: block;padding: var(--spacing-0);font-size: var(--font-size-0-8em);background-color: var(--color-transparent); }
.search-result .has-search input { font-size: var(--font-size-16px); color: var(--color-label); font-family: var(--font-family-base); }

.search-result article h2 { line-height: var(--line-height-1-4); }
button:focus { box-shadow:none !important; }
/* .has-search input:focus { background-color:#f0f0f0; border-color:#000; box-shadow:none; } */
.search-result .paginations { margin-bottom: var(--spacing-20px); }
.search-result .paginations a, .search-result .paginations strong { color: var(--color-label); font-family: var(--font-family-base); border: 1px solid var(--color-gray-medium); padding: var(--spacing-5px) var(--spacing-8px); border-radius: var(--radius-3px); margin: 0 var(--spacing-5px); font-size: var(--font-size-13px); text-transform: uppercase; text-decoration: none; }
.search-result .paginations strong, .search-result .paginations a:hover { background: var(--color-brand-orange); color: var(--color-white); font-family: var(--font-family-base); font-weight: var(--font-weight-semibold); border-color: var(--color-brand-orange); box-shadow: 0 .5rem 1rem var(--color-shadow-medium); }
@media (max-width: 767.98px) {
    
    .search-result .paginations { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 8px; }
    .search-result .paginations a, .search-result .paginations strong { flex: 0 0 auto; }
}
.my-location { float: right; position: absolute; right: 5px; bottom: 13px; }
#mainSearch { width: 100%; }
.search-form { width: 100%; }
.bill-pay .feature-content ol, .bill-pay .feature-content ul { padding-left: var(--spacing-18px); }
.Notifi-Alerts .feature-card { background-color: var(--color-bg-feature-card); padding: var(--spacing-24px); gap: var(--spacing-24px); margin-bottom: var(--spacing-xs); width: 100%; }
.Notifi-Alerts .feature-card p { margin-bottom: 0; }

.open-account .shadow-card { box-shadow: 0 2px 6px 0 var(--color-shadow-light); }
.open-account .services-card { border-radius: var(--radius-12px); padding: var(--spacing-3xl); text-align: left; }
.open-account .section-title-normal-lh { line-height: normal; }

.personal-digital-banking-wallet .feature-card { border-radius: var(--radius-xl); border: var(--border-width) var(--border-style) var(--color-border-feature-card); background-color: var(--color-bg-feature-card); padding: var(--spacing-lg) var(--spacing-xl); gap: var(--spacing-xl); margin-bottom: var(--spacing-xs); width: 100%; }
.personal-digital-banking-wallet .feature-card p { margin-bottom: 0; }
.personal-digital-banking-wallet .enroll-btn a { text-decoration: none; background: var(--color-white); color: var(--color-black); padding: var(--spacing-xs); border-radius: var(--radius-md); }
.personal-digital-banking-wallet-note p { color: var(--color-text-secondary); }
.personal-digital-banking-wallet-note { background: var(--color-bg-lighter); }
.personal-digital-banking-wallet .brand-link-spacing { margin-top: var(--spacing-8px); margin-bottom: var(--spacing-10px); }
.hope-scholarship .applications { border-radius: var(--radius-xl); }
.business-banking-page .cards { background-color: var(--color-white); box-shadow: 2px 4px rgba(0, 0, 0, 0.1); list-style: none; border-radius: 10px; box-shadow: 0 2px 4px 6px rgba(0, 0, 0, 0.1); padding: var(--spacing-24px); display: flex; flex-direction: column; }
.business-banking-page .badge { background-color: var(--color-bg-dark); color: var(--color-white); padding: var(--spacing-10px) var(--spacing-15px); border-radius: var(--spacing-15px); display: inline-block; width: fit-content; margin-bottom: 0;}
.business-banking-page .additional-features-title { background: var(--color-white); width: fit-content; padding: var(--spacing-16px) var(--spacing-32px); }
.business-banking-page .savings-section { display: var(--display-flex); flex-direction: column; align-items: center; justify-content: center; }
.business-banking-page .cards-content { display: var(--display-flex); flex-wrap: wrap; }
.business-banking-page .cards-content > li { display: var(--display-flex); }
.business-banking-page .hyperlink { color: var(--color-text-primary); }
.business-banking-page .feature-card { border-radius: var(--radius-xl); border: var(--border-width) var(--border-style) var(--color-border-feature-card); background-color: var(--color-white); padding: var(--spacing-24px); gap: var(--spacing-24px); margin-bottom: var(--spacing-8px); width: var(--width-100-percent); }
.business-banking-page .feature-card p { margin-bottom: 0; }
.business-banking-page .image-container {max-width: 320px; flex-shrink: 0;}
.business-banking-page .business-hero-title { font-size: var(--font-size-32px); }
.business-gtms-page .want-more{color:var(--color-text-primary);}
.business-gtms-page .grey-subheading{ color:var(--color-gray-medium);}
.personal-debit-cards .accounts-feature-text a { color: var(--color-black); }
.personal-debit-cards .accounts-feature-heading { line-height: normal; }
.personal-debit-cards .additional-feature-heading { line-height: normal; }
.personal-checking .visa-card, .personal-checking .all-accounts { line-height: normal; }
.personal-checking .account-card .account-feature-icon { width: var(--spacing-32px); height: var(--spacing-32px); min-width: var(--spacing-32px); object-fit: contain; }
/*.business-gtms-page .glass-effect {background: var(--color-shadow-extra-light); color:var(--color-white); backdrop-filter: blur(26px);}*/
.personal-mortgage .rates-container { border: var(--border-width) var(--border-style) var(--color-mortgage-green); border-radius: var(--radius-xl); overflow: hidden; }
.personal-mortgage .header { background-color: var(--color-mortgage-dark-green); color: var(--color-white); }
.personal-mortgage .loan-header > td { background-color: var(--color-mortgage-gray); color: var(--color-mortgage-dark-gray); }
.personal-mortgage .section-gap td { padding-top: var(--spacing-10px) !important; }
.personal-mortgage .column-header-row { border-bottom: 3px var(--border-style) var(--color-mortgage-gray); }
.personal-mortgage td { text-align: center; }
.personal-mortgage .loan-header td { text-align: start; }
.personal-mortgage .column-header { background-color: var(--color-mortgage-light-gray); color: var(--color-mortgage-medium-gray); }
.personal-mortgage .rate-value { color: var(--color-mortgage-blue); }
.personal-mortgage .points-value { color: var(--color-mortgage-medium-gray); }
.personal-mortgage .nav-tabs { border-bottom: var(--border-none); gap: var(--spacing-8px); }
.personal-mortgage .nav-tabs .nav-link { border: var(--border-none); border-bottom: 3px var(--border-style) var(--color-mortgage-tab-gray); color: var(--color-mortgage-tab-gray); padding: var(--spacing-8px) var(--spacing-16px); }
.personal-mortgage .nav-tabs .nav-link.active { color: var(--Brand-ADA ); border-bottom: 3px var(--border-style) var(--Brand-ADA); background-color: #fff;  }
.personal-mortgage .form-label-custom { display: block; font-size: 0.85rem; margin-bottom: 4px; color: var(--color-mortgage-form-gray); }
.personal-mortgage .form-label-custom p { margin-bottom: 0; }
.personal-mortgage .btn-calculate:first-child:active { background: var(--color-mortgage-orange); }
.personal-mortgage .btn-calculate {  background: linear-gradient(180deg, var(--color-brand-btn-start) 0%, var(--color-brand-btn-end) 100%);color: var(--color-black); border: 1px solid var(--color-text-placeholder); box-shadow: var(--border-none); }
.personal-mortgage .result-card { border-radius: 14px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.06); display: var(--display-flex); flex-direction: column; min-height: 170px; border: var(--border-width) var(--border-style) var(--color-mortgage-orange); }
.personal-mortgage .result-top { background: var(--color-mortgage-orange); color: var(--color-white); padding: 32px 8px; flex: 1; display: var(--display-flex); flex-direction: column; align-items: center; justify-content: center; }
.personal-mortgage .result-bottom { background: var(--color-alert-down); padding: 32px 32px; text-align: center; color: var(--color-mortgage-text-dark); }
.personal-mortgage .result-bottom p{margin-bottom: 0;}
.personal-mortgage .refreshBtn { color: var(--color-black);border: var(--border-width) var(--border-style) var(--color-text-placeholder); }
.personal-mortgage .region-tabs { display: var(--display-inline-flex); padding: 4px; background: var(--color-mortgage-bg-light); border-radius: 30px; box-shadow: 0 1px 0 rgba(16,24,40,0.03); border: var(--border-width) var(--border-style) rgba(16,24,40,0.03); }
.personal-mortgage .region-tabs .nav-link { border-radius: 30px; padding: var(--spacing-12px) var(--spacing-32px); color: var(--color-mortgage-text-muted); background: var(--color-transparent); border: var(--border-none); transition: all .15s ease; letter-spacing: .1px; font-weight: 500;}
.personal-mortgage .region-tabs .nav-link.active { background: var(--color-white); color: var(--color-black);}
.personal-mortgage .officer-card .img-fluid { width: var(--officer-img-size); height: var(--officer-img-size); }
.personal-mortgage .officer-card { border-radius: var(--radius-12px); padding: var(--officer-card-padding-vertical) var(--officer-card-padding-horizontal); text-align: center; box-shadow: var(--officer-card-shadow); background: var(--color-white); transition: var(--officer-card-transition); }
.personal-mortgage .phone-email { color: var(--color-border-accent); }

.personal-mortgage .officer-card .card-content p:nth-of-type(3), .personal-mortgage .officer-card .card-content p:nth-of-type(4),.personal-mortgage .officer-card .card-content p:nth-of-type(3) a, .personal-mortgage .officer-card .card-content p:nth-of-type(4) a{
    color: var(--color-border-accent);
    font-weight: 700;
}
.personal-mortgage .officer-card .card-content p:nth-of-type(1) { margin-bottom: 0; }
.personal-mortgage .faq-cards button { color:var(--color-black); border-color:var(--color-gray-888);}
.personal-mortgage input.form-control[readonly] { background:var(--color-surface-light) !important; }
.personal-mortgage .form-control {color:var(--color-black); height:44px; border: 1px solid #999; }
.personal-mortgage .secure-card p { margin-bottom: 0; }
.personal-mortgage .certificate-heading p { padding: 0; margin-bottom: 0; }
.personal-mortgage .certificate-heading p:first-of-type { margin-bottom: var(--spacing-16px); }
.personal-mortgage .certificate-heading p:nth-of-type(2) { font-size: var(--font-size-xl) !important; }
.personal-mortgage .personal-mortgage-calculator-title { line-height: var(--line-height-lg); }
.personal-mortgage .personal-mortgage-services-card-info { font-size: var(--font-size-26px); }
.personal-mortgage .services-card-info { font-size: var(--font-size-26px); }
.personal-mortgage .personal-mortgage-options-title { margin-bottom: var(--spacing-40px); }
.personal-mortgage .image-container { min-height: 390px; justify-content: flex-start; }
.personal-mortgage .mortgage-feature-callout { display: flex; align-items: center; gap: var(--spacing-16px); }
.personal-mortgage .mortgage-feature-callout-icon { flex: 0 0 var(--size-32px); }
.personal-mortgage .mortgage-feature-callout-content { font-size: var(--font-size-20px); }
.personal-mortgage .home-loans-icon{ width: var(--spacing-56px) !important; height: var(--spacing-56px) !important; }
.personal-interest-rate .tabular-container table thead tr th { padding: var(--spacing-lg); background: linear-gradient(to bottom, var(--color-primary), var(--color-custom-white)); color: var(--color-text-secondary); }
.personal-interest-rate .tabular-container table thead tr { color: var(--color-text-table-header); font-weight: var(--font-weight-semibold); border-radius: var(--radius-20px); }
/* .tabular-container table tbody tr:first-of-type td { padding: var(--spacing-lg); background: linear-gradient(to bottom, var(--color-bg-light), var(--color-white)); color: var(--color-text-secondary); } */
.tabular-container table thead tr th { padding: var(--spacing-lg); background: linear-gradient(to bottom, var(--color-bg-light), var(--color-white)); color: var(--color-text-secondary); }
.personal-interest-rate .tabular-container table tbody tr:first-of-type td { padding: var(--spacing-md) var(--spacing-lg); background: none; color: var(--color-black); }
.personal-interest-rate .certificate-heading { line-height: var(--spacing-26px); }
.personal-interest-rate .table-headings p{ margin-bottom:0; font-size: var(--font-size-18px);} 
.personal-interest-rate .tabular-container table { table-layout: fixed; width: 100%; }
.personal-interest-rate .tabular-container th, .personal-interest-rate .tabular-container td { width: auto !important; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
.personal-interest-rate .table-headings .txt-success {color: var(--color-icon-success)}
.business-interest-rate .tabular-container table thead tr { color: var(--color-text-table-header); font-weight: var(--font-weight-semibold); border-radius: var(--radius-20px); }
.business-interest-rate .tabular-container table thead tr th { padding: var(--spacing-lg); background: linear-gradient(to bottom, var(--color-primary), var(--color-custom-white)); color: var(--color-text-secondary); }
.business-interest-rate .tabular-container table tbody tr:first-of-type { color: inherit; font-weight: normal; border-radius: 0; }
.business-interest-rate .tabular-container table tbody tr:first-of-type td { padding: var(--spacing-md) var(--spacing-lg); background: none; color: var(--color-black); }
.business-interest-rate .certificate-heading { line-height: var(--spacing-26px); }
.business-interest-rate .table-headings p { margin-bottom:0; font-size: var(--font-size-18px);} 
/* .business-interest-rate .tabular-container table tbody tr td { text-align: center; } */
.business-interest-rate .table-headings .txt-success {color: var(--color-icon-success)}
.business-interest-rate .col-lg-6:first-child .tabular-container:first-child { margin-bottom: 24px; }

.business-interest-rate .tabular-container table { table-layout: fixed; width: 100%; }
.business-interest-rate .tabular-container th, .business-interest-rate .tabular-container td { width: auto !important; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
.business-interest-rate .col-lg-6:first-child .tabular-container:first-child p:last-child { margin-bottom: 0; }
.BusinessSavings .table-headings p,.BusinessSavings .table-headings {font-size: var(--font-size-18px) !important;}
.BusinessSavings .employee-pension h3 {color: var(--color-charcoal-gray) !important;}
.BusinessSavings .employee-pension .cards { display: var(--display-flex); padding: var(--spacing-32px); flex-direction: column; align-items: flex-start; gap: var(--spacing-24px); flex: 1 0 0; }
.BusinessSavings .employee-pension .accounts-additional-note { color: var(--color-text-secondary); font-size: var(--font-size-16px); font-style: normal; font-weight: var(--font-weight-400); line-height: var(--Font-Scale-Body-Medium-Line-Height, 22px); }
.personal-credit-card .feature-card { display:flex; flex: 1 1 160px; max-width:160px;}
.personal-credit-card .feature-card .heading {width: fit-content; border-radius: 10px;}
.personal-credit-card .img-area {clip-path:url(#banner-curve);border-top-left-radius: var(--radius-16px); border-bottom-left-radius: var(--radius-16px);}
.personal-credit-card .personal-card-content a {color: var(--color-white);}
.business-credit-card .feature-card { display:flex; flex: 1 1 160px; max-width:160px;}
.business-credit-card .feature-card .heading {width: fit-content; border-radius: 10px;}
.business-credit-card .img-area {clip-path:url(#banner-curve); border-top-left-radius: var(--radius-16px); border-bottom-left-radius: var(--radius-16px);}
.business-credit-card .cards a { color: var(--color-black); }
.IRAs-Home-Page .img-area {clip-path:url(#banner-curve); border-top-left-radius: var(--radius-16px); border-bottom-left-radius: var(--radius-16px);}
.IRAs-Home-Page .img-clip { clip-path: none; -webkit-clip-path: none; }
.IRAs-Home-Page .tabular-container table tbody tr:first-of-type td,.IRAs-Home-Page .tabular-container table tbody tr:first-of-type th { padding: var(--spacing-lg); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); color: var(--color-text-secondary); }
.IRAs-Home-Page .split-table-container table tbody tr:first-of-type td { padding: var(--spacing-lg); background: linear-gradient(180deg, var(--color-bg-light) 0%, var(--color-white) 100%); color: var(--color-text-secondary); }
.IRAs-Home-Page .tabular-container table tbody tr:nth-of-type(2) td { background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-custom-white) 100%); padding:var(--spacing-16px) }
.IRAs-Home-Page .split-table-container table tbody tr:nth-of-type(2) td { background: linear-gradient(180deg, var(--color-primary) 0%, var(--color-custom-white) 100%); }
.IRAs-Home-Page .heading { width: fit-content; }
/*.IRAs-Home-Page table tbody tr:nth-child(2) td:first-of-type { padding: 0; padding-left: var(--spacing-xs); }
.IRAs-Home-Page table tbody tr:nth-child(2) td:nth-of-type(2) { text-align: center; }*/
.IRAs-Home-Page .split-table-container{display: none;  border-radius: 20px;}
.IRAs-Home-Page .split-table-container table {width:100%; border-radius: 20px;}
.IRAs-Home-Page .split-table-container table td, table th {padding: 0 10px;}
.IRAs-Home-Page .table-responsive table {min-width: 500px;}
.IRAs-Home-Page .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }

.IRAs-Home-Page .tabular-container.table-split .table-responsive table th:first-child:not([colspan]), .IRAs-Home-Page .tabular-container.table-split .table-responsive table td:first-child:not([colspan]) { border-right: var(--border-width-thick) var(--border-style) var(--color-border-light-gray); padding-right: var(--spacing-md); }
.IRAs-Home-Page .tabular-container.table-split .table-responsive table { border-collapse: separate; border-spacing: var(--border-none); width: var(--width-100-percent); }
.IRAs-Home-Page .tabular-container.table-split .table-responsive table th, .IRAs-Home-Page .tabular-container.table-split .table-responsive table td { border-bottom: var(--border-width) var(--border-style) var(--color-bg-light); border-right: 0 !important; }
      
/* Site Map */
.site-map h2 { font-size: var(--font-size-20px); font-weight: var(--font-weight-medium); padding-left: 0; margin-bottom: var(--spacing-10px); line-height: normal; }
.site-map h2 a { color: var(--color-secondary); text-decoration: none; }
.site-map h2 a:hover { text-decoration: underline; }
.site-map h3 { font-size: var(--font-size-18px); font-weight: var(--font-weight-400); padding-left: 0; line-height: 2; }
.site-map h4, .site-map h5 { display: block; font-size: var(--font-size-18px); font-weight: var(--font-weight-400); text-decoration: none; padding-left: var(--spacing-md); line-height: normal;}
.site-map h3 a, .site-map h4 a, .site-map h5 a { color: var(--color-charcoal-gray); text-decoration: none; }
.site-map h3 a:hover, .site-map h4 a:hover, .site-map h5 a:hover { text-decoration: underline; }
.site-map-col > h2:first-child { margin-top: 0; }
.siteMap-heading { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-charcoal-gray); }

.service-card .service-card-inner { display: var(--display-flex); flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--spacing-md); }
.service-card .service-card-inner .service-card-text { flex: 1 1 auto; min-width: var(--spacing-120px); }
.service-card .service-card-inner .service-card-action { flex: 0 0 auto; text-align: end; }
.compare-cards { position: var(--position-relative); background-color: var(--color-white); border: var(--border-width) var(--border-style) var(--color-white); box-shadow: 0 0 4px 4px var(--color-shadow-medium); padding-bottom: 55px; border-radius: var(--radius-xl); }
.compare-cards p, .compare-cards blockquote, .compare-cards ul { font-size: var(--font-size-14px); padding: 0 var(--spacing-24px); }
.compare-cards > p:first-child { margin-top: 0; margin-bottom: 0; background-color: var(--color-secondary); color: var(--color-white); padding: var(--spacing-10px) var(--spacing-24px) var(--spacing-8px); border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.compare-cards ul { padding-left: var(--spacing-40px); margin-bottom: var(--spacing-15px); padding-right: var(--spacing-24px); }
.compare-cards blockquote p:first-child { font-size: var(--font-size-14px); color: var(--color-black); background-color: var(--color-bg-extra-light); border-left: var(--spacing-3px) solid var(--color-secondary); border-radius: var(--radius-4px); padding: var(--spacing-8px) var(--spacing-16px); }
/* .PersonalSavings .c-card:first-child .wrapper-div p a {color:#fff; background: var(--color-secondary);} */
.compare-cards .wrapper-div p a:first-of-type {  display: inline-block; text-decoration:none; background-color:var(--color-transparent); color:var(--color-black) ; font-weight: var(--font-weight-medium); padding:var(--spacing-12px) var(--spacing-24px); border-radius:var(--radius-sm); border:var(--border-width) var(--border-style) var(--color-secondary); margin-top:var(--spacing-2px);}
.compare-cards .wrapper-div p a:first-of-type:hover {background: var(--color-secondary); color: #fff;}
.compare-cards .wrapper-div { padding: var(--spacing-24px) !important; display: var(--display-flex); flex-direction: column; gap: var(--spacing-16px); margin-bottom: var(--spacing-16px); }
.compare-cards .wrapper-div > p, .compare-cards .wrapper-div > blockquote { margin: 0; padding: 0; }
.compare-cards .wrapper-div > ul { margin: 0; padding-left: var(--spacing-40px); padding-right: 0; }
.compare-cards .wrapper-div > p:last-child { margin-top: auto; }
.compare-cards:not(.checking) .wrapper-div { background-color: var(--color-bg-extra-light); border-radius: var(--radius-12px); }
@media (max-width: 991px) {
    .compare-cards .wrapper-div > ul { padding-left: var(--spacing-16px); }
}

.compare-cards.checking { padding-bottom: var(--spacing-25px); display: flex; flex-direction: column; height: 100%; }
.compare-cards.checking .wrapper-div { flex-shrink: 0; }
.compare-cards.checking .wrapper-div > p:nth-child(2) { min-height: auto; margin-top: 0; padding-top: 0; }
.compare-cards.checking > p:last-child { position: static; margin: 0; margin-top: auto; padding: var(--spacing-16px) var(--spacing-24px) var(--spacing-24px); text-align: center; }
.compare-cards.checking > p:last-child a { position: static; display: inline-block; left: auto; right: auto; bottom: auto; max-width: 100%; text-align: center; font-size: 16px; background-color: transparent; text-decoration: none; color: var(--color-secondary); border: none; word-wrap: break-word; overflow-wrap: break-word; line-height: 1.4; }
.compare-cards.checking .wrapper-div + p, .compare-cards.checking .wrapper-div + p + p + p { color: var(--Black, #000); font-family: var(--font-family-base); }

/* .compare-cards .wrapper-div p a:hover,.brand-btn:hover { background: var(--color-transparent); color: var(--color-secondary); border:var(--border-width) var(--border-style) var(--color-secondary); } */
.c-card:last-child .compare-cards .wrapper-div a:hover  { background-color: var(--color-secondary); color: var(--color-black);}
.compare-cards blockquote {padding: 0 var(--spacing-2xl);}
.compare-cards blockquote p:first-child { font-size: var(--font-size-14px); color: var(--color-black); background-color: var(--color-bg-extra-light); border-left: var(--spacing-3px) var(--border-style) var(--color-secondary); border-radius: var(--radius-sm); padding: var(--spacing-8px) var(--spacing-16px); }
.compare-cards { display: var(--display-flex); flex-direction: column; }

.explore-slider .slick-track { margin-bottom: var(--spacing-20px); }
.slick-track { display: var(--display-flex); align-items: stretch; }
.beige-bg { background: var(--color-border-card); }
.explore-slider .slick-dots { display: none !important; }
.explore-slider .slide-arrow.prev-arrow { left: var(--spacing-5px); }
.explore-slider .slide-arrow.next-arrow { right: var(--spacing-5px); }
.slick-hover { outline: none; }
.slide-arrow { position: var(--position-absolute); top: 50%; margin-top: calc(-1 * var(--spacing-15px)); }
.slide-arrow.prev-arrow { left: calc(-1 * var(--spacing-40px)); }
.slide-arrow.next-arrow { right: calc(-1 * var(--spacing-40px)); }
.tab-slider .slick-track, .tab-mslider .slick-track, .tab-mdots .slick-track {  height: 100%; }
.tab-slider div.slick-list.draggable, .tab-mslider div.slick-list.draggable { padding: 0 var(--spacing-section) !important; }
.slick-dots { display: none !important; }
.custom-arrows button { width: var(--spacing-40px); height: var(--spacing-40px); border-radius: var(--spacing-40px); border: 0; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075); background: var(--color-white); color: var(--color-transparent); padding: 0; font-size: 0; cursor: pointer; border: var(--border-width) var(--border-style) var(--color-bg-super-light); display: var(--display-flex); align-items: center; justify-content: center; }
.custom-arrows button i:before { font-size: var(--spacing-xl); color: var(--color-primary); }
.custom-arrows button i { display: var(--display-flex); align-items: center; justify-content: center; line-height: 1; }

.mobile-check-deposit-fs-card { background: var(--color-bg-light); gap: var(--spacing-24px); margin-bottom: var(--spacing-20px); padding: var(--spacing-24px); width: 100%; border-radius: var(--radius-xl); border: var(--border-width) var(--border-style) var(--color-bg-lighter); }
.mobile-check-deposit-fs-card a { color: var(--color-black); }
.image-area { background: var(--color-primary); padding: var(--spacing-32px); border-radius: var(--radius-2xl); }

.privacy-disclosures .table-scroll { overflow-x: auto; width: 100%; }
.privacy-disclosures .table-container table { width: 100%; max-width: 100%; border: var(--border-width) var(--border-style) var(--color-text-secondary); margin: 10px 0; }
.privacy-disclosures .table-container table th { background: var(--color-text-secondary); color: var(--color-white); padding: var(--spacing-16px); }
.privacy-disclosures .table-container table td { padding: var(--spacing-16px); vertical-align: top; border-bottom: var(--border-width) var(--border-style) var(--color-text-secondary);}
.privacy-disclosures .table-container table td:first-child { font-weight: var(--font-weight-bold); }

.glba-privacy .table-container table { width: 100%; border: var(--border-width) var(--border-style) var(--color-black); margin: 0; }
.glba-privacy .table-container table th, .glba-privacy .table-container table td { vertical-align: middle; }
.glba-privacy .table-container table td { padding: var(--spacing-sm); }
.glba-privacy .table-container table:first-of-type tbody td:first-child { background: var(--color-text-secondary); color: var(--color-white); border-bottom: var(--border-width) var(--border-style) var(--color-white); padding: var(--spacing-30px); }
.glba-privacy .table-container table:first-of-type tbody tr:first-child td:first-child { background: var(--color-mortgage-form-gray); color: var(--color-white); }
.glba-privacy .table-container table th {  background: var(--color-text-secondary); color: var(--color-white); padding: var(--spacing-sm) var(--spacing-5px); }
.glba-privacy .table-container table:nth-of-type(3) td:first-child { background: var(--color-text-secondary); color: var(--color-white); border-bottom: var(--border-width) var(--border-style) var(--color-white); }
.glba-privacy .table-container table:nth-of-type(3) tbody tr:first-child td a { color: var(--color-secondary); }
.glba-privacy .table-container table:nth-of-type(2) td:first-child p:has(strong) { margin-bottom: 0; }
.glba-privacy .table-container table:nth-of-type(5) td:first-child, .glba-privacy .table-container table:nth-of-type(6) td:first-child { vertical-align: top; }
.glba-privacy .table-container table:nth-of-type(5), .glba-privacy .table-container table:nth-of-type(6) { table-layout: fixed; }
.glba-privacy .table-container table:nth-of-type(5) td:first-child, .glba-privacy .table-container table:nth-of-type(6) td:first-child { width: 40%; }
.glba-privacy .download-link span { color: var(--color-secondary); cursor: pointer; }
.glba-privacy .download-link { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-5px); }
.glba-privacy .download-link p { display: inline; margin: 0; }
.glba-privacy .download-link p a { color: var(--color-secondary); cursor: pointer; }


.contact-us table{ width: 100% !important; border-collapse: separate; border-spacing: 0;border-radius: var(--spacing-15px); overflow: hidden; }
.contact-us table tbody tr:first-of-type td{padding: var(--spacing-15px); background: linear-gradient(180deg,var(--color-primary) 0%, var(--color-white) 100%); }
.contact-us table td {padding: var(--spacing-15px);}
.contact-us table tbody tr:first-of-type{border-radius: var(--spacing-15px);}
.contact-us .contact-card:first-child p span:first-child a{ color: var(--color-black); }
.alerts-security .rich-text a { color: var(--color-black); }
.contact-us span a, .contact-us p a {color: var(--color-secondary)}


.hope-scholarship section table { width: var(--width-100-percent); border-collapse: separate; border-spacing: var(--spacing-10px) 0; border: var(--border-none); }
.hope-scholarship section table tr { border-bottom: none; }
.hope-scholarship section table tr:last-child { border-bottom: none; }
.hope-scholarship section table th:first-child { background: var(--color-secondary); color: var(--color-white); font-weight: var(--font-weight-bold); width: var(--width-one-third); padding: var(--spacing-15px); vertical-align: middle; text-align: left; border-radius: 0; border-bottom: var(--border-width) var(--border-style) var(--color-white); }
.hope-scholarship section table td:last-child { padding: var(--spacing-15px) var(--spacing-20px); vertical-align: top; font-size: var(--font-size-14px); line-height: var(--line-height-relaxed); border-radius: 0; border-top: var(--border-width) var(--border-style) var(--color-secondary); border-left: var(--border-width) var(--border-style) var(--color-secondary); border-right: var(--border-width) var(--border-style) var(--color-secondary); border-bottom: none; }
.hope-scholarship section table tr:last-child td:last-child { border-bottom: var(--border-width) var(--border-style) var(--color-secondary); }
.hope-scholarship section table tr:first-child th:first-child { border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.hope-scholarship section table tr:first-child td:last-child { border-radius: var(--radius-xl) var(--radius-xl) 0 0; }
.hope-scholarship section table tr:last-child th:first-child { border-radius: 0 0 var(--radius-xl) var(--radius-xl); }
.hope-scholarship section table tr:last-child td:last-child { border-radius: 0 0 var(--radius-xl) var(--radius-xl); }
.hope-scholarship .applications { border: var(--border-width) var(--border-style) var(--color-secondary); }

/* .businessLendingSba .p4-block { margin-top: var(--spacing-16px) !important; } */

.businessLendingSba .compare-cards .top-block p, .businessLendingSba .compare-cards .top-block ul, .businessLendingSba .compare-cards .p4-block p { padding-inline: 0; }
.businessLendingSba .compare-cards .top-block > p:nth-of-type(2) { margin-bottom: 0; color: var(--color-text-mid-gray); }
.businessLendingSba .compare-cards .top-block > p:nth-of-type(1) { margin-bottom: 0; }
.businessLendingSba .compare-cards .top-block ul { color: var(--color-text-mid-gray); margin-bottom: 0; padding-left: var(--spacing-1-25rem); }
.businessLendingSba .compare-cards .top-block ul li { color: var(--color-text-mid-gray); }
.businessLendingSba .compare-cards .p4-block > p { margin-bottom: 0; }

.foreign-cash .feature-card a { color: var(--color-border-accent); text-decoration: none; cursor: pointer; }
.foreign-cash .feature-card:first-child { margin-top: 0 !important;}
.foreign-cash .image-area-title {line-height: normal;}

/* Branch Locator  */
.branch-locator .brand-text { color: var(--color-branch-primary) !important; }
.branch-locator .manager-image-wrapper { max-width: 120px; width: 120px; height: 120px; overflow: hidden; display: inline-block; }
.branch-locator .manager-image { width: 100%; height: 100%; object-fit: cover; display: block; }
.branch-locator .iframe-responsive { position: relative; overflow: hidden; padding-bottom: 56.3%; padding-top: var(--spacing-30px); height: auto; border-radius: var(--radius-md); }
.branch-locator .iframe-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.branch-locator .short-notice { background: var(--color-branch-primary); padding: var(--spacing-20px) 0; color: var(--color-white); box-shadow: var(--shadow-branch-card); }
.branch-locator .short-notice .heading { font-size: var(--font-size-xl); line-height: var(--line-height-32px); color: var(--color-white); font-family: var(--font-family-base); font-weight: var(--font-weight-semibold); padding-top: var(--spacing-5px); }
.branch-locator .short-notice .inner-content p { font-size: var(--font-size-sm); line-height: var(--line-height-md); color: var(--color-white); font-family: var(--font-family-base); }
.branch-locator .short-notice .close-icon { display: flex; align-items: center; }
.branch-locator .short-notice .close-icon .img { width: var(--width-branch-icon); height: var(--height-branch-icon); }
.branch-locator .short-notice a, .branch-locator .short-notice a:hover { text-decoration: underline; font-weight: var(--font-weight-semibold); color: var(--color-white); font-family: var(--font-family-base); }
.branch-locator .short-notice button, .branch-locator .short-notice button:hover { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; }
.branch-locator .brand-btn { padding: var(--spacing-md) var(--spacing-20px); }
.branch-locator .phone, .branch-locator .directions { color: var(--color-branch-primary); }
.branch-locator .short-notice .container { position: relative; }
.branch-locator .branch-search { background-color: var(--color-white); padding: var(--spacing-15px); box-shadow: var(--shadow-branch-inset); }
.branch-locator .branch-search { position: relative; }
.branch-locator .branch-search .search-branches { width: auto; }
.branch-locator .branch-search .head { font-size: var(--font-size-xl); margin: 0; font-family: var(--font-family-base); font-weight: var(--font-weight-semibold); color: var(--color-branch-text-dark); }
.branch-locator .branch-search form { margin: var(--spacing-10px) 0; }
.branch-locator .branch-search .search-top { display: flex; align-items: center; justify-content: space-between; }
.branch-locator .my-location { float: right; position: absolute; right: var(--spacing-5px); bottom: var(--spacing-18px); }
.branch-locator .branch-search .input-box { background-color: var(--color-branch-input-bg); height: var(--height-branch-input-box); border: var(--border-width) solid var(--color-branch-border); border-radius: var(--radius-3px); }
.branch-locator .branch-search .input-box img { width: var(--width-15px); }
.branch-locator .branch-search .input-box .input-group { position: static; }
.branch-locator .branch-search .input-box .input-group-text { height: var(--height-branch-input); border: 0; background: transparent; }
.branch-locator .branch-search .input-box select { margin-right: var(--border-width); }
.branch-locator .branch-search .input-box input, .branch-locator .branch-search .input-box select { background-color: var(--color-branch-input-bg); font-size: var(--font-size-sm); border: 0; border-radius: var(--radius-md); height: var(--height-branch-input); }
.branch-locator .branch-search .input-box { display: flex; align-items: center; }
.branch-locator .branch-search .input-box .input-group-prepend, .branch-locator .branch-search .input-box .search-parent, .branch-locator .branch-search .input-box .select-parent { display: flex; align-items: center; height: var(--height-branch-input); }
.branch-locator .branch-search .input-box .search-parent { flex: 1 1 auto; min-width: 0; position: relative; align-items: stretch; }
.branch-locator .branch-search .input-box .search-parent input { width: 100%; }
.branch-locator .branch-search .input-box .search-parent .input.control-label { top: 50% !important; left: var(--spacing-10px) !important; transform: translateY(-50%) !important; line-height: 1 !important; z-index: 1; opacity: 1 !important; }
.branch-locator .branch-search .input-box .search-parent input.float-label { padding: 0 var(--spacing-8px) 0 var(--spacing-10px) !important; }
.branch-locator .branch-search .input-box .search-parent.focused .input.control-label { top: var(--spacing-6px) !important; transform: none !important; font-size: var(--font-size-xs) !important; }
.branch-locator .branch-search .input-box .search-parent.focused input.float-label { padding: var(--spacing-sm) var(--spacing-8px) 0 var(--spacing-10px) !important; }
.branch-locator .branch-search .input-box .select-parent { position: relative !important; right: auto !important; flex: 0 0 var(--width-branch-select); border-left: var(--border-width) solid var(--color-branch-divider); padding-left: var(--spacing-xxs); }
.branch-locator .branch-search .input-box select.custom-select { display: block !important; width: 100%; }
.branch-locator .branch-search .input-box .select-parent .control-label { opacity: 0 !important; top: 50% !important; left: var(--spacing-8px) !important; transform: translateY(-50%) !important; line-height: 1; }
.branch-locator .branch-search .input-box .select-parent select { padding: 0 var(--spacing-24px) 0 var(--spacing-8px) !important; }
.branch-locator .branch-search .input-box .select-parent.has-value .control-label { opacity: 1 !important; top: var(--spacing-6px) !important; transform: none !important; font-size: var(--font-size-xs) !important; }
.branch-locator .branch-search .input-box .select-parent.has-value select { padding: var(--spacing-sm) var(--spacing-24px) 0 var(--spacing-8px) !important; }
.branch-locator .branch-disclaimer { position: relative; top: var(--spacing-7px); font-size: var(--font-size-xs); color: var(--color-branch-text-secondary); line-height: var(--line-height-18px); font-family: var(--font-family-base); }
.branch-locator .custom-checkbox input:focus { outline: none; box-shadow: none; }
.branch-locator .branch-search .custom-control-input { position: relative; width: 0; }
.branch-locator .branch-block .left-col { width: var(--width-branch-left-col); flex: 0 0 var(--width-branch-left-col); }
.branch-locator .filter-section .label-info.ie { position: relative; top: var(--spacing-2px); }
.branch-locator .popup-content-container .list-group-item.branch-card { margin: 0; }
.branch-locator .branch-card, .branch-locator .list-group-item.branch-card { background-color: var(--color-white); border-radius: var(--radius-xl); border: solid var(--border-width) var(--color-branch-card-border); border-radius: var(--radius-xl); margin: 0 var(--spacing-15px) var(--spacing-15px); padding: var(--spacing-16px) }
.branch-locator .branch-name { font-family: var(--font-family-base); font-weight: var(--font-weight-semibold); color: var(--color-branch-text-dark); }
.branch-locator .branch-name button { color: var(--color-branch-text-dark); background: transparent; border: none; padding: 0; cursor: pointer; float: left; text-align: left; }
.branch-locator .branch-name button:focus { outline: none; }
.branch-locator .branch-name-button-text { color: var(--color-black); font-family: var(--font-family-base); font-size: var(--Font-Scale-Body-Large); font-style: normal; font-weight: var(--font-weight-bold); line-height: var(--line-height-24px); }
.branch-locator .branch-mobile { background-color: var(--color-white); padding-top: var(--spacing-40px); }
.branch-locator .branch-mobile .nav-tabs { border: 0; width: var(--width-branch-nav-tabs); height: var(--height-branch-nav-tabs); border: var(--border-width) solid var(--color-branch-primary); border-radius: var(--radius-xl); }
.branch-locator .branch-mobile .nav-tabs li a { border: 0; width: var(--width-branch-nav-link); border-radius: var(--radius-xl); height: var(--height-38px); text-align: center; color: var(--color-branch-primary); }
.branch-locator .branch-mobile .nav-tabs li a.active { background: var(--color-branch-primary); color: var(--color-white); }
.branch-locator .branch-mobile .nav-tabs li:last-child a.active { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.branch-locator .branch-mobile .nav-tabs li:first-child a.active { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.branch-locator address { font-family: var(--font-family-base); color: var(--color-branch-text-secondary); }
.branch-locator .branch-address-text, .branch-locator .branch-address-text a { color: var(--color-black); font-family: var(--font-family-base); font-size: var(--Font-Scale-Body-Medium); font-style: normal; font-weight: var(--font-weight-400); line-height: var(--line-height-md); }
.branch-locator .branch-address-text a.branch-phone-link { color: var(--color-secondary); font-family: var(--font-family-base); font-size: var(--font-size-base); font-style: normal; font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal); }
.branch-locator .direction-label { color: var(--color-secondary); font-family: var(--font-family-base); font-size: var(--font-size-base); font-style: normal; font-weight: var(--font-weight-semibold); line-height: var(--line-height-normal); }
.branch-locator .branch-action-link { color: var(--color-secondary) !important; font-family: var(--font-family-base); font-size: var(--Font-Scale-Body-Medium); font-style: normal; font-weight: var(--font-weight-semibold); line-height: var(--line-height-md); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }
.branch-locator .branch-icon { display: inline-block; width: var(--size-32px); height: var(--size-32px); float: left; margin-right: var(--spacing-8px); }
.branch-locator .branch-icon.branch { background: url(../images/branch_locator_assets/landmark.png); }
.branch-locator .branch-icon.atm { background: url(../images/branch_locator_assets/Locator_BOHATM.svg); }
.branch-locator .branch-icon.moneypass { background: url(../images/branch_locator_assets/Locator_MoneyPass.svg); }
.branch-locator .branch-icon.allpoint { background: url(../images/branch_locator_assets/Locator_AllPoint.svg); }
.branch-locator .Allpoint-custom-card { display: flex; align-items: flex-start; }
.branch-locator .directions-icon { display: inline-block; width: var(--width-branch-direction-icon); height: var(--height-branch-direction-icon); margin-left: var(--spacing-5px); float: right; background: url(../images/branch_locator_assets/map-pin.png); }
.branch-locator .phone-icon { display: inline-block; width: var(--width-branch-direction-icon); height: var(--height-branch-direction-icon); margin-left: var(--spacing-5px); float: right; background: url(../images/branch_locator_assets/phone.png); }
.branch-locator .custom-select { display: none; }
.branch-locator .login-mobile { text-align: right; }
.branch-locator .lang-option { display: inline-flex; text-align: center; width: 100%; padding: var(--spacing-5px); }
.branch-locator .lang-option img { width: var(--spacing-25px); }
.branch-locator .lang-select { height: 21px; display: inline-block; }
.branch-locator .lang-select .dropdown, .branch-locator .lang-select .dropdown .dropdown-toggle { height: 21px; }
.branch-locator .lang-select .dropdown-menu { top: var(--spacing-40px) !important; min-width: 110px; padding: var(--spacing-8px) var(--spacing-5px) 0; box-shadow: var(--shadow-branch-card); border: 0; border-bottom: var(--spacing-5px) solid var(--color-branch-primary); border-bottom-left-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); }
.branch-locator .lang-option a { font-size: var(--font-size-15px); font-family: var(--font-family-base); width: 100%; text-align: left; }
.branch-locator .lang-select { margin-right: var(--spacing-20px); margin-bottom: 0; }
.branch-locator .temp-block { height: var(--border-none); }
body:has(.branch-locator) nav.navbar.shadow { box-shadow: none !important; }
body:has(.branch-locator) .carousel-item { height: var(--height-branch-carousel); }
.branch-locator #filter_icon { cursor: pointer; }
.branch-locator #frmSearch #branchSearch.form-control:focus, .branch-locator #frmSearch #branchSearch.form-control:focus-visible { outline: none !important; box-shadow: none !important; border-color: var(--color-transparent) !important; }
.branch-locator #frmSearch .input-box .select-parent { border-left: var(--border-none) !important; padding-left: var(--border-none) !important; }
.branch-locator #frmSearch .input-box .select-parent .control-label, .branch-locator #frmSearch .input-box .select-parent select.float-label { transition: all var(--transition-240ms) ease !important; }
.branch-locator #frmSearch .input-box .select-parent.focused .control-label, .branch-locator #frmSearch .input-box .select-parent.has-value .control-label { opacity: var(--opacity-1) !important; top: var(--spacing-5px) !important; transform: none !important; font-size: var(--font-size-xs) !important; }
.branch-locator #frmSearch .input-box .select-parent.focused select.float-label, .branch-locator #frmSearch .input-box .select-parent.has-value select.float-label { padding: var(--spacing-8px) var(--spacing-24px) 0 var(--spacing-8px) !important; }
.branch-locator .branch-search:focus, .branch-locator .branch-search:focus-visible, .branch-locator .branch-search:focus-within, .branch-locator #frmSearch:focus, .branch-locator #frmSearch:focus-visible, .branch-locator #frmSearch:focus-within { outline: none !important; box-shadow: none !important; border-color: var(--color-transparent) !important; }
.branch-locator #filteroptions_div { display: var(--display-flex); flex-wrap: wrap; column-gap: var(--spacing-18px); row-gap: var(--spacing-8px); padding-right:0}
.branch-locator #poi_listdiv .list-group-item.active { color: var(--color-black); }
.branch-locator #map { height: var(--height-branch-map-mobile); margin-bottom: var(--spacing-20px); margin-top: var(--spacing-20px); }
body:has(.branch-locator) .bread-crumb { display: none; }
body:has(.branch-locator) #alert-modal .modal-content { background: var(--color-white) !important; border: var(--border-width) var(--border-style) var(--color-overlay); border-radius: var(--radius-0-5rem); }
body:has(.branch-locator):has(#alert-modal.show) .modal-backdrop,
body:has(.branch-locator):has(#alert-modal.showing) .modal-backdrop { opacity: var(--opacity-0-6) !important; }
.branch-locator .infobox-boh { width: var(--width-branch-infobox) !important; }
.branch-locator .list-group-flush > .list-group-item:last-child { border-bottom-width: var(--border-width) !important; }
.branch-locator .infobox-boh.mobile { position: fixed !important; bottom: 0 !important; left: auto !important; right: auto !important; top: auto !important; }
.branch-locator .infobox-close { position: absolute; z-index: var(--z-index-branch-infobox) !important; top: -10px !important; right: -5px !important; }
.branch-locator mark[data-markjs] { background-color: #f5f5b3; color: var(--color-black); margin: 0 !important; padding: 0 !important; }
.branch-locator .external-mobile { padding: var(--spacing-15px) var(--spacing-10px) !important; background: var(--color-white); border-radius: var(--radius-md); }
.branch-locator .static-map-placeholder { position: relative; width: 100%; height: 100%; min-height: var(--height-branch-map); background: var(--color-branch-map-bg); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; }
.branch-locator .static-map-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(var(--color-branch-map-grid) var(--border-width), transparent var(--border-width)), linear-gradient(90deg, var(--color-branch-map-grid) var(--border-width), transparent var(--border-width)); background-size: var(--spacing-60px) var(--spacing-60px); opacity: 0.7; }
.branch-locator .static-map-placeholder::before { content: ''; position: absolute; top: 20%; left: 10%; width: 35%; height: 40%; background: var(--color-branch-map-accent-1); border-radius: 40% 60% 50% 45%; opacity: 0.5; }
.branch-locator .static-map-placeholder::after { content: ''; position: absolute; bottom: 15%; right: 8%; width: 30%; height: 35%; background: var(--color-branch-map-accent-2); border-radius: 50% 40% 55% 45%; opacity: 0.5; }
.branch-locator .static-map-pin { z-index: 2; animation: bounce 2s ease infinite; }
.branch-locator .static-map-label { z-index: 2; margin-top: var(--spacing-12px); font-family: var(--font-family-base), sans-serif; font-size: var(--font-size-base); color: var(--color-branch-primary); letter-spacing: var(--border-width); }

@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.branch-locator .miles { background: var(--color-branch-success); padding: var(--spacing-3px) var(--spacing-15px); color: var(--color-white); border-radius: var(--radius-md); font-size: var(--font-size-13px); }
.branch-locator .business-hours .heading { background: initial; color: var(--color-white); font-style: italic; font-size: var(--font-size-xs); text-transform: capitalize; width: 70%; border-top-right-radius: var(--radius-50px); border-bottom-right-radius: var(--radius-50px); text-align: center; margin-top: var(--spacing-12px); }
.branch-locator .business-hours .timings { font-size: var(--font-size-13px); margin-bottom: 0; }
.branch-locator .our-service .top-heading { font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); color: var(--color-branch-primary); text-transform: uppercase; font-family: var(--font-family-base); }
/* .branch-locator .branch-hours .top-heading { font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); color: var(--color-branch-primary); text-decoration: underline; font-family: var(--font-family-base); } */
.branch-locator .our-branches { height: var(--height-branch-list); overflow-y: scroll; margin-top: var(--spacing-15px); padding-bottom: 15%; }
.branch-locator .filter-section .col { padding: 0 var(--spacing-5px); }
.branch-locator .filter-section label { font-size: var(--font-size-11px); align-items: center; padding-left:3px; }
.branch-locator .filter-section .form-check { min-height: auto; display: inline-flex; float: none; width: auto; margin: var(--margin-0); padding-left:var(--spacing-15px)}
.branch-locator .filter-section .form-check .form-check-input:checked { background-color: var(--color-branch-primary); border-radius: var(--spacing-2px); }
.branch-locator .filter-section .form-check .form-check-input { margin-top: 0; border-color: var(--Brand-ADA); box-shadow: none; border-radius: var(--spacing-2px); width: var(--width-branch-checkbox); height: var(--height-branch-checkbox); border-width:1px; }
.branch-locator .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-color: var(--color-branch-primary); border-radius: var(--spacing-2px); }
.branch-locator .filter-section .custom-control-label::before, .branch-locator .filter-section .custom-control-label::after { top: var(--spacing-2px); left: 0; width: var(--width-branch-checkbox); height: var(--height-branch-checkbox); }
.branch-locator .filter-section .custom-control-label::before { border-color: var(--color-branch-primary); border-radius: var(--spacing-2px); }
.branch-locator .our-branches::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: var(--color-white); border-radius: var(--radius-md); }
.branch-locator .our-branches::-webkit-scrollbar { width: var(--spacing-6px); background-color: var(--color-white); }
.branch-locator .our-branches::-webkit-scrollbar-thumb { border-radius: var(--radius-xl); background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(var(--color-branch-primary)), to(var(--color-branch-primary))); }
.branch-locator .our-branches address { margin: 0; }
/* .branch-locator .our-branches address p { font-size: var(--font-size-xs); line-height: var(--spacing-16px); color: var(--color-branch-text-secondary); font-family: var(--font-family-base); } */
.branch-locator .lang-char { font-size: var(--font-size-xs); font-family: var(--font-family-base); }

.overall-experience-section .overall-radio-row { margin-top: var(--spacing-xxs); }
.overall-experience-section .overall-radio-btn { width: var(--spacing-2xl); display: block; margin-top: var(--spacing-xl); padding-left: var(--spacing-0); text-align: center; }
.overall-experience-section .overall-radio-btn .custom-control-label::before, .overall-experience-section .overall-radio-btn .custom-control-label::after { left: -0.3rem; top: -1.3rem; }
.overall-experience-section .overall-radio-btn span { display: none; white-space: nowrap; font-size: var(--font-size-12px); margin-left: -50%; margin-bottom: var(--spacing-10px); text-align: center; }
.overall-experience-section .overall-radio-btn:first-child span, .overall-experience-section .overall-radio-btn:last-child span, .overall-experience-section .overall-radio-btn:nth-child(6) span { display: block; }
.overall-experience-section .overall-radio-row .custom-control-label { display: block; margin-top: var(--spacing-6px); font-size: var(--spacing-12px); font-weight: 400; color: var(--color-text-dark);margin-bottom:10px; }

.Careers-page .title{ line-height: normal;}
.Careers-page .remove-divider{margin-top:45px; margin-bottom:45px;}
.Careers-page .section-highlight { width: 100%;  height: 1px; background-image: linear-gradient(to right, var(--color-gradient-start) 0%, var(--color-primary) 50%, var(--color-secondary) 100%); }
/* .Careers-page .title-height {font-family: 'CircularStd-Bold';} */
.Careers-page .banner-content-text { font-size: var(--font-size-xl); line-height: var(--line-height-32px); font-family: var(--font-family-circular-bold); font-weight: var(--font-weight-semibold); }
.modal-backdrop.show { opacity: 0.5 !important; }
.form-control{ border-color: var(--color-text-placeholder) !important; }
.form-control:focus{ outline: none !important; box-shadow: none !important; border-color: var(--color-text-placeholder) !important; }

.header-logo { width: var(--min-width-300px); max-width: 100%; height: auto; display: inline-block; }
@media (max-width: 1024px) {
    .header-logo { width: var(--width-185px); }
    .custom-tables { overflow-x:auto; }
    .business-interest-rate .tabular-container table thead tr th,.tabular-container table tbody td { text-align:center; }
}
.carousel-fade .carousel-item,.carousel-fade .carousel-item .hero-banner,.carousel-fade .carousel-item .banner-m,.carousel-fade .carousel-item .overlay-m,.carousel-fade .carousel-item img{transition:opacity var(--carousel-transition-duration,.6s) ease-in-out,visibility .01s linear}
    .carousel-fade .carousel-item:not(.active) .hero-banner,.carousel-fade .carousel-item:not(.active) .banner-m,.carousel-fade .carousel-item:not(.active) .overlay-m,.carousel-fade .carousel-item:not(.active) img{opacity:0;visibility:hidden}
    .carousel-fade .carousel-item.active .hero-banner,.carousel-fade .carousel-item.active .banner-m,.carousel-fade .carousel-item.active .overlay-m,.carousel-fade .carousel-item.active img{opacity:1;visibility:visible}

@media (min-width: 320px) and (max-width: 349px) {
    .overall-experience-section div.overall-radio-btn { width: 2.5%; }
    .overall-experience-section div.overall-radio-btn span { margin-left: -14px; }
}
@media (min-width: 350px) and (max-width: 499px) {
    .overall-experience-section div.overall-radio-btn { width: 3.2%; }
    .overall-experience-section div.overall-radio-btn span { margin-left: -14px; }
}
@media (min-width: 400px) and (max-width: 449px) {
    .overall-experience-section div.overall-radio-btn { width: 3.9%; }
    .overall-experience-section div.overall-radio-btn span { margin-left: -14px; }
}
@media (min-width: 450px) and (max-width: 515px) {
    .overall-experience-section div.overall-radio-btn { width: 4.8%; }
    .overall-experience-section div.overall-radio-btn span { margin-left: -14px; }
}

/* Media Queries */
@media (max-width: 991px) {
    .branch-locator .branch-search .my-location { bottom: var(--spacing-25px); }
    .branch-locator .branch-block .left-col { max-width: 100%; width: 100vw; display: block; float: none; flex: 0 0 100%; }
    .branch-locator #filteroptions_div .form-check { flex: 0 0 calc(50% - var(--spacing-6px)); max-width: calc(50% - var(--spacing-6px)); }
    .branch-locator .branch-search .filter-section .form-check.form-check-inline .label-info, .branch-locator .branch-search .filter-section .form-check.form-check-inline .custom-control-label { white-space: normal; }
    .image-area {padding: var(--spacing-16px)}
    .secure-card img {margin-bottom: var(--spacing-16px);}
    .branch-locator #filteroptions_div {column-gap: var(--spacing-12px);}
}

@media (max-width: 453px) {
    .branch-locator .branch-block .left-col { width: 100%; float: none; }
    .branch-locator .branch-search .input-box { height: var(--height-branch-input-box); flex-wrap: nowrap; align-items: center; }
    .branch-locator .branch-search .input-box .input-group-prepend { flex: 0 0 var(--spacing-40px); height: var(--height-branch-input); }
    .branch-locator .branch-search .input-box .search-parent { flex: 1 1 auto; max-width: none; }
    .branch-locator .branch-search .input-box .select-parent { position: relative !important; right: auto !important; display: flex; align-items: center; flex: 0 0 var(--width-branch-select-mobile); max-width: var(--width-branch-select-mobile); min-width: 0; border-left: var(--border-none) !important; border-top: 0; padding-left: var(--border-none) !important; margin-top: 0; height: var(--height-branch-input); }
    .branch-locator .branch-search .input-box .select-parent select.custom-select { width: 100%; }
    .branch-locator .branch-search .input-box .select-parent .control-label { left: var(--spacing-8px) !important; }
    .branch-locator .branch-search .input-box .select-parent.focused select, .branch-locator .branch-search .input-box .select-parent.has-value select { padding: var(--spacing-sm) var(--spacing-24px) 0 var(--spacing-8px) !important; }
    .branch-locator .branch-search .input-box .select-parent.focused .control-label, .branch-locator .branch-search .input-box .select-parent.has-value .control-label { top: var(--spacing-6px) !important; opacity: 1 !important; transform: none !important; font-size: var(--font-size-xs) !important; }
    .branch-locator .branch-search .input-box .search-parent input.float-label { padding: 0 var(--spacing-6px) 0 var(--spacing-8px) !important; }
    .branch-locator .branch-search .input-box .search-parent.focused input.float-label { padding: var(--spacing-sm) var(--spacing-6px) 0 var(--spacing-8px) !important; }
}

@media (max-width: 360px) {
    .branch-locator .branch-search .input-box .select-parent { flex: 0 0 var(--width-branch-select-small); max-width: var(--width-branch-select-small); }
}

@media (max-width: 576px) {
    .compare-cards > p:last-child a { font-size: var(--font-size-14px); padding: var(--spacing-6px) var(--spacing-12px); bottom: var(--spacing-15px);}
}
@media (max-width: 767px) {
    .business-banking-page .secure-card{ display: var(--display-flex); padding: var(--spacing-16px); flex-direction: column; align-items: flex-start; gap: var(--spacing-24px); align-self: stretch; }
    .businessLendingSba .secure-card{ display: var(--display-flex); padding: var(--spacing-16px); flex-direction: column; align-items: flex-start; gap: var(--spacing-16px); align-self: stretch; font-size: var(--font-size-16px) !important; }
    .businessLendingSba .secure-card h3 {font-size: var(--font-size-16px);}
    .businessLendingSba .secure-card p {font-size: var(--font-size-14px)}
    .personal-interest-rate .tabular-container table thead tr th,
    .personal-interest-rate .tabular-container table tbody tr td { padding: var(--spacing-12px) !important; font-size: var(--font-size-12px) !important; }
    
    .business-interest-rate .tabular-container table thead tr th,
    .business-interest-rate .tabular-container table tbody tr td { padding: var(--spacing-12px) !important; font-size: var(--font-size-12px) !important; }
   
    .foreign-cash .image-area { flex-direction: row !important; align-items: start !important; gap: var(--spacing-16px); padding: var(--spacing-md) !important; }
    .foreign-cash .image-area-title { font-size: var(--font-size-base); flex: 1; margin: 0 !important;}
    .foreign-cash .image-area-img { max-width: var(--spacing-4xl); width: var(--spacing-4xl); height: auto; flex-shrink: 0; object-fit: contain; }
    .digital-subtitle { font-size: var(--font-size-20px); }
    .digital-cta { text-align: center; }
    .zelle .apps { text-align: center; }
    /* .zelle .download-apps .row { display: flex; flex-wrap: wrap; justify-content: center; }
    .zelle .download-apps .row span { float: none !important; } */
    .mobile-check-deposit-fs-card { padding: var(--spacing-16px); gap: var(--spacing-16px); }
    .mobile-check-deposit-disclaimer { display: var(--display-flex); padding: var(--spacing-24px); flex-direction: column; align-items: flex-start; gap: var(--spacing-8px); align-self: stretch; border-radius: var(--radius-xl); background: var(--color-bg-gray); color: var(--color-text-secondary); font-family: var(--font-family-base); font-size: var(--font-size-14px); font-style: normal; font-weight: var(--font-weight-400); line-height: 20px; }
    .card-info-intro.t-24 { font-size: var(--font-size-18px); }
}

/* On medium+ screens distribute radio controls across available width */
@media (min-width: 576px) {
    .overall-experience-section .overall-radio-row { display: flex; justify-content: space-between; align-items: flex-start; }
    .overall-experience-section .overall-radio-row .overall-radio-btn {
        width: auto !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column;
        align-items: center;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0;
    }
    .overall-experience-section .overall-radio-row .overall-radio-btn span { margin-left: 0 !important; display: none !important;margin-bottom:0; }
    /* Only show descriptive labels for first, middle(6) and last items */
    .overall-experience-section .overall-radio-row .overall-radio-btn:first-child span,
    .overall-experience-section .overall-radio-row .overall-radio-btn:nth-child(6) span,
    .overall-experience-section .overall-radio-row .overall-radio-btn:last-child span {
        display: block !important;
    }
}
/* Between 576px and 1199px force equal distribution so items don't wrap */
@media (min-width: 576px) and (max-width: 1199px) {
    .overall-experience-section .overall-radio-row { flex-wrap: nowrap; gap: 0; }
    .overall-experience-section .overall-radio-row .overall-radio-btn {
        flex: 1 1 0;
        min-width: 0;
        max-width: none !important;
        box-sizing: border-box;
        padding-left: 0;
    }
    .overall-experience-section .overall-radio-row .overall-radio-btn .custom-control-label,
    .overall-experience-section .overall-radio-row .overall-radio-btn span { white-space: normal; }
}
@media (max-width: 767px) {
    .hope-scholarship section table {
        border-spacing: 0;
    }

    .hope-scholarship section table,
    .hope-scholarship section table tbody,
    .hope-scholarship section table tr,
    .hope-scholarship section table td,
    .hope-scholarship section table th {
        display: block;
        width: var(--width-100-percent);
    }

    .hope-scholarship section table tr {
        margin-bottom: var(--spacing-10px);
    }

    .hope-scholarship section table tr:last-child {
        margin-bottom: 0;
    }

    .hope-scholarship section table th:first-child {
        width: var(--width-100-percent);
        text-align: left;
        border-bottom: none;
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .hope-scholarship section table th:first-child::after {
        content: '\25BC';
        font-size: var(--font-size-18px);
        font-weight: var(--font-weight-bold);
        flex-shrink: 0;
        margin-left: var(--spacing-10px);
        transition: transform 0.3s ease;
    }

    .hope-scholarship section table tr.hs-open th:first-child {
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    }

    .hope-scholarship section table tr.hs-open th:first-child::after {
        content: '\25B2';
    }

    .hope-scholarship section table tr:not(.hs-open) th:first-child {
        border-radius: var(--radius-xl);
    }

    .hope-scholarship section table td:last-child {
        display: none;
        padding: var(--spacing-15px);
        border-top: none;
        border-bottom: var(--border-width) var(--border-style) var(--color-secondary);
        border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    }

    .hope-scholarship section table tr.hs-open td:last-child {
        display: block;
    }

    .hope-scholarship section table tr:last-child th:first-child {
        border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    }

    .hope-scholarship section table tr:last-child:not(.hs-open) th:first-child {
        border-radius: var(--radius-xl);
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .service-card .service-card-inner { flex-direction: column; align-items: flex-start; }
    .service-card .service-card-inner .service-card-text { flex: 1 1 100%; width: 100%; }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .service-card { padding: var(--spacing-xl) var(--spacing-lg); }
    .service-card .card-body { width: 100%; padding: 0; }
    .service-card .service-card-inner { flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; gap: var(--spacing-sm); }
    .service-card .service-card-inner .service-card-text { flex: 1 1 auto; min-width: 0; width: auto; overflow-wrap: anywhere; word-break: break-word; }
    .service-card .service-card-inner .service-card-action { flex: 0 0 auto; flex-shrink: 0; margin-left: auto; }
    .service-card .service-card-inner .service-card-action .brand-btn { padding: var(--spacing-10px) var(--spacing-md); white-space: nowrap; }
}

@media (max-width: 1200px) {
    .explore-slider { padding: 0 var(--spacing-35px); }
}

@media screen and (max-width: 450px) {
    .custom-arrows button { width: var(--spacing-35px); height: var(--spacing-35px); }

    .custom-arrows button i:before { font-size: var(--font-size-15px); }
}

@media(max-width:422px){
    .personal-checking .visa-card{
        font-size: var(--font-size-14px);
    }

    .personal-debit-cards .accounts-feature-heading {
        font-size: var(--font-size-14px);
    }

    .personal-debit-cards .additional-feature-heading {
        font-size: var(--font-size-14px);
    }

    .personal-checking .all-accounts{
        font-size:var(--font-size-14px);
    }

    .business-checking .all-accounts {
        font-size: var(--font-size-14px);
        line-height: var(--line-height-18px);
    }
}
@media (max-width:485px){
    .home-page .quick-banner h2 {
        font-size: var(--font-size-12px);
    }
}
@media (max-width: 480px) {
   
.personal-mortgage .region-tabs .nav-link {
    padding: var(--spacing-6px) var(--spacing-12px);
}
}
@media (max-width:580px){

    .IRAs-Home-Page .table-split {
        display: none;
    }

    .IRAs-Home-Page .split-table-container {
        display: block;
        width: 100%;
        overflow-x: auto;
        margin-bottom: 20px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .personal-digital-banking-wallet.brand-link {
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 992px) {
    .mobile-order-1 {
        order: 1;
    }

    .mobile-order-2 {
        order: 2;
        margin-top: var(--spacing-1rem);
    }

    .personal-credit-card .img-area {
        clip-path: url(#banner-curve-bottom);
        -webkit-clip-path: url(#banner-curve-bottom);
        border-top-right-radius: var(--radius-16px);
        margin-top: 0;
        margin-right: 0;
    }

    .business-credit-card .img-area {
        clip-path: url(#banner-curve-bottom);
        -webkit-clip-path: url(#banner-curve-bottom);
        border-top-right-radius: var(--radius-16px);
        margin-top: 0;
        margin-right: 0;
    }
    .business-banking-page .business-hero-title { font-size: var(--font-size-20px); }
    .home-page .banking-title { font-size: var(--font-size-20px); }
    a.skip { top: calc(-1 * var(--spacing-28px)); }
    a.skip:focus, a.skip:hover { top: calc(-1 * var(--spacing-13px)); }
}

@media (max-width: 991.98px) {
    .club-member .content { padding: 0 var(--spacing-24px) var(--spacing-24px) var(--spacing-24px); }
    .club-member .img-clip {
        width: 100%;
        height: var(--spacing-250px);
        clip-path: url(#banner-curve-bottom);
        -webkit-clip-path: url(#banner-curve-bottom);
    }
    .IRAs-Home-Page .img-clip { clip-path: none; -webkit-clip-path: none; }
    .IRAs-Home-Page .img-area {
        clip-path: url(#banner-curve-bottom);
        -webkit-clip-path: url(#banner-curve-bottom);
        border-top-right-radius: var(--radius-16px);
        border-bottom-left-radius: 0;
        margin-top: 0;
        margin-right: 0;
    }
    .club-member .img-clip img {
        border-bottom-left-radius: 0;
        border-top-left-radius: var(--radius-16px);
        border-top-right-radius: var(--radius-16px);
    }
}

@media (max-width: 767px) {
    
    body {
        padding-top: var(--spacing-140px);
    }
    
    .banner .row-m {
        position: var(--position-absolute);
        top: var(--spacing-30px);
        left: auto;
        right: auto;
        width: var(--width-100-percent);
    }

    .banner .carousel-inner {
        min-height: auto;
        padding-top: 0;
    }
    .banner .banner-inner {
        min-height: auto;
        padding-top: 0;
    }
    h1 {
        font-size: var(--font-size-32px);
        line-height: var(--line-height-33px);
    }

    h2 {
        font-size: var(--font-size-20px);
    }
    
    .personal-mortgage-features-title {
        font-size: var(--font-size-20px);
    }

    .personal-mortgage .certificate-heading p:first-of-type {
        margin-bottom: var(--spacing-8px);
    }

    .personal-mortgage .certificate-heading p:nth-of-type(2) {
        font-size: var(--font-size-base) !important;
    }

    .personal-mortgage .mortgage-feature-callout {
        gap: var(--spacing-8px);
    }

    .personal-mortgage .mortgage-feature-callout-content {
        font-size: var(--font-size-base);
    }
    
    .personal-mortgage .personal-mortgage-calculator-title {
        line-height: 26px;
    }

    .personal-mortgage .personal-mortgage-services-card-info {
        font-size: var(--font-size-base);
    }

    .personal-mortgage .services-card-info {
        font-size: var(--font-size-base);
    }

    .personal-mortgage .personal-mortgage-banner-btn {
        background: #fff;
    }

    .personal-mortgage .result-top {
        padding: var(--spacing-16px) var(--spacing-8px);
    }

    .personal-mortgage .result-bottom{
        padding: var(--spacing-16px) var(--spacing-8px)
    }

    .personal-mortgage .image-container {
        justify-content: flex-end;
    }

    .personal-mortgage .region-tabs .nav-link {
    padding: var(--spacing-6px) var(--spacing-12px);
    font-size: var(--font-size-sm);
}

    /* .personal-mortgage .section-spacing {
        padding: var(--spacing-24px) 0;
        } */
        
        .hero-banner-img {
            height: auto;
            width: 100%;
    }

    .banner {
        padding: 0;
    }
    
    .carousel-indicators {
        bottom: calc(-1 * var(--spacing-30px));
    }

    footer .accordion-header {
        border-bottom: var(--border-width) var(--border-style) var(--color-divider);
    }

    .fdic-block {
        font-size: var(--font-size-11px);
    }
    
    .banner-form .tab .nav-tabs li a {
        font-size: var(--font-size-13px);
        padding: var(--spacing-sm) var(--spacing-xs);
    }

    .custom-table table tbody tr td a {
        padding: var(--spacing-xs) var(--spacing-xl);
        font-size: var(--font-size-13px);
    }

    .custom-table table tbody tr td,
    .custom-table table tbody tr td span {
        font-size: var(--font-size-13px) !important;
    }

    .cards-content {
        gap: var(--spacing-1rem);
    }

    .account-card{
        padding:var(--spacing-16px)
    }
    
    .personal-checking .feature-card, .business-checking .feature-card {
        gap: var(--spacing-16px);
        padding:var(--spacing-16px)
    }

    .personal-checking .all-accounts >p{
        text-align:left !important;
    }

    .business-checking .all-accounts > p{
        text-align: left !important;
    }
    .BusinessSavings .employee-pension .cards { display: var(--display-flex); padding: var(--spacing-16px); flex-direction: column; align-items: flex-start; gap: var(--spacing-16px); align-self: stretch; }
    .BusinessSavings .employee-pension .accounts-additional-note { color: var(--color-text-secondary); font-size: var(--font-size-12px); font-style: normal; font-weight: var(--font-weight-400); line-height: var(--line-height-16px); letter-spacing: var(--letter-spacing-04px); }
}

@media (min-width: 767px) {
    footer .collapse:not(.show) {
        display: block;
    }

    footer .accordion-button::after {
        display: none;
    }

    footer #accordionFooter .accordion-header,
    footer #accordionFooter .accordion-button {
        min-height: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .b-cards {
        font-size: var(--font-size-sm);
    }

    .b-cards .img {
        height: var(--spacing-60px);
    }


    .row-cols-md-3 > .col {
        flex: 0 0 50%;
        max-width: 50%;
    }

}

@media (min-width: 991px) and (max-width: 1399px) {
    .content-end .t-24 {
        font-size: var(--font-size-16px);
    }

    .content-end .float-content {
        min-height: auto;
    }

    .content-end .icon img {
        width: var(--spacing-80px);
    }

    .banner-form .tab .nav-tabs li a {
        font-size: var(--font-size-13px);
        padding: var(--spacing-10px) var(--spacing-8px);
    }

    .navbar li a {
        font-size: var(--font-size-13px);
    }
}

@media (min-width: 991px) {
    .content-end.rounded {
        background: none;
    }

    .navbar-toggler {
        display: none !important;
    }

    .carousel-item {
        min-height: var(--spacing-7xl);
        display: flex !important;
        align-items: center;
    }

    .w-md-100 {
        width: 100%;
    }

    .personal-credit-card .custom-col-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .business-credit-card .custom-col-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 991px) {
    #alert-box {
        padding: var(--spacing-16px) 0 var(--spacing-20px);
    }

    #alert-box .container {
        position: var(--position-relative);
        padding-top: var(--spacing-6px);
        padding-right: calc(var(--spacing-40px) + var(--spacing-12px) + var(--spacing-2px));
    }

    #alert-box .row {
        row-gap: var(--spacing-10px);
        padding-top: var(--spacing-24px);
    }

    #alert-box .heading {
        font-size: var(--font-size-20px);
        line-height: var(--line-height-1-3);
        padding-top: var(--top-0);
    }

    #alert-box #divAlertText {
        text-align: left;
        padding-right: var(--margin-0);
        padding-top: var(--spacing-xxs);
    }

    #alert-box #divAlertText p {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        margin-bottom: var(--spacing-8px);
    }

    #alert-box .close-icon {
        position: var(--position-absolute);
        top: var(--spacing-24px);
        right: var(--spacing-12px);
        width: var(--width-auto);
        justify-content: flex-end;
        padding: var(--margin-0);
    }

    .brand-btn {
        padding: var(--spacing-12px);
    }

    .custom-table table tbody tr td,
    .custom-table table tbody tr td span,
    .custom-table table tbody tr td a {
        font-size: var(--font-size-14px) !important;
    }

        .custom-table table tbody tr td,
        .custom-table table tbody tr td a {
            padding: var(--spacing-10px);
        }

    .club-member .content > .accounts-additional-title {font-size: var(--font-size-20px);}
    .IRAs-Home-Page .t-24 { font-size: 20px; font-weight: 400 !important; }
    

    .carousel-item,
    .carousel-inner {
        padding-top: var(--spacing-15px);
        height: auto;
        min-height: auto;
    }
    body {
        padding-top: var(--spacing-112px);
    }

    body.non-home-page {
        padding-top: var( --spacing-112px)
    }

    .title-height {
        height: auto !important;
        padding: 0  var(--spacing-20px)
    }
    .download-apps{
        padding: 0 var(--spacing-20px)
    }

    .carousel-indicators {
        bottom: 0;
        left: var(--spacing-10px);
    }

    .hero-banner-m {
        display: none;
    }

    .overlay-m {
        top: 0;
        bottom: 0;
        position: absolute;
        opacity: 0.95;
        background: linear-gradient(180deg, var(--color-white) 36.85%, var(--color-bg-overlay-mobile) 78.76%);
        width: 100%;
        height:180px !important;
    }

    .short-info {
        margin-top: var(--spacing-10px);
    }

    .navbar-toggler-icon {
        width: 1.1em;
        height: 1.1em;
        color: var(--color-black);
    }

    .content-end .float-content {
        position: static;
        padding: var(--spacing-20px);
    }

    .menu-login {
        margin-right: var(--spacing-4-3rem);
    }

    .section-spacing {
        padding: var(--spacing-40px) 0;
    }

    button.navbar-toggler:focus:not(:focus-visible) {
        outline: 0;
        box-shadow: none;
    }
    .h-44 { height:44px; }
    .navbar-toggler,
    .btn-close-navbar {
        position: absolute;
        right: var(--spacing-15px);
        top: calc(-1 * var(--spacing-40px));
        border-color: var(--color-border-navbar);
        padding: var(--spacing-8px) var(--spacing-16px);
        width: var(--spacing-56px);
        height: var(--spacing-40px);
        border-radius: var(--radius-md);
    }

    .btn-close-navbar {
        padding: 9px 18px;
    }

    .navbar-collapse.collapse.show {
        position: fixed;
        height: 85vh;
        top: 120px;
        bottom: 0;
        background: var(--color-white);
        width: 100%;
        padding: var(--spacing-20px);
        z-index: 12;
        left: 0;
        overflow-y: auto;
        padding-bottom: 10%;
    }

        .navbar-collapse.collapse.show .navbar li a {
            padding: var(--spacing-16px) 0;
        }

        .navbar-collapse.collapse.show ul.navbar-nav {
            border-bottom: var(--border-width) var(--border-style) var(--color-border-light-gray);
            margin-bottom: var(--spacing-20px);
            padding-bottom: var(--spacing-15px);
        }

    .navbar .dropdown-menu {
        border: 0;
        padding-left: var(--spacing-15px);
    }

        .navbar .dropdown-menu li a {
            padding: var(--spacing-16px) 0;
            font-weight: var(--font-weight-400);
        }

    .dropdown-toggle::after {
        float: right;
        position: relative;
        top: var(--spacing-3px);
        right: var(--spacing-3px);
    }
    .business-banking-page .cards {padding:var(--spacing-16px);}
    .business-banking-page .feature-card {padding:var(--spacing-16px); gap:var(--spacing-16px)}
    .business-debit-cards .account-card {padding:var(--spacing-16px); gap:var(--spacing-16px)}
    /* .club-member .content { padding: 0 var(--spacing-24px) var(--spacing-24px) var(--spacing-24px); } */
}

@media (max-width: 767px) {
    .club-member .content { padding: 0 var(--spacing-16px) var(--spacing-16px) var(--spacing-16px); }
    .club-member .club-card-icon { width: var(--size-32px); height: var(--size-32px); flex-basis: var(--size-32px); flex-shrink: 0; }
    .PersonalSavings .tabular-container:first-child { margin-bottom: var(--spacing-32px); }
    .Comparsion-Section h2 { font-size: var(--font-size-20px); } 
    .Comparsion-Section h1 { font-size: var(--font-size-20px); } 
    .club-member .content > h2 { font-size: var(--font-size-xl); } 
    .PersonalSavings .tabular-container { padding: 0; }
    .PersonalSavings .image-container { padding: var(--spacing-24px) !important; justify-content: center; }
    .PersonalSavings .image-container .overlay-content { gap: var(--spacing-8px); padding: var(--spacing-16px); align-self: center; font-size: var(--font-size-12px); }
    .PersonalSavings .overlay-text-info { font-size: var(--font-size-12px); }
    /* .PersonalSavings .image-container > .overlay-cta-wrap { align-self: center; margin-bottom: var(--spacing-24px) !important; } */
    .Comparsion-Section .comparison-title-content p { margin-bottom: var(--spacing-32px);}
    .Comparsion-Section .comparison-title-content p span {font-size: 18px !important;}
    .employee-pension h3{font-size: var(--font-size-20px);}
}

@media (max-width: 450px) {
    .brand-btn {
        padding: var(--spacing-10px);
    }

    .custom-table table tbody tr td,
    .custom-table table tbody tr td span,
    .custom-table table tbody tr td a {
        font-size: 9px !important;
    }

    .custom-table table tbody tr td,
    .custom-table table tbody tr td a {
        padding: var(--spacing-5px);
    }

    .most-popular {
        padding: var(--spacing-5px) !important;
    }

    .custom-tab .nav-item {
        font-size: var(--font-size-14px);
    }

    .custom-tab .nav-item a {
        padding: var(--spacing-10px) var(--spacing-20px);
    }
}

.has-search { color: var(--color-text-placeholder); min-width: var(--min-width-200px); display: var(--display-flex); border: var(--border-width) var(--border-style) var(--color-text-gray); height: var(--height-40px); border-radius: var(--radius-sm); padding: 0; position: var(--position-relative); overflow: hidden; }
.has-search::-webkit-input-placeholder, .navbar .suggestion .form-control::-webkit-input-placeholder{color:var(--color-text-placeholder)} 
.has-search:-ms-input-placeholder, .navbar .suggestion .form-control:-ms-input-placeholder{color:var(--color-text-placeholder)} 
.has-search::placeholder,.navbar .suggestion .form-control::placeholder { color: var(--color-text-placeholder); }
.has-search.img { width: var(--width-15px); margin-right: var(--spacing-8px); height: var(--height-100); z-index: var(--z-index-5); }
.has-search input { font-size: var(--font-size-14px); color: var(--color-text-placeholder); width: var(--width-85-percent); border: var(--border-none); background: var(--color-white); display: var(--display-inline-flex); position: var(--position-absolute); top: 0; height: var(--height-38px); box-sizing: border-box; border-radius: inherit; }
.has-search .search-form input { padding-left: var(--spacing-15px); padding-right: var(--padding-left-35px); width: var(--width-100-percent); }
.has-search .search-form.float-parent { width: var(--width-100-percent); }
.has-search .search-form .img { position: var(--position-absolute); right: var(--spacing-12px); left: auto; top: var(--top-50-percent); transform: translateY(-50%); width: var(--width-15px); height: auto; margin: 0; z-index: var(--z-index-5); cursor: pointer; }
.has-search .search-form.float-parent.focused input { color: var(--color-black); padding-left: var(--spacing-15px) !important; padding-right: var(--padding-left-35px) !important; }
.has-search .search-form label.input.search-label { left: var(--spacing-15px); top: var(--top-negative-13px); line-height: var(--line-height-inherit); color: var(--color-text-placeholder); }
.header-search-box { border: var(--border-width) var(--border-style) var(--color-text-placeholder); }
.header-search-box input.form-control:focus,.header-search-box input.float-label:focus { outline: none !important; box-shadow: none !important; border-color: var(--color-text-placeholder) !important; }
.header-search-box.has-search:focus-within { box-shadow: none !important; border-color: var(--color-text-placeholder) !important;}
.has-search input:hover { outline: var(--outline-none); }
.has-search.form-control-feedback { top: var(--top-1px); font-size: var(--font-size-13px); left: var(--spacing-xxs); color: var(--color-text-light-gray); }
.has-search.search-results img { position: absolute; left: var(--spacing-10px); top: var(--top-50-percent); transform: translateY(-50%); width: var(--width-15px); height: auto; margin: 0; z-index: var(--z-index-5); }
.has-search.search-results input { padding-left: var(--padding-left-35px) !important; }
.float-parent { display: var(--display-flex); position: var(--position-relative); }
.float-parent.search-parent.focused input { padding-top: var(--padding-top-20px) !important; height: var(--height-40px); }
.float-parent.select-parent.focused select { height: var(--height-40px); padding: var(--padding-top-18px) var(--padding-right-20px) var(--padding-bottom-2px) var(--padding-left-5px) !important; }
.float-parent.select-parent.focused .control-label { left: var(--left-5px); top: var(--top-negative-1px); }
.float-parent.search-parent .control-label { top: var(--top-negative-3px); left: var(--left-8px); margin: 0; line-height: var(--line-height-0); }
.float-parent.search-parent.focused .input.control-label { top: var(--spacing-10px); left: var(--left-10px); margin: 0; line-height: var(--line-height-0); }
.float-parent.select-parent .float-label { padding: var(--spacing-8px) var(--padding-right-25px) var(--padding-bottom-5px) 0 !important; }
.float-parent.select-parent { position: var(--position-absolute); right: 0; }
.float-parent label.input.control-label.ebc { left: var(--left-12px) !important; }
.float-parent.focused label.input.control-label { left: var(--left-13px); }
label.input.control-label { line-height: var(--line-height-15px); left: var(--left-18px); }
label.input.search-label { line-height: var(--line-height-0); left: var(--left-10px); font-size: var(--font-size-15px); top: var(--top-negative-2px); z-index: var(--z-index-1); }
.float-parent.focused label.input.search-label { left: var(--left-15px) !important; top: var(--top-negative-2px); z-index: var(--z-index-10); }
.float-parent.focused label.input.control-label { line-height: var(--line-height-32px); }
label.select.control-label { opacity: var(--opacity-0); }
.select.control-label, .input.control-label { font-size: var(--font-size-16px); font-weight: var(--font-weight-400); opacity: var(--opacity-1); pointer-events: var(--pointer-events-none); position: var(--position-absolute); transform: var(--transform-translate3d); transform-origin: var(--transform-origin-left-top); transition: var(--transition-240ms); line-height: var(--line-height-32px); color: var(--color-text-placeholder); }
.float-parent.focused select { padding: var(--padding-top-15px) var(--padding-right-10px) var(--padding-bottom-5px) !important; }
.float-parent.focused input { padding: var(--padding-top-15px) var(--padding-left-13px) var(--padding-bottom-5px) !important; }
#rateForm .float-parent input { height: var(--height-48px) !important; }
.person-option.focused .control-label { opacity: var(--opacity-1) !important; }
.float-parent.focused .control-label { opacity: var(--opacity-1); transform: scale(0.75); color: var(--color-text-placeholder); left: var(--left-13px); }
.float-parent::-webkit-input-placeholder { color: var(--color-transparent); transition: var(--transition-240ms); }
.float-parent:focus::-webkit-input-placeholder { transition: none; }


.iframe-responsive { position: var(--position-relative); overflow: hidden; padding-bottom: var(--padding-56-3-percent); padding-top: var(--spacing-30px); height: auto; border-radius: var(--radius-md); }
.iframe-responsive iframe { position: var(--position-absolute); top: 0; left: 0; width: var(--width-100-percent); height: var(--height-100); border: var(--border-none); }
.short-notice { background: var(--color-primary); padding: var(--spacing-20px) 0; color: var(--color-black); box-shadow: var(--shadow-branch-card); }
.short-notice .heading { font-size: var(--font-size-xl); line-height: var(--line-height-32px); color: var(--color-black); font-family: var(--font-family-base); font-weight: var(--font-weight-semibold); padding-top: var(--spacing-5px); }
.short-notice .inner-content { text-align: center; }
.brand-underline a { text-decoration: underline; color: var(--color-primary); }
.short-notice .inner-content p { font-size: var(--font-size-14px); line-height: var(--line-height-md); color: var(--color-black); font-family: var(--font-family-base); margin: 0; }
.heading-highlight { background-color: var(--color-white); width: var(--width-32px); height: var(--height-3px); }
.short-notice .close-icon { display: var(--display-flex); align-items: center; }
.short-notice .close-icon .img { width: var(--width-24px); height: var(--height-24px); }
.short-notice a, .short-notice a:hover { text-decoration: underline; font-weight: var(--font-weight-semibold); color: var(--color-white); font-family: var(--font-family-base); }
.short-notice button, .short-notice button:hover { background-color: var(--color-transparent); border: none; cursor: pointer; outline: var(--outline-none); padding: 0; }
.short-notice .container { position: var(--position-relative); }

#alert-modal .modal-content { background: var(--color-white) !important; border: var(--border-width) var(--border-style) var(--color-overlay); border-radius: var(--radius-0-5rem); }
body:has(#alert-modal.show) .modal-backdrop, body:has(#alert-modal.showing) .modal-backdrop { opacity: var(--opacity-0-6) !important; }
body:has(#loginPopup.show) .modal-backdrop,
body:has(#loginPopup.showing) .modal-backdrop {
    background-color: var(--color-white) !important;
    opacity: var(--opacity-0-95) !important;
}

.custom-card p, .default-text p, .default-text li { font-size: var(--font-size-14-5px); color: var(--color-text-placeholder); font-weight: var(--font-weight-400); margin-bottom: var(--spacing-10px); font-family: var(--font-family-base) !important; }
.modal-content .brand-btn { padding: var(--padding-12-30); }

#alert-modal .modal-content .brand-btn, #alert-modal .modal-content .brand-btn:focus, #alert-modal .modal-content .brand-btn:active { border: none !important; box-shadow: none !important; outline: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; background-clip: padding-box !important; }


#commonModal { z-index: var(--z-index-1056) !important; }
#commonModal .modal-dialog { z-index: var(--z-index-1056) !important; }
#commonModal .modal-content { background-color: var(--color-white) !important; box-shadow: var(--box-shadow-modal); border-radius: var(--radius-0-5rem); }
#commonModal .modal-header { background-color: var(--color-white); }
#commonModal .modal-body { background-color: var(--color-white); color: var(--color-black); }

#loginPopup { z-index: var(--z-index-1056) !important; }
#loginPopup .modal-backdrop.white { background-color: var(--bg-modal-backdrop) !important; position: var(--position-fixed); top: var(--top-0); left: var(--left-0); width: var(--width-100-percent); height: var(--height-100); z-index: var(--z-index-1); }
#loginPopup .modal-center { position: var(--position-fixed); top: var(--top-50-percent); left: var(--left-50-percent); transform: var(--transform-translate-center); z-index: var(--z-index-1057) !important; width: var(--width-auto); max-width: var(--max-width-90-percent); }
#loginPopup .modal-dialog { z-index: var(--z-index-1057) !important; margin: var(--margin-0); }
#loginPopup .modal-content { background-color: var(--color-white) !important; box-shadow: var(--box-shadow-modal); border-radius: var(--radius-0-5rem); position: var(--position-relative); z-index: var(--z-index-1057); }
#loginPopup .modal-body { background-color: var(--color-white); color: var(--color-black); }

#externalPopup { z-index: var(--z-index-1056) !important; }
#externalPopup .modal-center { position: var(--position-fixed); top: var(--top-50-percent); left: var(--left-50-percent); transform: var(--transform-translate-center); z-index: var(--z-index-1057) !important; width: var(--width-auto); max-width: var(--max-width-90-percent); }
#externalPopup .modal-dialog { z-index: var(--z-index-1057) !important; margin: var(--margin-0); }
#externalPopup .modal-content { background-color: var(--color-white) !important; box-shadow: var(--box-shadow-modal); border-radius: var(--radius-0-5rem); position: var(--position-relative); z-index: var(--z-index-1057); }
#externalPopup .modal-body { background-color: var(--color-white); color: var(--color-black); }


@media (max-width: 480px) {
    #externalPopup .modal-center { width: calc(100vw - var(--spacing-16px)); max-width: calc(100vw - var(--spacing-16px)); }
    #externalPopup .modal-dialog { width: var(--width-100-percent); max-width: var(--width-100-percent); }
    .external-mobile .col-md-12.pt-2 { display: var(--display-flex); flex-wrap: nowrap; gap: var(--spacing-8px); justify-content: center; }
    .external-mobile .col-md-12.pt-2 span { flex: 1 1 0; min-width: var(--spacing-0); margin: var(--margin-0) !important; }
    .external-mobile .brand-btn { width: var(--width-100-percent); padding: var(--spacing-10px) var(--spacing-8px); font-size: var(--font-size-sm); white-space: nowrap; text-align: center; }
}

@media (max-width: 575px) {
    .personal-mortgage .officer-img { width: 101px; height: 101px; }
}

.global-login .modal-backdrop.white { background-color: var(--color-white); opacity: var(--opacity-0-95); }
.global-login .modal-center { display: table; height: var(--height-100); width: var(--width-100-percent); z-index: var(--z-index-1050); }
.global-login .modal-center .modal-dialog { display: table-cell; vertical-align: middle; }
.global-login .modal-dialog { width: var(--login-modal-width-desktop); max-width: var(--login-modal-width-desktop); margin: var(--margin-0) auto; }
.global-login .modal-content { background: var(--color-transparent); border: var(--border-none); box-shadow: none; width: var(--width-100-percent); }
.global-login .modal-content .custom-form { width: var(--login-modal-width-desktop); max-width: var(--width-100-percent); background: var(--color-white); border-radius: var(--radius-sm); padding: var(--margin-0); }
.global-login .modal-body { padding: var(--login-modal-body-padding-desktop); }

/* Scope full-width popup body behavior to header login modal only */
#loginPopup .modal-body { padding: var(--spacing-0) !important; }
#loginPopup .modal-content .custom-form { width: var(--width-100-percent) !important; max-width: var(--width-100-percent) !important; }
#loginPopup .custom-form { position: var(--position-relative); padding-top: var(--top-0) !important; }
#loginPopup .modal-header { position: static; z-index: var(--z-index-7); margin: var(--margin-0); padding: var(--spacing-0); border: var(--border-none); float: none !important; }
#loginPopup .menu-close { position: var(--position-absolute); top: calc(-1 * var(--login-close-offset-desktop)); right: 0; left: auto; display: block; width: auto; height: auto; font-size: var(--font-size-22px); line-height: var(--line-height-1); background: transparent; border-radius: 0; box-shadow: none; z-index: var(--z-index-7); padding: 0; }
#loginPopup .menu-close span { display: block; transform: translateY(var(--login-close-icon-shift-y)); }
#loginPopup .login-tabs { margin-top: var(--spacing-0); }
#loginPopup .login-tabs .nav-tabs { overflow-x: hidden; flex-wrap: nowrap; align-items: stretch; padding-right: var(--spacing-0); }
#loginPopup .login-tabs .nav-item { display: var(--display-flex); flex: 1 1 var(--spacing-0); min-width: var(--spacing-0); }
#loginPopup .login-tabs .nav-link { display: var(--display-flex); align-items: center; justify-content: center; height: var(--height-100); min-height: var(--spacing-56px); text-align: center; white-space: normal; word-break: break-word; line-height: var(--login-tab-link-line-height); }
#loginPopup .login-tabs .tab-content { width: var(--width-100-percent); }
#loginPopup .login-tabs .tab-pane a.brand-btn,
#loginPopup .login-tabs .tab-pane a.brand-btn-login {
    display: var(--display-flex) !important;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-8px);
    white-space: nowrap;
}
#loginPopup .login-tabs .tab-pane a.brand-btn i,
#loginPopup .login-tabs .tab-pane a.brand-btn-login i {
    line-height: var(--line-height-1);
}
#loginPopup .login-tabs a.brand-btn-login,
#loginPopup .login-tabs a.brand-btn-login:focus { color: var(--color-black) !important; text-decoration: none; }
#loginPopup .login-tabs a.brand-btn-login:hover { color: var(--color-white) !important; text-decoration: none; }
#loginPopup .login-tabs a.brand-btn.btn-w-b,
#loginPopup .login-tabs a.brand-btn.btn-w-b:focus { color: var(--color-brand-orange) !important; text-decoration: none; }
#loginPopup .login-tabs a.brand-btn.btn-w-b:hover { color: var(--color-white) !important; text-decoration: none; }
.global-login .modal-header { padding-top: var(--login-modal-header-padding-top); margin-bottom: var(--login-modal-header-margin-bottom); }
.global-login .menu-close { background: none; border: var(--border-none); font-size: var(--login-modal-close-font-size); font-weight: var(--font-weight-bold); line-height: var(--line-height-1); color: var(--color-black); opacity: var(--opacity-1); padding: var(--margin-0); cursor: pointer; }
.global-login .login-tabs .nav-tabs { border-bottom: var(--border-none); flex-wrap: nowrap; overflow: hidden; border-radius: var(--radius-md) var(--radius-md) 0 0; }
.global-login .login-tabs .nav-item { flex: 1 1 var(--spacing-0); min-width: var(--spacing-0); }
.global-login .login-tabs .nav-link,
.global-login .login-tabs .nav-link:hover,
.global-login .login-tabs .nav-link:focus { display: block; width: var(--width-100-percent); margin: var(--margin-0); padding: var(--spacing-sm) var(--spacing-md); border: var(--border-none); border-right: var(--border-width) var(--border-style) var(--color-white); border-radius: var(--spacing-0); background: var(--color-bg-tab-inactive); color: var(--color-text-tab-inactive); font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); text-decoration: none; box-shadow: none; }
.global-login .login-tabs .nav-item:first-child .nav-link { border-top-left-radius: var(--radius-md); }
.global-login .login-tabs .nav-item:last-child .nav-link { border-right: 0; border-top-right-radius: var(--radius-md); }
.global-login .login-tabs .nav-link.active,
.global-login .login-tabs .nav-link.active:hover,
.global-login .login-tabs .nav-link.active:focus { background: var(--color-white); color: var(--color-black); text-decoration: none; }
.global-login .login-tabs .tab-content { background: var(--color-white); padding: var(--spacing-3xl); border-radius: var(--spacing-0) var(--spacing-0) var(--radius-md) var(--radius-md); }
.global-login .login-tabs .tab-content .row { margin-bottom: var(--spacing-sm); }
.global-login .login-tabs .t-color,
.global-login .login-tabs .t-color:hover,
.global-login .login-tabs .t-color:focus { color: var(--color-text-primary); text-decoration: underline; }
.global-login .menu-close:hover { color: var(--color-black); }
.global-login .float-parent { position: var(--position-relative); margin-bottom: var(--login-field-margin-bottom); }
/* .global-login .float-parent .control-label.select { position: absolute; top: 8px; font-size: 13px; color: var(--color-brand-orange); line-height: 1; opacity: 1; pointer-events: none; } */
.global-login .float-parent .control-label.input { position: var(--position-absolute); top: var(--top-50-percent); left: var(--login-label-left-desktop); transform: translateY(-50%); font-size: var(--font-size-14px); color: var(--color-label); pointer-events: var(--pointer-events-none); transition: var(--login-transition); }
.global-login .float-parent.focused .control-label.input { top: var(--top-0); transform: translateY(0); font-size: var(--font-size-11px); color: var(--login-label-color-focused); }
.global-login .float-label, .global-login .float-label.form-control, .global-login .float-label.form-control-sm, .global-login input.float-label, .global-login select.float-label { border: none !important; border-bottom: var(--border-width-thick) solid var(--color-brand-orange) !important; background: var(--login-input-bg) !important; box-shadow: none !important; height: var(--login-input-height); font-size: var(--font-size-15px); color: var(--color-text-primary); width: var(--width-100-percent); outline: var(--outline-none); appearance: none; -webkit-appearance: none; border-top-left-radius: var(--radius-3px); border-top-right-radius: var(--radius-3px);}
.global-login input.float-label { font-size: var(--font-size-15px); }
/* .global-login select.float-label { font-size: 15px; padding-right: 42px !important; } */
.global-login .float-label:focus, .global-login input.float-label:focus, .global-login select.float-label:focus { border-bottom-color: var(--color-brand-orange) !important; box-shadow: none !important; }
.global-login .options.float-parent::after { content: "\f078"; font-family: FontAwesome; position: var(--position-absolute); right: var(--spacing-12px); top: var(--top-50-percent); transform: translateY(-50%); font-size: var(--font-size-16px); color: var(--login-option-icon-color); pointer-events: var(--pointer-events-none); }
.global-login .password-block { position: var(--position-relative); }
.global-login .toggle-password { position: var(--position-absolute); right: var(--spacing-12px); top: var(--top-50-percent); transform: translateY(-50%); background: none; border: var(--border-none); cursor: pointer; color: var(--login-icon-muted); padding: var(--margin-0); }
.global-login .toggle-password:hover { color: var(--color-brand-orange); }
.global-login .password-icon { font-size: var(--font-size-20px); }
.global-login .IELoginBox { align-items: flex-start; }
.global-login .IELoginBox .custom-checkbox { padding-top: var(--spacing-2px); }
.global-login .IELoginBox a.brand-color { display: block; }
.global-login .custom-control-label { font-size: var(--font-size-12px); color: var(--color-text-primary); cursor: pointer; }
.global-login .custom-control-input { accent-color: var(--color-brand-orange); }
.global-login .forgot-pwd a { display: block; font-size: var(--font-size-12px); line-height: var(--login-link-line-height); text-decoration: none; }
.global-login .brand-color { color: var(--color-brand-orange) !important; }
.global-login .brand-color:hover { text-decoration: underline !important; }
.global-login .brand-btn.secure-login { background: var(--color-brand-orange) !important; color: var(--color-white) !important; border: none !important; border-radius: var(--radius-sm) !important; font-size: var(--font-size-16px); font-weight: var(--font-weight-semibold); padding: var(--login-custom-cc-button-padding) !important; min-width: var(--login-button-min-width); cursor: pointer; white-space: nowrap; }
.global-login .brand-btn.secure-login:hover { background: var(--color-brand-orange-dark) !important; }
.global-login .col-8.pt-2 { padding-top: var(--spacing-16px) !important; }
.global-login .option-hide small { font-size: var(--font-size-13px); }
.global-login .option-hide a {color: var(--color-brand-orange);}
.global-login .t-22 { padding-top: var(--login-title-padding-top) !important; }
.global-login .t-22 p:first-child { font-size: var(--font-size-16px); font-weight: var(--font-weight-bold); letter-spacing: var(--letter-spacing-08em); color: var(--login-muted-text); margin-bottom: var(--margin-bottom-2px); }
.global-login .customer-support p:first-child {margin-bottom: var(--spacing-8px);}
.global-login a.contact { font-size: var(--font-size-16px); font-weight: var(--font-weight-bold); color: var(--color-brand-orange) !important; text-decoration: none; line-height: var(--login-contact-line-height); }
.global-login a.contact:hover { text-decoration: underline; }
.global-login .person-option.focused .control-label.select { opacity: var(--opacity-1) !important; top: var(--spacing-8px) !important; left: var(--spacing-8px) !important; font-size: var(--font-size-14px) !important; color: var(--login-label-color-focused) !important; line-height: var(--line-height-1) }
.custom-form input:not([type=checkbox]), .custom-form select { border-bottom: var(--login-brand-border-bottom); font-size: var(--font-size-base); border-top: var(--border-none); border-left: var(--border-none); border-right: var(--border-none); height: var(--login-input-height); font-family: var(--font-family-base), sans-serif; width: var(--width-100-percent); background: var(--color-bg-light); padding: var(--spacing-10px); line-height: var(--line-height-md); border-top-left-radius: var(--radius-3px); border-top-right-radius: var(--radius-3px); color: var(--color-text-primary); }
.custom-form input, .custom-form select { outline: none; margin-bottom: var(--spacing-10px); }
.custom-form select option { background: var(--color-white); height: var(--height-40px); }
.custom-form .t-12 { font-size: var(--font-size-12px); }
.custom-form .brand-color { color: var(--color-brand-orange); }
.custom-form a.non-link, .custom-form a.non-link:hover { color: var(--color-white); text-decoration: none; }
.custom-form a, .custom-form a:hover { color: var(--color-brand-orange); text-decoration: underline; }
.custom-form .brand-btn { padding: var(--login-custom-cc-button-padding); }

/* Customer inquiry form */
.contact-enquiry .row { margin-bottom: var(--spacing-xl); }
.contact-enquiry .row input, .contact-enquiry .row select, .contact-enquiry .row textarea, .contact-enquiry .row .disabled-select { background-color: var(--color-surface-light); border-top: var(--border-none); border-left: var(--border-none); border-right: var(--border-none); border-bottom: var(--border-width) var(--border-style) var(--color-branch-border); height: var(--spacing-section); border-radius: var(--border-none); font-family: var(--font-family-base); }
.contact-enquiry .row .disabled-select { color: var(--color-text-muted); }
.contact-enquiry .left-col, .legend-label { font-size: var(--font-size-sm); display: var(--display-flex); align-items: center; align-content: center; font-weight: var(--font-weight-bold); font-family: var(--font-family-base); color: var(--color-text-dark); padding-top: var(--border-none) !important; padding-bottom: var(--border-none) !important; }
.contact-email label { font-size: var(--font-size-sm); font-weight: var(--font-weight-bold); color: var(--color-gray-333); }
.contact-enquiry label.error, .contact-enquiry .field-validation-error { font-size: var(--font-size-13px); color: var(--color-validation-error); }
.contact-enquiry .row input[type=radio] { height: auto; position: var(--position-relative); top: var(--top-1px); }
.contact-enquiry .row textarea { height: var(--spacing-4xl); resize: none; }

.float-parent.focused select { padding: var(--spacing-15px) var(--spacing-10px) var(--spacing-5px) !important; }
.float-parent.focused input { padding: var(--spacing-15px) var(--spacing-13px) var(--spacing-5px) !important;  }
#rateForm .float-parent input { height: var(--height-48px) !important; }
.person-option.focused .control-label { opacity: var(--opacity-1) !important; }
.float-parent.focused .control-label { opacity: var(--opacity-1);transform: scale(0.75);color: var(--login-label-color-focused);left: var(--left-13px); }
.float-parent::-webkit-input-placeholder { color: var(--color-transparent);transition: var(--transition-240ms); }
.float-parent:focus::-webkit-input-placeholder { transition: none; }
.login-form .custom-cc { font-family: var(--font-family-base); text-align: left; display: none; color: var(--color-gray-333); padding: var(--login-custom-cc-padding); }
.login-form div.custom-cc p { font-family: var(--font-family-base); color: var(--color-black) !important; margin: var(--margin-10-0); font-size: var(--font-size-base) !important; font-weight: var(--font-weight-normal); line-height: var(--line-height-normal); }
.login-form .custom-cc a, .login-form .custom-cc a:hover { height: auto; display: inline-block; text-decoration: none; text-transform: capitalize; line-height: var(--line-height-1); background-color: var(--color-brand-orange); font-size: var(--font-size-15px); padding: var(--login-custom-cc-button-padding); border-radius: var(--radius-3px); color: var(--color-white) !important; text-align: center; }
.login-form.nav-top .custom-cc a { background: var(--color-brand-orange); border-radius: var(--radius-xl); padding: var(--login-custom-cc-button-padding-nav); font-size: var(--font-size-base); line-height: var(--line-height-md); }
.login-form.nav-top .custom-cc a:hover { background: var(--color-brand-orange-dark); }

@media (max-width: 480px) {
    #loginPopup .modal-center { left: var(--top-50-percent); transform: var(--transform-translate-center); width: calc(100vw - 16px); max-width: calc(100vw - 16px); padding: var(--spacing-0); }
    .global-login .modal-dialog { width: var(--width-100-percent) !important; min-width: unset !important; max-width: var(--width-100-percent) !important; }
    .global-login .modal-content .custom-form { width: var(--width-100-percent) !important; }
    .global-login .modal-content { width: var(--width-100-percent) !important; }
    .global-login .modal-body { padding: var(--login-modal-body-padding-mobile-compact); }
    #loginPopup .modal-body { padding: 0 !important; }
    #loginPopup .menu-close { top: calc(-1 * var(--spacing-32px)); right: 0; left: auto; width: auto; height: auto; font-size: var(--font-size-20px); border-radius: 0; }
    #loginPopup .login-tabs .nav-tabs { padding-right: var(--spacing-0); }
    #loginPopup .login-tabs .nav-tabs { flex-wrap: nowrap; }
    #loginPopup .login-tabs .nav-item { flex: 1 1 0; }
    #loginPopup .login-tabs .nav-link { min-height: var(--spacing-48px); padding: var(--spacing-10px) var(--spacing-8px); font-size: var(--font-size-12px); }
    #loginPopup .login-tabs .tab-content { padding: var(--spacing-xl); }
    #loginPopup .login-tabs .tab-pane .col-md-6 { flex: var(--spacing-0) var(--spacing-0) calc(var(--width-100-percent) / 2); max-width: calc(var(--width-100-percent) / 2); }
    #loginPopup .login-tabs .tab-pane .brand-btn,
    #loginPopup .login-tabs .tab-pane .brand-btn-login { padding-left: var(--spacing-8px); padding-right: var(--spacing-8px); }
    /* .global-login .float-parent .control-label.select { left: 14px; top: 7px; font-size: 12px; } */
    .global-login .float-parent .control-label.input { left: var(--login-label-left-mobile); font-size: var(--font-size-15px); }
    .global-login .float-parent.focused .control-label.input { top: var(--top-0); font-size: var(--font-size-10px); }
    .global-login .float-label, .global-login .float-label.form-control, .global-login .float-label.form-control-sm, .global-login input.float-label, .global-login select.float-label { height: var(--login-input-height-mobile); font-size: var(--font-size-15px); padding: var(--login-mobile-input-padding) !important; }
    .global-login input.float-label { font-size: var(--font-size-15px); }
    .global-login select.float-label { font-size: var(--font-size-15px); }
    .global-login a.contact { font-size: var(--font-size-15px); }
    /* .global-login .col-4.option-hide { width: 100%; } */
    /* .global-login .col-8.pt-2 { width: 100%; text-align: left !important; } */
}
@media (min-width: 481px) and (max-width: 768px) {
    .global-login .modal-dialog { width: var(--login-modal-width-desktop) !important; min-width: var(--login-modal-width-desktop) !important; max-width: var(--login-modal-width-desktop) !important; }
    .global-login .modal-content .custom-form { width: var(--login-modal-width-desktop) !important; }
    .global-login .modal-content { width: var(--width-100-percent) !important; }
    #loginPopup .login-tabs .tab-pane .col-md-6 { flex: var(--spacing-0) var(--spacing-0) calc(var(--width-100-percent) / 2); max-width: calc(var(--width-100-percent) / 2); }
    /* .global-login .float-parent .control-label.select { left: 18px; top: 8px; font-size: 13px; } */
    .global-login .float-parent .control-label.input { left: var(--login-label-left-desktop); font-size: var(--font-size-15px); }
    .global-login .float-parent.focused .control-label.input { top: var(--top-0); font-size: var(--font-size-11px); }
    .global-login .float-label, .global-login .float-label.form-control, .global-login .float-label.form-control-sm, .global-login input.float-label, .global-login select.float-label { font-size: var(--font-size-15px); }
    .global-login input.float-label { font-size: var(--font-size-15px); }
    .global-login select.float-label { font-size: var(--font-size-15px); }
    .global-login a.contact { font-size: var(--font-size-16px); }
}
@media (max-width: 470px) {
    #loginPopup .menu-close { top: calc(-1 * var(--spacing-32px)); right: 0; left: auto; }
}
@media (max-width: 767.98px) { .open-account .services-card { padding: var(--spacing-16px); } }
@media (max-width: 767.98px) {
    .IRAs-Home-Page .custom-table table tbody tr th:first-child { padding: var(--spacing-12px); }
    .IRAs-Home-Page .custom-table table tbody tr:first-child td:nth-child(2), .IRAs-Home-Page .custom-table table tbody tr:first-child td:nth-child(3) { padding: var(--spacing-12px); }
   
    .custom-table table { min-width: var(--min-width-custom-table); }
    .mobile-pe-0 { padding-right: 0; }
}