.elementor-852 .elementor-element.elementor-element-758ee09{--display:flex;}.elementor-852 .elementor-element.elementor-element-2df64a4{--display:flex;}.elementor-852 .elementor-element.elementor-element-e14aecb{--display:flex;}.elementor-852 .elementor-element.elementor-element-e637d44{--display:flex;}/* Start custom CSS for html, class: .elementor-element-01322a9 */.loan-hero-final{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:50px;
    padding:80px 40px;
}

/* LEFT */
.hero-left{
    width:55%;
}

.hero-left h1{
    font-size:44px;
    font-weight:800;
    color:#fff;
    margin-bottom:15px;
}

.hero-left p{
    color:#cbd5f5;
    font-size:16px;
    margin-bottom:25px;
}

.hero-points{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:30px;
}

.hero-points span{
    background:rgba(255,255,255,0.08);
    padding:8px 14px;
    border-radius:20px;
    font-size:13px;
}

/* STATS */
.hero-stats{
    display:flex;
    gap:30px;
}

.hero-stats h3{
    font-size:22px;
    color:#3b82f6;
}

.hero-stats p{
    font-size:12px;
    color:#aaa;
}

/* RIGHT FORM */
.hero-form{
    width:40%;
    background:#ffffff;
    color:#000;
    padding:25px;
    border-radius:16px;
    box-shadow:0 20px 50px rgba(0,0,0,0.4);
}

.hero-form h3{
    margin-bottom:15px;
    font-size:20px;
}

.hero-form input,
.hero-form select{
    width:100%;
    padding:12px;
    margin-bottom:12px;
    border:1px solid #ddd;
    border-radius:8px;
}

.hero-form button{
    width:100%;
    padding:14px;
    background:#2563eb;
    color:#fff;
    border:none;
    border-radius:8px;
    font-weight:600;
    cursor:pointer;
}

.hero-form button:hover{
    background:#1d4ed8;
}

.form-note{
    font-size:11px;
    margin-top:10px;
    color:#666;
}

/* MOBILE */
@media(max-width:768px){
    .loan-hero-final{
        flex-direction:column;
    }

    .hero-left,
    .hero-form{
        width:100%;
    }
}

.loan-hero-final{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    padding:100px 50px;

    /* 🔥 strong gradient background */
    background: radial-gradient(circle at top left, #1e3a8a, #020617 70%);
}

/* LEFT */
.hero-left h1{
    font-size:48px;
    font-weight:900;
    margin-bottom:15px;

    /* 🔥 bright gradient text */
    background: linear-gradient(90deg,#ffffff,#60a5fa);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 4px 20px rgba(0,0,0,0.8);
}

.hero-left p{
    color:#cbd5f5;
    font-size:17px;
    margin-bottom:30px;
    line-height:1.6;
}

/* POINTS */
.hero-points span{
    background:rgba(255,255,255,0.12);
    padding:10px 16px;
    border-radius:30px;
    font-size:13px;
    color:#fff;

    /* glow */
    box-shadow:0 0 10px rgba(59,130,246,0.3);
}

/* STATS */
.hero-stats h3{
    font-size:24px;
    font-weight:800;

    background:linear-gradient(90deg,#3b82f6,#06b6d4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.hero-stats p{
    color:#9ca3af;
}

/* FORM */
.hero-form{
    width:40%;
    background:linear-gradient(180deg,#ffffff,#f1f5f9);
    padding:30px;
    border-radius:18px;

    /* 🔥 strong shadow */
    box-shadow:0 25px 60px rgba(0,0,0,0.6);
}

.hero-form h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

/* INPUT */
.hero-form input{
    width:100%;
    padding:14px;
    margin-bottom:14px;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:14px;
}

/* BUTTON */
.hero-form button{
    width:100%;
    padding:15px;

    background:linear-gradient(90deg,#2563eb,#1d4ed8);
    border:none;
    color:#fff;
    border-radius:10px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;

    /* glow */
    box-shadow:0 10px 25px rgba(37,99,235,0.5);
    transition:0.3s;
}

.hero-form button:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 35px rgba(37,99,235,0.7);
}

/* NOTE */
.form-note{
    font-size:11px;
    color:#666;
}

/* MOBILE */
@media(max-width:768px){
    .loan-hero-final{
        flex-direction:column;
        padding:60px 20px;
    }

    .hero-form{
        width:100%;
    }
}

/* ================= FULL WIDTH FIX ================= */
.loan-hero-final{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c87e21f *//* ================= FULL WIDTH FIX ================= */
.offers-section{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
}

.offers-section{
    display:flex;
    gap:40px;
    padding:60px 40px;
    color:white;
}

/* 🔥 TITLE UPGRADE */
.offers-left h2{
    font-size:34px;
    font-weight:700;
    margin-bottom:25px;

    background: linear-gradient(90deg,#ffffff,#60a5fa);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 25px rgba(59,130,246,0.4);
}

/* SORT BUTTONS */
.sort-bar button{
    background: rgba(255,255,255,0.05);
    border:1px solid rgba(255,255,255,0.1);
    padding:10px 16px;
    border-radius:10px;
    color:#cbd5f5;
    cursor:pointer;
    transition:0.3s;
}

.sort-bar button:hover{
    background:#2563eb;
    color:white;
}

/* 🔥 CARD PREMIUM */
.offer-card{
    background: linear-gradient(145deg,#1e293b,#0f172a);
    padding:25px;
    border-radius:18px;
    margin-bottom:20px;
    position:relative;

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:
        0 10px 40px rgba(0,0,0,0.6),
        inset 0 0 10px rgba(255,255,255,0.03);

    transition:0.3s;
}

/* 🔥 HOVER EFFECT */
.offer-card:hover{
    transform: translateY(-6px) scale(1.01);

    box-shadow:
        0 20px 60px rgba(37,99,235,0.25),
        inset 0 0 15px rgba(255,255,255,0.05);
}

/* BANK NAME */
.bank{
    font-weight:600;
    font-size:18px;
    margin-bottom:15px;
}

/* GRID */
.offer-grid{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:15px;
}

.offer-grid p{
    font-size:12px;
    color:#9ca3af;
}

.offer-grid h4{
    margin-top:5px;
    font-size:15px;
    color:white;
}

/* 🔥 APPLY BUTTON UPGRADE */
.apply-btn{
    position:absolute;
    right:25px;
    top:25px;

    background: linear-gradient(135deg,#2563eb,#1d4ed8);
    padding:10px 22px;
    border-radius:10px;
    text-decoration:none;
    color:white;
    font-weight:600;

    box-shadow:0 10px 25px rgba(37,99,235,0.5);

    transition:0.3s;
}

.apply-btn:hover{
    transform:scale(1.05);
    box-shadow:0 15px 35px rgba(37,99,235,0.8);
}

/* RIGHT PANEL */
.offers-right{
    flex:1;
    background: linear-gradient(145deg,#0f172a,#020617);
    padding:25px;
    border-radius:18px;

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:0 10px 40px rgba(0,0,0,0.6);
}

/* RIGHT TITLE */
.offers-right h3{
    margin-bottom:20px;
    font-size:20px;
}

/* 🔥 WHY CARDS */
.why-card{
    background: rgba(255,255,255,0.03);
    padding:15px;
    border-radius:12px;
    margin-bottom:12px;

    border:1px solid rgba(255,255,255,0.05);

    transition:0.3s;
}

.why-card:hover{
    background:#1d4ed8;
    transform:translateX(5px);
}

html {
  scroll-behavior: smooth;
}

/* =========================
   RIGHT PANEL TITLE FIX
========================= */

.offers-right h3{
    text-align:center; /* ✅ center */
    font-size:22px;
    font-weight:700;
    margin-bottom:25px;

    /* 🔥 premium gradient text */
    background: linear-gradient(90deg,#ffffff,#60a5fa);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    /* glow */
    text-shadow:0 0 20px rgba(59,130,246,0.4);
}

/* =========================
   WHY CARD CENTER ALIGN
========================= */

.why-card{
    text-align:center;
    font-size:14px;
    font-weight:500;
}

/* =========================
   MOBILE RESPONSIVE FIX
========================= */

@media(max-width:768px){

    .offers-section{
        flex-direction:column; /* 🔥 stack */
    }

    .offers-right{
        margin-top:20px;
    }

    .offer-grid{
        grid-template-columns: repeat(2,1fr); /* 4 → 2 */
        gap:10px;
    }

    .apply-btn{
        position:static;
        display:inline-block;
        margin-top:15px;
    }

    .offers-left h2{
        font-size:26px;
        text-align:center;
    }

    .offers-right h3{
        font-size:20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a91388f *//* =========================
   MAIN LAYOUT
========================= */
/* ================= EMI FULL WIDTH ================= */
.emi-container{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
}

.emi-container{
    display:flex;
    gap:40px;
    padding:60px 40px;
    color:white;
}

/* =========================
   LEFT SIDE
========================= */
.emi-left{
    flex:2;
}

.emi-left h2{
    font-size:32px;
    font-weight:700;
    margin-bottom:30px;

    background: linear-gradient(90deg,#ffffff,#60a5fa);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 25px rgba(59,130,246,0.4);
}

/* =========================
   BOX DESIGN (GLASS UI)
========================= */
.emi-box{
    background: linear-gradient(145deg,#1e293b,#0f172a);
    padding:22px;
    border-radius:16px;
    margin-bottom:20px;

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.6),
        inset 0 0 10px rgba(255,255,255,0.03);
}

/* LABEL */
.emi-box label{
    font-size:13px;
    color:#94a3b8;
}

/* VALUE TEXT */
.emi-box h3{
    margin:10px 0;
    font-size:20px;
    color:white;
}

/* =========================
   SLIDER PREMIUM
========================= */
input[type=range]{
    -webkit-appearance:none;
    width:100%;
    height:6px;
    border-radius:10px;
    background: linear-gradient(90deg,#2563eb,#60a5fa);
    outline:none;
}

/* slider thumb */
input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#2563eb;
    cursor:pointer;
    box-shadow:0 0 10px rgba(37,99,235,0.8);
}

/* =========================
   RIGHT PANEL (STRONG LOOK)
========================= */
.emi-right{
    flex:1;
    background: linear-gradient(160deg,#020617,#0f172a);
    padding:30px;
    border-radius:20px;

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:
        0 20px 60px rgba(0,0,0,0.8),
        0 0 40px rgba(37,99,235,0.15);
}

/* EMI TITLE */
.emi-right h3{
    text-align:center;
    color:#cbd5f5;
}

/* EMI VALUE */
.emi-right h1{
    font-size:42px;
    margin:20px 0;

    text-align:center;

    background: linear-gradient(90deg,#60a5fa,#2563eb);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 20px rgba(37,99,235,0.6);
}

/* =========================
   BREAKUP BOX
========================= */
.emi-breakup{
    background: rgba(255,255,255,0.04);
    padding:20px;
    border-radius:14px;
    margin-bottom:25px;

    border:1px solid rgba(255,255,255,0.05);
}

.emi-breakup p{
    display:flex;
    justify-content:space-between;
    margin:10px 0;
    color:#cbd5f5;
}

.emi-breakup .total{
    font-weight:700;
    color:white;
}

/* =========================
   BUTTON (STRONG CTA)
========================= */
.emi-btn{
    display:block;
    text-align:center;

    background: linear-gradient(135deg,#2563eb,#1d4ed8);
    padding:14px;
    border-radius:12px;
    text-decoration:none;
    color:white;
    font-weight:600;

    box-shadow:0 10px 30px rgba(37,99,235,0.6);

    transition:0.3s;
}

.emi-btn:hover{
    transform:scale(1.05);
    box-shadow:0 15px 40px rgba(37,99,235,0.9);
}

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

    .emi-container{
        flex-direction:column;
    }

    .emi-left h2{
        text-align:center;
        font-size:26px;
    }

    .emi-right{
        margin-top:20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb05c53 *//* =========================
   DOCUMENT SECTION FULL WIDTH
========================= */
.doc-section{
    width:100vw;
    margin-left:calc(-50vw + 50%);
    box-sizing:border-box;
    padding:70px 40px;
}

/* =========================
   TITLE
========================= */
.doc-section h2{
    text-align:center;
    font-size:32px;
    margin-bottom:40px;
    font-weight:700;

    background: linear-gradient(90deg,#ffffff,#60a5fa);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;

    text-shadow:0 0 20px rgba(59,130,246,0.4);
}

/* =========================
   GRID (FIXED 4 IN ONE ROW)
========================= */
.doc-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:25px;
}

/* =========================
   CARD
========================= */
.doc-card{
    background: linear-gradient(145deg,#1e293b,#0f172a);
    padding:25px;
    border-radius:16px;

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:
        0 10px 30px rgba(0,0,0,0.6),
        inset 0 0 10px rgba(255,255,255,0.03);

    transition:0.3s ease;
}

/* =========================
   HOVER EFFECT
========================= */
.doc-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 20px 50px rgba(37,99,235,0.3);
}

/* =========================
   CARD TITLE
========================= */
.doc-card h3{
    margin-bottom:15px;
    font-size:18px;
    color:#60a5fa;
    font-weight:600;
}

/* =========================
   LIST
========================= */
.doc-card ul{
    padding-left:18px;
}

.doc-card ul li{
    margin-bottom:8px;
    color:#cbd5f5;
    font-size:14px;
}

/* =========================
   MOBILE RESPONSIVE
========================= */
@media(max-width:1024px){
    .doc-grid{
        grid-template-columns: repeat(2,1fr); /* tablet */
    }
}

@media(max-width:768px){
    .doc-section{
        padding:50px 20px;
    }

    .doc-grid{
        grid-template-columns: 1fr; /* mobile */
    }

    .doc-section h2{
        font-size:24px;
    }
}

/* =========================
   SAFETY (NO SCROLL BUG)
========================= */
body{
    overflow-x:hidden;
}/* End custom CSS */