.loan-step-card{
    background:#fff;
    padding:35px;
    border-radius:16px;
    box-shadow:0 10px 35px rgba(0,0,0,0.06);
    margin-bottom:30px;
    transition:all .3s ease;
}

.loan-step-card:hover{
    transform:translateY(-2px);
}

.loan-step-progress{
    background:#fff;
    padding:18px 22px;
    border-radius:12px;
    margin-bottom:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    font-weight:700;
    color:#ed9b59;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.loan-pre-box{
    background:#f8fafc;
    padding:30px;
    border-radius:14px;
    margin-bottom:30px;
    border:1px solid #e5e7eb;
}

.loan-pre-box h3{
    font-size:32px;
    font-weight:700;
    margin-bottom:12px;
    color:#111827;
}

.loan-pre-box p{
    color:#6b7280;
    line-height:1.8;
    margin-bottom:8px;
}

.step-heading-box{
    margin-bottom:30px;
}

.step-label{
    display:inline-block;
    background:#eff6ff;
    color:#2563eb;
    font-size:13px;
    font-weight:700;
    padding:8px 14px;
    border-radius:30px;
    margin-bottom:15px;
}

.step-title{
    font-size:34px;
    font-weight:700;
    color:#111827;
    margin-bottom:10px;
}

.step-text{
    font-size:16px;
    color:#6b7280;
    line-height:1.7;
    max-width:700px;
}

.secure-note{
    background:#eff6ff;
    padding:14px 18px;
    border-radius:10px;
    font-size:14px;
    font-weight:500;
    color:#1e40af;
    margin-top:20px;
    border:1px solid #bfdbfe;
}

.eligibility-box{
    background:#f8fafc;
    padding:28px;
    border-radius:14px;
    margin-bottom:35px;
    border:1px solid #e5e7eb;
}

.eligibility-box h6{
    font-size:14px;
    margin-bottom:8px;
    color:#6b7280;
    font-weight:600;
}

.eligibility-box h3{
    font-size:28px;
    font-weight:700;
    color:#111827;
}

.loan-helper-text{
    margin-top:12px;
    font-size:14px;
    font-weight:600;
    color:#2563eb;
    line-height:1.6;
}

.contact-one__form-input{
    border-radius:12px !important;
    min-height:58px;
    border:1px solid #d1d5db !important;
    transition:all .3s ease;
}

.contact-one__form-input:focus{
    border-color:#2563eb !important;
    box-shadow:0 0 0 4px rgba(37,99,235,.12);
}

.step-buttons{
    display:flex;
    gap:15px;
    margin-top:30px;
    flex-wrap:wrap;
}

.step-buttons .thm-btn{
    border:none;
    border-radius:12px;
    padding:15px 32px;
    font-weight:700;
    transition:all .3s ease;
}

.step-buttons .thm-btn:hover{
    transform:translateY(-2px);
}

.next-step{
    background:#2563eb;
    color:#fff;
}

.prev-step{
    background:#e5e7eb;
    color:#111827;
}

.form-group label{
    font-size:15px;
    font-weight:600;
    color:#111827;
    margin-bottom:10px;
}

@media(max-width:767px){

    .loan-step-card{
        padding:22px;
    }

    .loan-pre-box{
        padding:22px;
    }

    .step-title{
        font-size:28px;
    }

    .eligibility-box{
        padding:22px;
    }

    .eligibility-box h3{
        font-size:22px;
    }

    .step-buttons{
        flex-direction:column;
    }

    .step-buttons .thm-btn{
        width:100%;
    }

}


.approval-card{
background:#f8fafc;
border:1px solid #dbeafe;
border-radius:18px;
padding:35px;
margin-top:20px;
}

.approval-badge{
display:inline-block;
background:#dcfce7;
color:#166534;
padding:10px 18px;
border-radius:30px;
font-size:13px;
font-weight:700;
margin-bottom:20px;
}

.approval-title{
font-size:32px;
font-weight:700;
margin-bottom:30px;
color:#111827;
}

.approval-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.approval-item{
background:#fff;
padding:24px;
border-radius:14px;
border:1px solid #e5e7eb;
}

.approval-item span{
display:block;
font-size:14px;
color:#6b7280;
margin-bottom:8px;
}

.approval-item h4{
font-size:28px;
font-weight:700;
color:#111827;
margin:0;
}

.upload-section{
display:grid;
gap:25px;
margin-top:20px;
}

.upload-card{
background:#f8fafc;
border:2px dashed #bfdbfe;
border-radius:16px;
padding:28px;
}

.upload-card h4{
font-size:22px;
font-weight:700;
margin-bottom:10px;
color:#111827;
}

.upload-card p{
color:#6b7280;
margin-bottom:20px;
}

@media(max-width:767px){

.approval-grid{
grid-template-columns:1fr;
}

.approval-title{
font-size:26px;
}

}


/* ======================================================
   GROUP 1 FOUNDATION — FINTECH UI SYSTEM
====================================================== */

:root{
    --fintech-primary:#008fd5;
    --fintech-primary-dark:#004aa1;
    --fintech-bg:#f4fbfd;
    --fintech-card:#ffffff;
    --fintech-border:#d9f2f7;
    --fintech-text:#0f172a;
    --fintech-muted:#64748b;
    --fintech-success:#10b981;
    --fintech-radius:18px;
    --fintech-shadow:0 12px 40px rgba(15,23,42,0.08);
}

.apply-one{
    background:var(--fintech-bg);
    padding-top:80px;
    padding-bottom:80px;
}

.loan-step-progress{
    background:linear-gradient(135deg,var(--fintech-primary),var(--fintech-primary-dark));
    color:#fff;
    border-radius:16px;
    box-shadow:var(--fintech-shadow);
    border:none;
}

.loan-pre-box,
.contact-one__form-box,
.approval-card,
.upload-card,
.eligibility-box{
    background:var(--fintech-card);
    border-radius:var(--fintech-radius);
    border:1px solid var(--fintech-border);
    box-shadow:var(--fintech-shadow);
}

.step-label{
    background:rgba(6,182,212,0.12);
    color:var(--fintech-primary-dark);
}

.step-title,
.approval-title,
.eligibility-box h3,
.approval-item h4{
    color:var(--fintech-text);
}

.step-text,
.loan-pre-box p,
.loan-helper-text,
.approval-item span,
.upload-card p{
    color:var(--fintech-muted);
}

.contact-one__form-input{
    border:1px solid #cbd5e1 !important;
    background:#fff;
    color:var(--fintech-text);
    border-radius:14px !important;
    min-height:60px;
    padding-left:18px;
    font-size:15px;
}

.contact-one__form-input:focus{
    border-color:var(--fintech-primary) !important;
    box-shadow:0 0 0 4px rgba(6,182,212,0.15);
}

.form-group label{
    color:var(--fintech-text);
    font-weight:700;
    margin-bottom:12px;
}

.next-step,
.step-buttons input[type="submit"]{
    background:linear-gradient(135deg,var(--fintech-primary),var(--fintech-primary-dark));
    color:#fff;
}

.prev-step{
    background:#e2e8f0;
    color:#0f172a;
}

.next-step:hover,
.step-buttons input[type="submit"]:hover{
    opacity:.95;
    transform:translateY(-2px);
}

.upload-card{
    border:2px dashed #9ee8f3;
}

.secure-note{
    background:#ecfeff;
    border:1px solid #a5f3fc;
    color:#155e75;
}

.approval-badge{
    background:#dcfce7;
    color:#166534;
}

@media(max-width:767px){

    .apply-one{
        padding-top:50px;
        padding-bottom:50px;
    }

    .step-title{
        font-size:26px;
        line-height:1.3;
    }

    .loan-pre-box h3{
        font-size:28px;
    }

    .contact-one__form-box,
    .approval-card,
    .upload-card{
        padding:22px !important;
    }
}

/* =========================================================
   GROUP 2 — UNDERWRITING EXPERIENCE
========================================================= */

.underwriting-loader{
    max-width:700px;
    margin:40px auto 10px;
    text-align:center;
}

.underwriting-spinner{
    width:90px;
    height:90px;
    border-radius:50%;
    border:6px solid #cffafe;
    border-top:6px solid #06b6d4;
    margin:0 auto 30px;
    animation:underwritingSpin 1s linear infinite;
}

@keyframes underwritingSpin{
    100%{
        transform:rotate(360deg);
    }
}

#underwriting-status{
    font-size:28px;
    font-weight:700;
    color:#0f172a;
    margin-bottom:30px;
}

.underwriting-progress{
    width:100%;
    height:14px;
    background:#e2e8f0;
    border-radius:30px;
    overflow:hidden;
    margin-bottom:35px;
}

.underwriting-progress-bar{
    width:0%;
    height:100%;
    border-radius:30px;
    background:linear-gradient(90deg,#06b6d4,#0891b2);
    transition:all .5s ease;
}

.underwriting-checks{
    text-align:left;
    max-width:500px;
    margin:0 auto;
}

.underwriting-checks li{
    background:#f8fafc;
    padding:18px 20px;
    border-radius:14px;
    margin-bottom:15px;
    font-size:15px;
    font-weight:600;
    color:#334155;
    display:flex;
    align-items:center;
    gap:12px;
    border:1px solid #e2e8f0;
}

.underwriting-checks li.active{
    background:#ecfeff;
    border-color:#67e8f9;
    color:#155e75;
}

.underwriting-checks li.completed{
    background:#dcfce7;
    border-color:#86efac;
    color:#166534;
}

.underwriting-checks li.completed i{
    color:#16a34a;
}

@media(max-width:767px){

    #underwriting-status{
        font-size:22px;
        line-height:1.4;
    }

    .underwriting-checks li{
        font-size:14px;
        padding:16px;
    }

}

/* =========================================================
   GROUP 3 — SMART DOCUMENT UPLOADS
========================================================= */

.upload-card{
    position:relative;
    transition:all .3s ease;
}

.upload-card.uploaded{
    border:1px solid #86efac;
    background:#f0fdf4;
}

.upload-status{
    margin-top:14px;
    padding:10px 14px;
    border-radius:10px;
    font-size:14px;
    font-weight:600;
    background:#f1f5f9;
    color:#475569;
    display:inline-block;
}

.upload-status.success{
    background:#dcfce7;
    color:#166534;
}

.upload-status.processing{
    background:#ecfeff;
    color:#155e75;
}

/* =========================================
   MOBILE FIXES FOR CALCULATOR (ADDED)
========================================= */

@media(max-width:767px){

    .modern-loan-calculator{
        padding:28px 22px;
        border-radius:22px;
    }

    .loan-select-wrap{
        height:70px;
        padding:0 18px;
    }

    .loan-select-wrap i{
        font-size:22px;
    }

    #loan-type-select{
        font-size:18px;
    }

    #active-loan-amount,
    #active-loan-term{
        font-size:48px;
    }

    .loan-range-labels{
        font-size:16px;
    }

    .result-item{
        gap:14px;
        align-items:flex-start;
        flex-direction:column;
    }

    .result-item h3{
        font-size:24px;
        width:100%;
        text-align:right;
    }

    .apply-loan-btn{
        height:72px;
        font-size:22px;
    }

}

/* =========================================
   CLEAN FINAL CALCULATOR
========================================= */

.about-one__right{
    max-width:430px;
    width:100%;
    margin-left:auto;
    margin-right:20px;
    transform:scale(0.93);
    transform-origin:top right;
}

.modern-loan-calculator{
    width:100%;
    background:#fff;
    border-radius:18px;
    padding:18px;
    box-shadow:0 8px 28px rgba(0,0,0,0.06);
}

/* SELECT */
.loan-field{
    margin-bottom:22px;
}

.loan-field label{
    font-size:14px;
    font-weight:600;
    color:#555;
    margin-bottom:10px;
    display:block;
}

.loan-select-wrap{
    height:60px;
    border:2px solid var(--fintech-primary);
    border-radius:14px;
    display:flex;
    align-items:center;
    gap:14px;
    padding:0 18px;
    position:relative;
    cursor:pointer;
}

.loan-select-wrap i{
    font-size:18px;
    color:var(--fintech-primary);
}

#loan-type-select{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
}

/* visible fake text layer */
.loan-select-display{
    display:flex;
    align-items:center;
    gap:14px;
    width:100%;
    pointer-events:none;
}

.loan-select-display span{
    font-size:17px;
    font-weight:600;
    color:#081c45;
}

/* BLOCKS */
.loan-block{
    margin-bottom:16px;
    padding-bottom:14px;
    border-bottom:1px solid #edf2f7;
}

/* TITLES */
.loan-small-title{
    font-size:14px;
    color:#64748b;
    margin-bottom:8px;
}

/* MAIN VALUES */
#active-loan-amount,
#active-loan-term{
    font-size:30px;
    font-weight:700;
    color:#081c45;
    line-height:1.1;
    margin-bottom:12px;
}

/* RANGE LABELS */
.loan-range-labels{
    display:flex;
    justify-content:space-between;
    margin-bottom:10px;
}

.loan-range-labels span{
    font-size:13px;
    color:#64748b;
}

/* SLIDER */
#loan-amount-slider,
#loan-term-slider{
    width:100%;
    height:6px;
    appearance:none;
    border-radius:30px;
    background:#dbe4f0;
    outline:none;
}

#loan-amount-slider::-webkit-slider-thumb,
#loan-term-slider::-webkit-slider-thumb{
    appearance:none;
    width:22px;
    height:22px;
    border-radius:50%;
    background:var(--fintech-primary);
    border:3px solid #fff;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    cursor:pointer;
}

/* RESULTS */
.loan-results{
    margin-top:10px;
}

.result-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #edf2f7;
}

.result-left{
    display:flex;
    align-items:center;
    gap:12px;
}

.result-icon{
    width:42px;
    height:42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.result-icon i{
    font-size:16px;
}

.result-icon.blue{
    background:#ecfeff;
    color:var(--fintech-primary-dark);
}

.result-icon.green{
    background:#e9fff4;
    color:#0f9d58;
}

.result-icon.purple{
    background:#f3edff;
    color:#7c3aed;
}

.result-left span{
    font-size:15px;
    font-weight:600;
    color:#1e293b;
}

.result-item h3{
    font-size:16px;
    font-weight:700;
    color:#081c45;
}

/* BUTTON */
.apply-loan-btn{
    width:100%;
    height:48px;
    border:none;
    border-radius:14px;
    background:linear-gradient(90deg, var(--fintech-primary), var(--fintech-primary-dark));
    color:#fff;
    font-size:17px;
    font-weight:600;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-top:20px;
    transition:all .3s ease;
}

.apply-loan-btn i{
    font-size:15px;
}

.apply-loan-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 24px rgba(6,182,212,.25);
}

/* ===== FINAL CALCULATOR SIZE FIX ===== */

.modern-calculator-content{
    padding: 22px 28px !important;
}

.loan-field{
    margin-bottom: 24px !important;
}

.loan-select-wrap{
    height: 58px !important;
    border-radius: 16px !important;
}

.loan-select-wrap select{
    font-size: 15px !important;
    font-weight: 600 !important;
}

.loan-select-wrap i{
    font-size: 20px !important;
}

/* SECTION LABELS */
.loan-small-title{
    font-size: 13px !important;
    margin-bottom: 6px !important;
    color: #64748b !important;
}

/* BIG VALUES */
#active-loan-amount,
#active-loan-term{
    font-size: 28px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}

/* RANGE LABELS */
.loan-range-labels span{
    font-size: 13px !important;
}

/* SLIDER */
#loan-amount-slider,
#loan-term-slider{
    margin-top: 8px !important;
    height: 5px !important;
}

/* REDUCE SECTION HEIGHT */
.loan-block{
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
}

/* RESULT BOXES */
.result-item{
    padding: 16px 0 !important;
}

.result-left span{
    font-size: 16px !important;
    font-weight: 600 !important;
}

.result-item h3{
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* ICON BOXES */
.result-icon{
    width: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
}

/* BUTTON */
.apply-loan-btn{
    height: 56px !important;
    font-size: 17px !important;
    border-radius: 14px !important;
    margin-top: 18px !important;
}

/* MAIN CONTAINER WIDTH */
.about-one__form{
    max-width: 520px !important;
}

.loan-results{
    margin-bottom: 10px !important;
}

.apply-loan-btn{
    margin-bottom: 0 !important;
}

.about-one .row{
    align-items:flex-start !important;
    gap:15px !important;
}

/* =========================================
   FINAL HERO CALCULATOR LAYOUT FIX
========================================= */

/* MOVE CALCULATOR UP INTO HERO AREA */
.about-one{
    margin-top: -110px;
    position: relative;
    z-index: 20;
}

/* ALIGN CONTENT BETTER */
.about-one .row{
    align-items:flex-start !important;
    gap:15px !important;
}

/* LEFT CONTENT */
.about-one__content{
    padding-top: 90px;
    padding-right: 5px;
}

/* CALCULATOR COLUMN */
.about-one__right,
.about-one .col-xl-5{
    position: relative;
    z-index: 30;
}

/* MAIN CALCULATOR */
.modern-loan-calculator{
    margin-top: 0;
    border-radius: 20px;
    overflow: hidden;
}

/* REDUCE EXTRA HEIGHT */
.modern-calculator-content{
    padding: 20px 24px !important;
}

/* TIGHTER BLOCKS */
.loan-block{
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
}

/* SLIGHTLY SMALLER MAIN VALUES */
#active-loan-amount,
#active-loan-term{
    font-size: 32px !important;
    margin-bottom: 8px !important;
}

/* RESULTS SLIGHTLY BIGGER */
.result-left span{
    font-size: 16px !important;
}

.result-item h3{
    font-size: 20px !important;
}

/* REDUCE BIG EMPTY SPACE */
.about-one{
    padding-bottom: 70px !important;
}

/* MOBILE FIX */
@media(max-width:991px){

    .about-one{
        margin-top: 0;
    }

    .about-one__content{
        padding-top: 0;
    }

}

/* FIX CALCULATOR CLICK ISSUE */
.modern-loan-calculator{
    position: relative;
    z-index: 9999;
}

.main-slider,
.feature-two{
    position: relative;
    z-index: 1;
}

/* FIX 3 — PUT AWARD WINNING & CERTIFIED COMPANY ON SAME LINE */
.feature-four__box{
    margin-bottom: 0 !important;
}

.feature-four__box-inner{
    display:flex;
    align-items:flex-start;
}

.about-one .col-md-6{
    width:50%;
}

/* FIX 4 — REDUCE EMPTY SPACE BEFORE "ALL LOAN SERVICES" */
.about-one{
    padding-bottom: 20px !important;
}

/* FIX 5 — RESTORE MISSING ICONS */
.feature-four__box-icon{
    display:flex !important;
    align-items:center;
    justify-content:center;
    min-width:80px;
    min-height:80px;
    opacity:1 !important;
    visibility:visible !important;
}

.feature-four__box-icon i{
    opacity:1 !important;
    visibility:visible !important;
}

/* ============================= */
/* STEP 2 — LAYOUT TIGHTENING */
/* ============================= */

.about-style-one-area {
    padding-top: 70px !important;
    padding-bottom: 60px !important;
}

.about-style-one-content {
    padding-right: 20px !important;
}

.about-style-one-thumb {
    margin-top: -160px !important;
    position: relative;
    z-index: 5;
}

.loan-calculator-wrapper {
    padding: 35px 35px !important;
    min-height: auto !important;
}

.loan-calculator-wrapper .single-input {
    margin-bottom: 28px !important;
}

.loan-calculator-wrapper h2,
.loan-calculator-wrapper h3 {
    margin-bottom: 10px !important;
}

.loan-calculator-wrapper .calculator-footer {
    margin-top: 25px !important;
}

.fun-factor-area {
    margin-top: 10px !important;
}

.fun-fact-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 18px !important;
}

.fun-fact-card .info {
    margin-top: 0 !important;
}

.services-style-one-area {
    padding-top: 50px !important;
}

.default-padding {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

/* ===================================== */
/* MAIN SLIDER FEATURE FIX */
/* ===================================== */

.main-slider{
    position: relative;
    overflow: visible;
}

/* floating feature cards */
.main-slider .feature-two{
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    z-index: 20;
}

/* feature row */
.main-slider .feature-two .container{
    position: relative;
}

.main-slider .feature-two .row{
    justify-content: flex-start;
}

/* cards */
.main-slider .feature-two__box{
    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(5px);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: all .3s ease;
    border-radius: 6px;
    max-width: 290px;
}

.main-slider .feature-two__box:hover{
    transform: translateY(-5px);
    background: rgba(0,0,0,0.62);
}

/* icon */
.main-slider .feature-two__box i{
    font-size: 34px;
    color: #12a4ff;
}

/* text */
.main-slider .feature-two__box p{
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

/* remove giant white spacing */
.feature-two{
    margin-top: 0 !important;
}

/* mobile */
@media(max-width:991px){

    .main-slider .feature-two{
        position: relative;
        bottom: auto;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .main-slider .feature-two__box{
        max-width: 100%;
        margin-bottom: 15px;
    }

}

/* =====================================
   FINAL CALCULATOR POLISH
===================================== */

/* main calculator title */
.calculator-main-title{
    font-size:28px;
    font-weight:800;
    color:#081c45;
    margin-bottom:22px;
    line-height:1.2;
    text-align:center;
}

/* make helper labels slightly bigger */
.loan-small-title{
    font-size:16px !important;
    font-weight:600;
    color:#4b5563 !important;
}

/* slider range labels */
.loan-range-labels span{
    font-size:15px !important;
    font-weight:500;
    color:#64748b !important;
}

/* make full select area clickable */
.loan-select-wrap{
    cursor:pointer;
}

.loan-select-wrap select{
    cursor:pointer;
}

/* Bring All Loan Services closer to calculator */
.service-one{
    margin-top:-40px;
}

/* ========================================= */
/* MOBILE HOMEPAGE FIX (SECOND FIX)        */
/* ========================================= */

@media (max-width: 991px){

    .about-one .col-xl-7,
    .about-one .col-xl-5{
        width:100% !important;
        max-width:100% !important;
        flex:0 0 100% !important;
    }

    .about-one__right{
        max-width:100% !important;
        margin:40px 0 0 0 !important;
        transform:none !important;
    }

    .modern-loan-calculator{
        width:100% !important;
    }

    .calculator-main-title{
        font-size:26px !important;
        text-align:center !important;
    }

    #active-loan-amount,
    #active-loan-term{
        font-size:30px !important;
    }

}

/* ========================================= */
/* AWARD BADGES SIDE BY SIDE (OPTION A)     */
/* ========================================= */

@media (max-width: 767px) {
    /* Target the row containing award and certified boxes */
    .feature-four .row,
    .awards-row,
    .trust-badges {
        display: flex;
        flex-wrap: nowrap !important;
        justify-content: space-between;
        gap: 15px;
    }
    
    /* Each award box takes ~ half width */
    .feature-four__box,
    .award-box,
    .trust-box {
        width: 48% !important;
        flex: 0 0 auto !important;
    }
    
    /* Ensure inner content doesn't break */
    .feature-four__box-inner {
        display: flex;
        align-items: center;
        gap: 12px;
    }
}

/* ========================================= */
/* COMPACT CALCULATOR RESULTS ON MOBILE     */
/* ========================================= */

@media (max-width: 767px) {
    /* Override stacked results – make them side by side */
    .result-item {
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 10px !important;
        flex-wrap: wrap;
    }
    
    .result-left {
        flex: 1;
    }
    
    .result-item h3 {
        width: auto !important;
        text-align: right !important;
        font-size: 18px !important;
    }
    
    /* Reduce calculator internal padding significantly */
    .modern-loan-calculator {
        padding: 20px 16px !important;
    }
    
    .modern-calculator-content {
        padding: 16px !important;
    }
    
    /* Tighter spacing inside calculator */
    .loan-block {
        margin-bottom: 8px !important;
        padding-bottom: 6px !important;
    }
    
    .loan-field {
        margin-bottom: 16px !important;
    }
    
    .loan-small-title {
        margin-bottom: 4px !important;
        font-size: 14px !important;
    }
    
    #active-loan-amount,
    #active-loan-term {
        font-size: 28px !important;
        margin-bottom: 6px !important;
    }
    
    .loan-range-labels span {
        font-size: 12px !important;
    }
    
    .apply-loan-btn {
        height: 48px !important;
        font-size: 16px !important;
        margin-top: 12px !important;
    }
}

/* ========================================= */
/* HERO TITLE FONT SIZE FIX FOR MOBILE      */
/* ========================================= */

@media (max-width: 767px) {
    /* Target hero main title – adjust as needed for your theme */
    .main-slider h1,
    .main-slider .slider-title,
    .main-slider .thm-slider__title,
    .hero-title,
    .main-slider__title {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }
    
    /* Secondary hero text */
    .main-slider p,
    .hero-subtitle {
        font-size: 16px !important;
    }
}