:root {
    --bank-blue: #216bb4;
    --bank-blue-dark: #073b69;
    --bank-gold: #f7c94e;
    --bank-ink: #17324d;
    --bank-muted: #64778b;
    --bank-surface: #f6f9fc;
    --bank-white: #ffffff;
    --bank-border: rgba(33, 107, 180, .12);
    --bank-shadow: 0 14px 38px rgba(7, 59, 105, .11);
}

html { scroll-behavior: smooth; }
body { color: var(--bank-ink) !important; background: var(--bank-white); }
a { color: var(--bank-blue); }

.bank-header {
    position: sticky;
    top: 0;
    z-index: 1040;
    background: var(--bank-white);
    box-shadow: 0 1px 0 var(--bank-border);
}

.bank-topbar {
    position: relative;
    min-height: 96px;
    color: var(--bank-blue);
    background: var(--bank-gold);
    border-bottom: 4px solid var(--bank-blue);
    border-radius: 0 0 40px 40px;
    box-shadow: 0 4px 10px rgba(7,59,105,.055);
    font-size: .75rem;
    line-height: 1.4;
}

.bank-topbar__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 96px;
}
.bank-topbar__brand {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 390px;
    height: 86px;
    padding: 0;
    transform: translate(-50%, -50%);
}
.bank-topbar__brand img {
    display: block;
    width: 380px;
    height: 82px;
    object-fit: contain;
    filter: none;
}
.bank-topbar__social {
    position: absolute;
    left: 0;
    top: 50%;
    display: flex;
    align-items: center;
    gap: .55rem;
    transform: translateY(-50%);
}
.bank-topbar__social a {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(33,107,180,.34);
    border-radius: 50%;
    transition: background-color .2s ease, transform .2s ease;
}
.bank-topbar__social img {
    width: 17px;
    height: 17px;
    filter: brightness(0) saturate(100%) invert(35%) sepia(61%) saturate(1116%) hue-rotate(172deg) brightness(91%) contrast(92%);
    opacity: .96;
}
.bank-topbar__social a:hover,
.bank-topbar__social a:focus-visible,
.bank-topbar__social a:active {
    border-color: var(--bank-blue);
    background: rgba(33,107,180,.1);
    transform: translateY(-2px);
    outline: none;
}
.bank-topbar__social a:hover img,
.bank-topbar__social a:focus-visible img,
.bank-topbar__social a:active img {
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(35%) sepia(61%) saturate(1116%) hue-rotate(172deg) brightness(91%) contrast(92%);
}
.bank-topbar__tools {
    position: absolute;
    top: 50%;
    right: 0;
    gap: 1.15rem;
    transform: translateY(-50%);
}
.bank-topbar__link,
.bank-language,
.bank-search-button {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0;
    border: 0;
    color: var(--bank-blue);
    background: transparent;
    text-decoration: none;
    font: inherit;
    transition: color .2s ease;
}
.bank-topbar__link:hover,
.bank-language:hover,
.bank-search-button:hover { color: var(--bank-blue-dark); }
.bank-language {
    min-height: 25px;
    padding-inline-start: 1rem;
    border-inline-start: 1px solid rgba(33,107,180,.34);
    font-weight: 700;
}

.bank-navbar {
    min-height: 74px;
    padding: .55rem 0;
    background: rgba(255,255,255,.98);
    transition: min-height .28s ease, box-shadow .28s ease, transform .28s ease;
}
.bank-navbar__inner { gap: 1.25rem; }
.bank-header.is-scrolled {
    box-shadow: 0 10px 32px rgba(7,59,105,.12);
}
.bank-header.is-scrolled .bank-topbar { box-shadow: 0 5px 16px rgba(7,59,105,.10); }

.bank-navbar .navbar-nav {
    flex: 1 1 auto;
    justify-content: center;
    gap: .1rem;
    width: 100%;
}
.bank-navbar .navbar-nav > li { position: relative; }
.bank-navbar .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .72rem .78rem !important;
    color: var(--bank-ink) !important;
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.3;
    border-radius: 9px;
    transition: color .2s ease, background-color .2s ease;
}
.bank-navbar .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    inset-inline: .8rem;
    bottom: .28rem;
    height: 3px;
    border-radius: 4px;
    background: var(--bank-gold);
    transform: scaleX(0);
    transition: transform .22s ease;
}
.bank-navbar .navbar-nav .nav-link:hover,
.bank-navbar .navbar-nav .nav-link.active {
    color: var(--bank-blue) !important;
    background: rgba(33,107,180,.055);
}
.bank-navbar .navbar-nav .nav-link:hover::before,
.bank-navbar .navbar-nav .nav-link.active::before { transform: scaleX(1); }

.bank-navbar .dropdown-menu {
    --bank-menu-bridge: .72rem;
    min-width: 235px;
    padding: .55rem;
    border: 1px solid var(--bank-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--bank-shadow);
}
@media (min-width: 992px) {
    .bank-navbar .nav-item.dropdown { position: relative; }
    .bank-navbar .nav-item.dropdown > .dropdown-menu { margin-top: 0; }
    .bank-navbar .nav-item.dropdown > .dropdown-menu::before {
        content: "";
        position: absolute;
        inset-inline: 0;
        top: calc(-1 * var(--bank-menu-bridge));
        height: var(--bank-menu-bridge);
        background: transparent;
    }
    .bank-navbar .dropdown-menu .dropdown { position: relative; }
    .bank-navbar .dropdown-menu .dropdown > .dropdown-menu::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: .75rem;
        background: transparent;
    }
    [dir="rtl"] .bank-navbar .dropdown-menu .dropdown > .dropdown-menu::before { left: 100%; }
    [dir="ltr"] .bank-navbar .dropdown-menu .dropdown > .dropdown-menu::before { right: 100%; }
    .bank-navbar .dropdown.show > .dropdown-menu,
    .bank-navbar .dropdown-menu.show { display: block; }
}
.bank-navbar .dropdown-item {
    padding: .68rem .8rem;
    color: var(--bank-ink);
    font-size: .84rem;
    border: 0 !important;
    border-radius: 8px;
    transition: color .18s ease, background-color .18s ease, padding .18s ease;
}
.bank-navbar .dropdown-item:hover,
.bank-navbar .dropdown-item.active {
    color: var(--bank-blue) !important;
    background: rgba(247,201,78,.2) !important;
    padding-inline-start: 1rem;
}
.dropdown-caret {
    width: 7px !important;
    height: 7px !important;
    margin-inline-start: .1rem !important;
    border: 0 !important;
    border-inline-end: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg);
}
.dropdown:hover > a .dropdown-caret { transform: rotate(225deg); }

.bank-digital-cta {
    flex: 0 0 auto;
    align-items: center;
    gap: .55rem;
    min-height: 44px;
    padding: .65rem 1rem;
    color: var(--bank-blue-dark);
    background: var(--bank-gold);
    border-radius: 10px;
    text-decoration: none;
    font-size: .82rem;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(247,201,78,.24);
    transition: transform .2s ease, box-shadow .2s ease;
}
.bank-digital-cta:hover { color: var(--bank-blue-dark); transform: translateY(-2px); box-shadow: 0 12px 24px rgba(247,201,78,.32); }

/* Home hero */
.banner-home {
    background: var(--bank-blue-dark);
}
.banner-home::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(7,59,105,.08), transparent 48%, rgba(7,59,105,.24));
}
.banner-home .swiper-wrapper,
.banner-home .swiper-slide,
.banner-home .swiper-slide > div,
.banner-home picture { height: 100%; width: 100%; }
.banner-home .banner-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}
.swiper-pagination-slider { z-index: 4 !important; justify-content: center !important; gap: 7px !important; }
.swiper-pagination-slider .swiper-pagination-bullet {
    width: 28px !important;
    height: 4px !important;
    margin: 0 !important;
    background: rgba(255,255,255,.65) !important;
}
.swiper-pagination-slider .swiper-pagination-bullet-active { width: 48px !important; height: 4px !important; background: var(--bank-gold) !important; }

.home-service-dock {
    position: relative;
    z-index: 5;
    margin-top: 0;
    padding: 1.4rem 0 3.5rem;
    background: linear-gradient(180deg, #fff 0%, var(--bank-surface) 100%);
}
.home-service-dock__panel {
    display: grid;
    grid-template-columns: repeat(5, minmax(0,1fr));
    gap: .8rem;
}
.home-service-dock__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .55rem;
    min-height: 188px;
    padding: 1rem .9rem;
    overflow: hidden;
    color: var(--bank-ink);
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    border: 1px solid var(--bank-border);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(7,59,105,.055);
    transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.home-service-dock__number {
    position: absolute;
    top: .75rem;
    inset-inline-end: .75rem;
    display: grid;
    place-items: center;
    width: 36px;
    height: 33px;
    color: var(--bank-blue);
    background: rgba(33,107,180,.08);
    border-radius: 9px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .05em;
}
.home-service-dock__icon {
    display: grid;
    place-items: center;
    width: 78px;
    height: 78px;
    margin-top: .1rem;
    border-radius: 50%;
    background: linear-gradient(145deg, #f6f9fc, #e8f0f8);
}
.home-service-dock__icon img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}
.home-service-dock__item > span:not(.home-service-dock__number):not(.home-service-dock__icon) { text-align: center; }
.home-service-dock__item strong { display: block; color: var(--bank-blue); font-size: .9rem; }
.home-service-dock__item small { display: block; margin-top: .25rem; color: var(--bank-muted); font-size: .68rem; line-height: 1.6; }
.home-service-dock__item:hover,
.home-service-dock__item:focus-visible {
    color: var(--bank-ink);
    border-color: rgba(247,201,78,.9);
    box-shadow: 0 14px 30px rgba(7,59,105,.11);
    transform: translateY(-5px);
    outline: none;
}
.home-service-dock__item:focus-visible { box-shadow: 0 0 0 4px rgba(33,107,180,.16), 0 14px 30px rgba(7,59,105,.11); }

/* Harmonize the existing homepage without replacing its dynamic content. */
#main-content > section:not(:first-child) { position: relative; }
#main-content .container > h1,
#main-content .container > h2,
#main-content .text-center > h2,
#main-content .text-center > a.fw-bold { color: var(--bank-blue) !important; }
.cards-section { padding: 3.5rem 0; background: var(--bank-surface); }
.cards-section .card-item {
    width: 220px !important;
    height: 220px !important;
    margin: .65rem !important;
    border: 1px solid var(--bank-border) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(7,59,105,.07) !important;
}
.cards-section .card-item:hover { transform: translateY(-7px) !important; box-shadow: var(--bank-shadow) !important; }
.cards-section .card-item::before { background: var(--bank-gold) !important; }
.cards-section .card-text { margin-top: 1.5rem !important; color: var(--bank-ink) !important; }
.animate-on-scroll { transform: translateY(28px) !important; transition-duration: .65s !important; }
.animate-on-scroll.visible { transform: translateY(0) !important; }

@keyframes bankHeaderIn { from { transform: translateY(-100%); } to { transform: translateY(0); } }

@media (max-width: 1199.98px) {
    .bank-navbar__inner { gap: .65rem; }
    .bank-navbar .navbar-nav .nav-link { padding-inline: .55rem !important; font-size: .8rem; }
    .home-service-dock__item { padding-inline: .8rem; }
}

@media (max-width: 991.98px) {
    .bank-topbar,
    .bank-topbar__inner { min-height: 72px; }
    .bank-topbar__brand { width: 300px; height: 68px; }
    .bank-topbar__brand img { width: 290px; height: 64px; }
    .bank-navbar { min-height: 74px; }
    .bank-navbar__inner { justify-content: flex-end; }
    .bank-menu-toggle { border: 1px solid var(--bank-border); border-radius: 10px; }
    .bank-offcanvas {
        width: min(88vw, 390px) !important;
        height: 100dvh;
        max-height: 100dvh;
        overflow: hidden;
        overscroll-behavior: contain;
    }
    .bank-offcanvas .offcanvas-header { color: #fff; background: var(--bank-blue-dark); }
    .bank-offcanvas .btn-close { filter: invert(1); }
    .bank-offcanvas .offcanvas-body {
        display: block !important;
        min-height: 0;
        height: calc(100dvh - 64px);
        padding-bottom: calc(1.25rem + env(safe-area-inset-bottom));
        overflow-y: auto !important;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }
    .bank-offcanvas .navbar-nav {
        flex-wrap: nowrap !important;
        min-height: max-content;
    }
    .bank-offcanvas .nav-item.dropdown:hover > .dropdown-menu,
    .bank-offcanvas .dropdown-menu .dropdown:hover > .dropdown-menu {
        display: none;
    }
    .bank-offcanvas .nav-item.dropdown > .dropdown-menu.show,
    .bank-offcanvas .dropdown-menu .dropdown > .dropdown-menu.show {
        display: block;
    }
    .bank-offcanvas .nav-link,
    .bank-offcanvas .dropdown-item {
        touch-action: manipulation;
    }
    .bank-navbar .navbar-nav { align-items: stretch; gap: .15rem; width: 100%; }
    .bank-navbar .navbar-nav .nav-link { justify-content: space-between; padding: .8rem !important; }
    .bank-navbar .navbar-nav .nav-link::before { display: none; }
    .bank-navbar .dropdown-menu { position: static !important; min-width: 100%; padding: .25rem; border: 0; box-shadow: none; }
    .bank-navbar .dropdown-menu .dropdown-menu { margin-inline-start: .65rem !important; }
    .bank-mobile-tools { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--bank-border); }
    .bank-mobile-tool { display: flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; color: var(--bank-blue); background: var(--bank-surface); border: 0; border-radius: 9px; text-decoration: none; }
    .home-service-dock__panel { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 575.98px) {
    .bank-topbar,
    .bank-topbar__inner { min-height: 68px; }
    .bank-topbar__brand { width: 190px; height: 54px; padding-inline: 0; }
    .bank-topbar__brand img { width: 186px; height: 52px; }
    .bank-topbar__social { gap: .18rem; }
    .bank-topbar__social a { width: 25px; height: 25px; }
    .bank-topbar__social a { display: none; }
    .bank-topbar__social a:nth-child(5),
    .bank-topbar__social a:nth-child(6) { display: grid; }
    .bank-topbar__social img { width: 14px; height: 14px; }
    .bank-topbar__link span { display: none; }
    .bank-language { padding-inline-start: 0; border-inline-start: 0; font-size: .68rem; }
    .bank-topbar__tools { gap: 0; }
    .home-service-dock { padding: 1rem .45rem 2.5rem; }
    .home-service-dock__panel { grid-template-columns: 1fr; gap: .75rem; }
    .home-service-dock__item { min-height: 218px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .animate-on-scroll { opacity: 1 !important; transform: none !important; }
}

/* Responsive safety layer */
html, body { max-width: 100%; overflow-x: clip; }
img, picture, video, iframe { max-width: 100%; }

@media (max-width: 1199.98px) {
    .bank-topbar__inner { max-width: calc(100% - 32px); }
    .bank-topbar__brand { width: min(34vw, 330px); }
    .bank-topbar__brand img { width: 100%; height: auto; }
}

@media (max-width: 991.98px) {
    .bank-header { position: relative; }
    .bank-topbar, .bank-topbar__inner { min-height: 78px; }
    .bank-topbar { border-radius: 0 0 26px 26px; }
    .bank-topbar__inner { max-width: calc(100% - 24px); }
    .bank-topbar__brand { width: min(42vw, 300px); height: 64px; }
    .bank-topbar__brand img { width: 100%; height: auto; }
    .bank-topbar__social { gap: .28rem; }
    .bank-topbar__social a { width: 27px; height: 27px; }
    .bank-language { font-size: .72rem; }
    .bank-navbar { min-height: 60px; padding: .4rem 0; }
    .home-service-dock { padding-bottom: 2.5rem; }
    .home-service-dock__item { min-height: 205px; }
}

@media (max-width: 767.98px) {
    body { font-size: 16px !important; }
    .bank-topbar, .bank-topbar__inner { min-height: 70px; }
    .bank-topbar__brand { width: min(47vw, 220px); height: 54px; }
    .bank-topbar__social { display: none !important; }
    .bank-language { border: 0; padding: 0; }
    .home-service-dock__panel { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }
    .home-service-dock__item { min-height: 178px; padding: 1rem .7rem; gap: .5rem; border-radius: 14px; }
    .home-service-dock__number { top: .7rem; inset-inline-end: .7rem; width: 34px; height: 31px; }
    .home-service-dock__icon { width: 76px; height: 76px; }
    .home-service-dock__icon img { width: 52px; height: 52px; }
    .home-service-dock__item strong { font-size: .88rem; }
    .home-service-dock__item small { font-size: .68rem; line-height: 1.55; }
}

@media (max-width: 479.98px) {
    .bank-topbar__inner { max-width: calc(100% - 16px); }
    .bank-topbar__brand { width: 176px; }
    .bank-topbar__tools { right: 0; }
    .home-service-dock { padding-inline: .25rem; }
    .home-service-dock__panel { grid-template-columns: 1fr; }
    .home-service-dock__item { min-height: 158px; }
}

/* Banking service detail pages */
.inma-banking-detail-hero{padding:28px 0 18px;background:linear-gradient(180deg,#f6f9fc,#fff)}
.inma-banking-detail-hero .container{max-width:1380px}
.inma-banking-detail-hero__card{position:relative;min-height:230px;display:flex;align-items:center;overflow:hidden;padding:42px clamp(28px,6vw,82px);border:1px solid rgba(33,107,180,.14);border-bottom:4px solid #216bb4;border-radius:28px;background:linear-gradient(120deg,rgba(255,255,255,.97),rgba(255,248,221,.94)),url('/new/public/img/sec_back/kardback.webp') center/cover no-repeat;box-shadow:0 15px 38px rgba(7,59,105,.08)}
.inma-banking-detail-hero__card::before{content:'';position:absolute;width:310px;height:230px;inset-inline-end:-70px;bottom:-90px;background:url('/new/public/img/sec_back/kardback.webp') center/cover;opacity:.07;transform:rotate(-8deg)}
.inma-banking-detail-hero__gold{position:absolute;inset-inline-end:0;top:0;width:8px;height:100%;background:#f7c94e}
.inma-banking-detail-hero__content{position:relative;z-index:1;width:min(800px,100%)}
.inma-banking-detail-hero__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:16px;color:#64778b;font-size:.8rem}
.inma-banking-detail-hero__breadcrumb a{color:#216bb4;text-decoration:none}.inma-banking-detail-hero__breadcrumb strong{color:#b98200}
.inma-banking-detail-hero h1{margin:0 0 10px;color:#216bb4;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.3}
.inma-banking-detail-hero p{max-width:720px;margin:0;color:#64778b;font-size:1rem;line-height:1.8}.inma-banking-detail-hero__orbit{display:none}
.banking-detail-content{padding:18px 0 72px;background:#fff}.banking-detail-content .container{max-width:1380px}
.banking-detail-content__card{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);gap:36px;align-items:start;padding:36px;border:1px solid rgba(33,107,180,.12);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(7,59,105,.07)}
.banking-detail-content__body{min-width:0}.banking-detail-content__section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid rgba(33,107,180,.10)}
.banking-detail-content__section h2{position:relative;padding-inline-start:17px;color:#216bb4;font-size:1.12rem;font-weight:800}.banking-detail-content__section h2::before{content:'';position:absolute;inset-inline-start:0;top:.35em;width:6px;height:1.15em;border-radius:5px;background:#f7c94e}
.banking-detail-content__section>div{color:#41566c;font-size:.95rem;line-height:2}.banking-detail-content__section ul{padding-inline-start:22px}
.banking-detail-content__visual{position:sticky;top:195px;overflow:hidden;padding:16px;border:1px solid rgba(247,201,78,.48);border-radius:20px;background:linear-gradient(145deg,#fff,#fff9e8);box-shadow:0 12px 30px rgba(7,59,105,.08)}
.banking-detail-content__visual img{display:block;width:100%;max-height:540px;object-fit:contain;border-radius:14px}
.banking-detail-content__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;padding:11px 24px;color:#073b69;background:#f7c94e;border-radius:12px;font-weight:800;text-decoration:none}.banking-detail-content__cta:hover{color:#fff;background:#216bb4}
@media(max-width:991.98px){.banking-detail-content__card{grid-template-columns:1fr}.banking-detail-content__visual{position:relative;top:auto;order:-1;max-width:620px;margin-inline:auto}}
@media(max-width:575.98px){.inma-banking-detail-hero{padding:12px 0}.inma-banking-detail-hero .container,.banking-detail-content .container{padding-inline:8px}.inma-banking-detail-hero__card{min-height:170px;padding:26px 18px;border-radius:18px}.inma-banking-detail-hero__breadcrumb{font-size:.69rem;gap:5px}.inma-banking-detail-hero h1{font-size:1.85rem}.inma-banking-detail-hero p{font-size:.84rem}.banking-detail-content{padding:8px 0 44px}.banking-detail-content__card{gap:22px;padding:16px;border-radius:17px}.banking-detail-content__visual{padding:8px;border-radius:15px}.banking-detail-content__section{margin-bottom:18px;padding-bottom:18px}.banking-detail-content__section h2{font-size:1rem}.banking-detail-content__section>div{font-size:.86rem;line-height:1.85}}

/* Unified internal-page title banner */
#main-content .inma-page-banner {
    position: relative;
    isolation: isolate;
    width: calc(100% - 48px);
    max-width: 1380px;
    min-height: 0;
    margin: 28px auto 46px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(33,107,180,.15);
    border-bottom: 4px solid var(--bank-gold);
    border-radius: 26px;
    background:
        linear-gradient(115deg,rgba(255,255,255,.97),rgba(246,249,252,.96) 66%,rgba(247,201,78,.16)),
        url('/img/sec_back/kardback.webp') center/cover no-repeat;
    box-shadow: 0 16px 38px rgba(7,59,105,.09);
}
#main-content .inma-page-banner::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset-inline-end: -65px;
    top: -105px;
    width: 310px;
    height: 250px;
    background: url('/img/sec_back/kardback.webp') center/cover no-repeat;
    opacity: .09;
    transform: rotate(-4deg);
    pointer-events: none;
}
#main-content .inma-page-banner::after { display: none; }
#main-content .inma-page-banner__orbit { display: none; }
#main-content .inma-page-banner > .container { position: relative; z-index: 2; }
#main-content .inma-page-banner__card {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 150px;
    overflow: hidden;
    border: 1px solid rgba(247,201,78,.42);
    border-radius: 20px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 10px 26px rgba(7,59,105,.065);
}
#main-content .inma-page-banner__card::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: 26px;
    width: 5px;
    height: 76px;
    border-radius: 0 6px 6px 0;
    background: var(--bank-gold);
    box-shadow: 0 0 0 7px rgba(247,201,78,.10);
}
[dir="ltr"] #main-content .inma-page-banner__card::before { border-radius: 6px 0 0 6px; }
#main-content .inma-page-banner__accent {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 16%;
    height: 100%;
    background: linear-gradient(145deg,rgba(247,201,78,.22),rgba(247,201,78,.06));
    clip-path: polygon(38% 0,100% 0,100% 100%,0 100%);
    pointer-events: none;
}
[dir="ltr"] #main-content .inma-page-banner__accent { clip-path: polygon(0 0,62% 0,100% 100%,0 100%); }
#main-content .inma-page-banner__content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 34px clamp(28px,5vw,68px);
    text-align: start;
}
#main-content .inma-page-banner__heading-row { display: flex; align-items: center; gap: 16px; }
#main-content .inma-page-banner__title {
    margin: 0 0 12px !important;
    color: var(--bank-blue) !important;
    font-size: clamp(1.75rem,3vw,2.65rem) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-shadow: none !important;
}
#main-content .inma-page-banner__heading-row .inma-page-banner__title { margin-bottom: 0 !important; }
#main-content .inma-page-banner__subtitle {
    max-width: 760px;
    margin: 0 0 14px;
    color: var(--bank-text);
    font-size: .95rem;
    line-height: 1.8;
}
#main-content .inma-page-banner__line {
    display: block;
    width: 78px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg,var(--bank-blue) 0 32%,var(--bank-gold) 32% 100%);
    box-shadow: 0 4px 11px rgba(247,201,78,.20);
}
#main-content .inma-page-banner__inline-logo,
#main-content .inma-page-banner__service-logo { position: relative; z-index: 2; flex: 0 0 auto; }
#main-content .inma-page-banner__inline-logo img { max-width: 140px; max-height: 72px; object-fit: contain; }
#main-content .inma-page-banner__service-logo { margin-inline: 34px; }
#main-content .inma-page-banner__service-logo img { max-width: 180px; max-height: 92px; object-fit: contain; }

@media (max-width: 767.98px) {
    #main-content .inma-page-banner { width: calc(100% - 24px); margin: 18px auto 30px; padding: 12px; border-radius: 19px; }
    #main-content .inma-page-banner__card { min-height: 118px; border-radius: 15px; }
    #main-content .inma-page-banner__content { padding: 26px 22px; }
    #main-content .inma-page-banner__accent { width: 12px; clip-path: none; }
    #main-content .inma-page-banner__title { font-size: clamp(1.45rem,7vw,2rem) !important; }
    #main-content .inma-page-banner__service-logo { display: none; }
    #main-content .inma-page-banner__inline-logo img { max-width: 92px; max-height: 46px; }
}