/* Our components restyled to sit inside the Banca template. Uses Banca's own variables so dark mode works. */
:root{--nm-radius:10px}
.nm-status{position:relative;z-index:1001;background:var(--secondary_color);color:#fff;font:400 13.5px/1.5 'Roboto',sans-serif;text-align:center;padding:8px 16px}
.body_dark .nm-status{background:#000}
.nm-status a,.nm-status strong{color:#fff}
.nm-status a{text-decoration:underline}
.header .header-menu{top:auto}
.nm-blogo{display:inline-flex;align-items:center;gap:10px;font:700 19px/1.1 'Poppins',sans-serif;color:var(--secondary_color);white-space:nowrap}
.nm-blogo svg{width:36px;height:36px;flex:none}
.nm-blogo small{display:block;font:500 10.5px/1.3 'Roboto';letter-spacing:.08em;text-transform:uppercase;color:var(--p_color);margin-top:3px}
.ctn-preloader .nm-blogo{font-size:0}
.ctn-preloader .nm-blogo small{display:none}
.footer .nm-blogo{color:#fff}
.footer .nm-blogo small{color:rgba(255,255,255,.6)}
.nm-legal{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:10px}
.nm-legal p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.65);margin-bottom:8px}
.nm-legal .nm-warning{font-weight:700;text-transform:uppercase;color:#fff}
.footer-3 .footer-text p{max-width:460px}

/* hero calculator card: Banca .basic-loan-calculator look */
.calc-card{background:var(--bs-white);border-radius:10px;padding:40px 40px 34px;box-shadow:0 20px 50px rgba(0,30,90,.12);position:relative;text-align:left}
.calc-card h2,.calc-card h3{font:600 26px/1.3 'Poppins',sans-serif;color:var(--secondary_color);margin-bottom:6px}
.calc-card .calc-intro{font-size:15px;color:var(--p_color);margin-bottom:22px}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.calc-grid .full{grid-column:1/-1}
@media(max-width:575px){.calc-grid{grid-template-columns:1fr}.calc-card{padding:26px 20px}}
.calc-card label{display:block;font:500 14px 'Roboto';color:var(--secondary_color);margin-bottom:8px}
.calc-card .field{position:relative}
.calc-card .field span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--p_color);font-weight:500;z-index:2}
.calc-card .field span.suf{left:auto;right:16px}
.calc-card input[type=text],.calc-card select,.lead-form input[type=text],.lead-form input[type=email],.lead-form input[type=tel],.lead-form select,.lead-form textarea{width:100%;height:56px;border-radius:6px;border:1px solid transparent;background:var(--black_25,#f5f7fa);color:var(--secondary_color);padding:0 16px;font-size:16px;box-shadow:none}
.body_dark .calc-card input,.body_dark .calc-card select,.body_dark .lead-form input,.body_dark .lead-form select,.body_dark .lead-form textarea{background:#1d2027;color:#f1f1f1;border-color:#393e4b}
.calc-card .field input{padding-left:34px}
.calc-card .field.pc input{padding-left:16px;padding-right:44px}
.lead-form textarea{height:120px;padding:14px 16px}
.calc-card input:focus,.calc-card select:focus,.lead-form input:focus,.lead-form textarea:focus{outline:none;border-color:var(--brand_color)}
.calc-card .nice-select,.lead-form .nice-select{width:100%;height:56px;line-height:56px;background:var(--black_25,#f5f7fa);border:0;border-radius:6px;font-size:16px;float:none}
.calc-card .nice-select .list,.lead-form .nice-select .list{width:100%}
.seg{display:flex;flex-wrap:wrap;gap:8px}
.seg label{position:relative;margin:0;font-weight:400}
.seg input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0;margin:0}
.seg span.opt{display:inline-block;padding:11px 16px;border-radius:6px;background:var(--black_25,#f5f7fa);cursor:pointer;font-size:15px;color:var(--secondary_color);border:1px solid transparent}
.body_dark .seg span.opt{background:#1d2027;color:#f1f1f1}
.seg input:checked+span.opt{background:var(--brand_color);color:#fff}
.seg input:focus-visible+span.opt{outline:2px solid var(--brand_color);outline-offset:2px}
.calc-result{margin-top:24px;padding-top:22px;border-top:1px dashed var(--black_100,#d6d9dc);overflow-x:auto}
.calc-big{font:700 clamp(32px,4.4vw,44px)/1.1 'Poppins';color:var(--brand_color);margin:0 0 6px}
.calc-sub{color:var(--p_color);font-size:15px}
.calc-h{font:600 19px 'Poppins';color:var(--secondary_color);margin:22px 0 4px}
.calc-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0}
#overpayment-calculator .calc-kpis{grid-template-columns:1fr 1fr}
.calc-kpi{background:var(--black_25,#f5f7fa);border-radius:6px;padding:12px 14px}
.body_dark .calc-kpi{background:#1d2027}
.calc-kpi span{display:block;font-size:12.5px;color:var(--p_color);line-height:1.3}
.calc-kpi strong{font:700 20px/1.3 'Poppins';color:var(--secondary_color)}
.calc-table{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:8px}
.calc-table th,.calc-table td{padding:10px 8px;border-bottom:1px solid var(--black_50,#ebebeb);text-align:left;vertical-align:top;color:var(--secondary_color)}
.body_dark .calc-table th,.body_dark .calc-table td{border-color:#393e4b}
.calc-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--p_color)}
.calc-table td:not(:first-child){white-space:nowrap}
.calc-table small{color:var(--p_color)}
.calc-table tr.ok td:last-child{color:#10b981;font-weight:600}
.calc-table tr.short td:last-child{color:#ef4444;font-weight:600}
@media(max-width:575px){.calc-table td:not(:first-child){white-space:normal}}
.calc-flag{background:rgba(245,158,11,.10);border-left:4px solid #f59e0b;padding:10px 14px;border-radius:6px;font-size:15px;margin:12px 0;color:var(--secondary_color)}
.calc-how{margin-top:14px}
.calc-how summary{cursor:pointer;font-weight:500;color:var(--brand_color)}
.calc-how p{font-size:14.5px;margin-top:8px;color:var(--p_color)}

/* hero in Banca banner-area-5 */
.banner-area-5 .banner-content p.lead{font-size:18px}
.banner-area-5 .trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;font-size:15px;color:var(--p_color)}
.banner-area-5 .trust i{color:var(--brand_color);margin-right:6px}
.banner-area-5 .row{align-items:center!important}

/* breadcrumb banner made from our page heads */
.nm-bc{background:linear-gradient(135deg,var(--secondary_color) 0%,var(--nm-brand2) 140%)!important}
.body_dark .nm-bc{background:linear-gradient(135deg,#0d0f14 0%,var(--nm-brand2) 160%)!important}
.nm-bc .breadcrumb-content h1{color:#fff}
.nm-bc .nm-bc-lead{color:rgba(255,255,255,.82);font-size:18px;max-width:720px;margin:14px auto 0}
.nm-bc .breadcrumb-content ul li,.nm-bc .breadcrumb-content ul li a{color:rgba(255,255,255,.8)}

/* inner page content blocks */
.nm-section{padding:100px 0;background:var(--bs-white)}
.nm-section.alt{background:var(--black_25,#f5f7fa)}
.body_dark .nm-section{background:var(--sec-bg-color,#131417)}
.body_dark .nm-section.alt{background:#191b20}
.nm-section h2{font:600 clamp(28px,3.2vw,40px)/1.2 'Poppins';color:var(--secondary_color);margin-bottom:14px}
.nm-section p,.nm-section li{font-size:17px;line-height:1.75;color:var(--p_color)}
.nm-section .intro{max-width:720px;font-size:18px}
.nm-eyebrow{display:inline-block;font:500 15px 'Roboto';color:var(--brand_color);margin-bottom:10px}
.nm-eyebrow::before{content:'_'}
.nm-two{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}
.nm-two>*{min-width:0}
@media(max-width:991px){.nm-two{grid-template-columns:1fr}}
.nm-sticky{position:sticky;top:110px}
.nm-prose{max-width:780px}
.nm-prose h2{font-size:30px;margin:44px 0 14px}
.nm-prose h3{font:600 22px 'Poppins';color:var(--secondary_color);margin:30px 0 10px}
.nm-prose ul,.nm-prose ol{padding-left:22px;margin-bottom:18px}
.nm-prose ul li::marker{color:var(--brand_color)}
.nm-prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px;display:block;overflow-x:auto}
.nm-prose th,.nm-prose td{border-bottom:1px solid var(--black_50,#ebebeb);padding:12px 10px;text-align:left;color:var(--secondary_color)}
.nm-prose th{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--p_color)}
.nm-prose a,.nm-section p a{color:var(--brand_color)}
.nm-note{background:var(--black_25,#f5f7fa);border-left:4px solid var(--brand_color);border-radius:6px;padding:18px 22px;margin:26px 0;font-size:16px}
.body_dark .nm-note{background:#1d2027}
.nm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px}
.nm-c{background:var(--bs-white);border-radius:10px;padding:34px 30px;text-decoration:none;display:block;box-shadow:var(--bs_sm);transition:transform .25s,box-shadow .25s}
.nm-section.alt .nm-c{background:var(--bs-white)}
a.nm-c:hover{transform:translateY(-6px);box-shadow:var(--bs_lg)}
.nm-c .ico{width:56px;height:56px;border-radius:50%;background:rgba(0,80,178,.08);display:grid;place-items:center;margin-bottom:18px}
.nm-c .ico svg{width:26px;height:26px;stroke:var(--brand_color);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nm-c h3{font:600 20px 'Poppins';margin-bottom:10px;color:var(--secondary_color)}
.nm-c p{font-size:15.5px;margin:0;color:var(--p_color)}
.nm-c .more{display:inline-block;margin-top:14px;font-weight:500;color:var(--brand_color)}
.nm-steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px;margin-top:34px;padding:0}
.nm-steps li{list-style:none;position:relative;padding-left:62px}
.nm-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--brand_color);color:#fff;display:grid;place-items:center;font:600 18px 'Poppins'}
.nm-steps h3{font:600 19px 'Poppins';color:var(--secondary_color);margin-bottom:6px}
.nm-about{display:grid;grid-template-columns:340px 1fr;gap:50px;align-items:center}
.nm-about img{width:100%;height:auto;border-radius:10px;background:linear-gradient(160deg,var(--black_25,#f5f7fa),rgba(0,0,0,.04))}
@media(max-width:767px){.nm-about{grid-template-columns:1fr}.nm-about img{max-width:280px}}
.nm-faq details{border-bottom:1px solid var(--black_50,#ebebeb);padding:20px 0}
.body_dark .nm-faq details{border-color:#393e4b}
.nm-faq summary{cursor:pointer;font:500 18px 'Poppins';color:var(--secondary_color);list-style:none;position:relative;padding-right:34px}
.nm-faq summary::-webkit-details-marker{display:none}
.nm-faq summary::after{content:'+';position:absolute;right:0;top:-4px;font-size:26px;color:var(--brand_color)}
.nm-faq details[open] summary::after{content:'–'}
.nm-faq details p{margin:12px 0 0}

/* lead form in Banca card style */
.lead-wrap{background:var(--bs-white);border-radius:10px;padding:40px;box-shadow:0 20px 50px rgba(0,30,90,.10)}
@media(max-width:575px){.lead-wrap{padding:26px 20px}}
.lead-wrap h2,.lead-wrap h3{font:600 26px 'Poppins';color:var(--secondary_color)}
.lead-form .q{margin-bottom:20px}
.lead-form .q>p{font-weight:500;margin:0 0 10px;font-size:15.5px;color:var(--secondary_color)}
.lead-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:575px){.lead-form .row2{grid-template-columns:1fr}}
.lead-form .consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.55;margin:16px 0;color:var(--p_color)}
.lead-form .consent input{width:20px;height:20px;margin-top:2px;flex:none}
.lead-form .hp{position:absolute;left:-9999px}
.form-msg{font-size:15px;margin-top:10px}
.form-msg.err{color:#ef4444}
.form-done h3{color:var(--brand_color)}
.theme-btn.w-100{display:block;text-align:center}
html,body{overflow-x:hidden}
.header-menu-4 .nm-blogo{color:#fff}
.header-menu-4 .nm-blogo small{color:rgba(255,255,255,.65)}
.header-menu.navbar_fixed .nm-blogo{color:var(--secondary_color)}
.header-menu.navbar_fixed .nm-blogo small{color:var(--p_color)}
.footer-3 .footer-top{padding-top:100px!important}
body:has(.cta-area-3) .footer-3 .footer-top{padding-top:230px!important}
@media(max-width:991px){.header-menu-4 .navbar-collapse .nm-blogo{color:var(--secondary_color)}}
/* stepped calculator */
.calc-steps-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.calc-steps-head h2{margin:0}
.calc-dots{display:flex;gap:6px;list-style:none;margin:0;padding:0;counter-reset:d}
.calc-dots li{counter-increment:d;font-size:12px;color:var(--p_color);display:flex;align-items:center;gap:6px}
.calc-dots li::before{content:counter(d);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--black_50,#ebebeb);color:var(--p_color);font-weight:600;font-size:12px}
.calc-dots li.on::before{background:var(--brand_color);color:#fff}
.calc-dots li:not(:last-child)::after{content:'';width:14px;height:1px;background:var(--black_100,#d6d9dc)}
@media(max-width:575px){.calc-dots li{font-size:0;gap:4px}.calc-dots li::before{font-size:12px}}
.calc-stepped .calc-result{margin-top:4px;padding-top:0;border-top:0}
.calc-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.calc-back{background:none;border:0;color:var(--p_color);font-weight:500;padding:10px 0;cursor:pointer}
.calc-back::before{content:'← '}
.calc-back:hover{color:var(--brand_color)}
.calc-kpis.k2{grid-template-columns:1fr 1fr}
.lend-rows{display:grid;gap:8px;margin-top:8px}
.lend-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;background:var(--black_25,#f5f7fa);border-left:4px solid #10b981}
.lend-row.short{border-left-color:#ef4444}
.lend-row strong{display:block;font-weight:500;font-size:15px;color:var(--secondary_color)}
.lend-row small{display:block;font-size:12.5px;color:var(--p_color)}
.lend-amt{text-align:right;font:600 18px 'Poppins';color:var(--secondary_color);white-space:nowrap}
.lend-row.ok .lend-amt small{color:#10b981}
.lend-row.short .lend-amt small{color:#ef4444}
.body_dark .lend-row{background:#1d2027}
.form-step .q:last-of-type{margin-bottom:24px}
.navbar-brand .nm-blogo{color:#fff!important}
.header-menu.navbar_fixed .navbar-brand .nm-blogo{color:var(--secondary_color)!important}
.header-menu:not(.navbar_fixed){position:absolute;left:0;right:0;top:var(--nm-strip,36px)!important}
.lend-row,.lend-row.short{border-left:0}

.nm-prose a.theme-btn,.nm-section a.theme-btn{color:#fff}
.nm-feature{display:block;width:100%;height:auto;border-radius:10px;margin:0 0 30px;box-shadow:var(--bs_sm)}
.nm-feature-wrap{max-width:860px;margin:0 auto}
.nm-prose ul{list-style:disc;padding-left:22px}.nm-prose ol{list-style:decimal;padding-left:22px}.nm-prose li{display:list-item;margin-bottom:6px}
