.elementor-350 .elementor-element.elementor-element-14cda148{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:1;--padding-top:75px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-350 .elementor-element.elementor-element-14cda148:not(.elementor-motion-effects-element-type-background), .elementor-350 .elementor-element.elementor-element-14cda148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://satishmotorsandfinance.com/wp-content/uploads/2026/07/img_17.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-350 .elementor-element.elementor-element-14cda148::before, .elementor-350 .elementor-element.elementor-element-14cda148 > .elementor-background-video-container::before, .elementor-350 .elementor-element.elementor-element-14cda148 > .e-con-inner > .elementor-background-video-container::before, .elementor-350 .elementor-element.elementor-element-14cda148 > .elementor-background-slideshow::before, .elementor-350 .elementor-element.elementor-element-14cda148 > .e-con-inner > .elementor-background-slideshow::before, .elementor-350 .elementor-element.elementor-element-14cda148 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at top right, #25272880 0%, var( --e-global-color-638d055 ) 100%);}.elementor-350 .elementor-element.elementor-element-3a83ce1c{--display:flex;--padding-top:8em;--padding-bottom:8em;--padding-left:1em;--padding-right:1em;}.elementor-350 .elementor-element.elementor-element-4017d1ef .elementor-heading-title{color:var( --e-global-color-text );}.elementor-350 .elementor-element.elementor-element-d192b07{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-350 .elementor-element.elementor-element-b606b03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-350 .elementor-element.elementor-element-71c9688{padding:0px 0px 0px 0px;border-style:none;}@media(max-width:1024px){.elementor-350 .elementor-element.elementor-element-14cda148{--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-350 .elementor-element.elementor-element-3a83ce1c{--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:6em;--padding-bottom:6em;--padding-left:2em;--padding-right:2em;}}@media(max-width:767px){.elementor-350 .elementor-element.elementor-element-14cda148{--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-350 .elementor-element.elementor-element-3a83ce1c{--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-350 .elementor-element.elementor-element-4017d1ef{text-align:center;}}@media(min-width:768px){.elementor-350 .elementor-element.elementor-element-3a83ce1c{--width:45%;}}@media(max-width:1024px) and (min-width:768px){.elementor-350 .elementor-element.elementor-element-3a83ce1c{--width:55%;}}/* Start custom CSS for html, class: .elementor-element-b606b03 *//*=========================================
Vehicle EMI Calculator
IMPORTANT OVERRIDE CSS
=========================================*/

.sm-emi-section{
    padding:80px 0 !important;
    background:#f6f8fb !important;
}

.sm-container{
    width:100% !important;
    margin:auto !important;
    padding:0 20px !important;
}

/*=========================================
Heading
=========================================*/

.sm-emi-heading{
    text-align:center !important;
    margin-bottom:55px !important;
}

.sm-emi-heading span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:8px 18px !important;
    background:#000 !important;
    color:#fff !important;
    border-radius:30px !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
    margin-bottom:18px !important;
}

.sm-emi-heading h2{
    font-size:42px !important;
    line-height:1.2 !important;
    color:#111827 !important;
    font-weight:700 !important;
    margin:0 0 18px !important;
}

.sm-emi-heading p{
    max-width:700px !important;
    margin:auto !important;
    font-size:17px !important;
    line-height:1.8 !important;
    color:#667085 !important;
}

/*=========================================
Main Layout
=========================================*/

.sm-emi-wrapper{
    display:grid !important;
    grid-template-columns:520px 1fr !important;
    gap:35px !important;
    align-items:flex-start !important;
}

/*=========================================
Left Panel
=========================================*/

.sm-emi-form{
    background:#fff !important;
    border-radius:20px !important;
    padding:20px !important;
    box-shadow:0 15px 45px rgba(16,24,40,.08) !important;
    border:1px solid #edf1f6 !important;
    position:sticky !important;
    top:30px !important;
}

/*=========================================
Form Group
=========================================*/

.sm-form-group{
    margin-bottom:15px !important;
    position:relative !important;
}

.sm-form-group:last-child{
    margin-bottom:0 !important;
}

.sm-form-group label{
    display:block !important;
    margin-bottom:5px !important;
    font-size:14px !important;
    font-weight:600 !important;
    color:#344054 !important;
}

/*=========================================
Inputs
=========================================*/

.sm-form-group input,
.sm-form-group select{
    width:100% !important;
    height:56px !important;
    padding:0 18px !important;
    background:#fff !important;
    border:1px solid #d9dee8 !important;
    border-radius:12px !important;
    outline:none !important;
    font-size:16px !important;
    font-weight:600 !important;
    color:#101828 !important;
    transition:.3s !important;
    appearance:none !important;
    -webkit-appearance:none !important;
    box-sizing:border-box !important;
}

.sm-form-group input::placeholder{
    color:#98a2b3 !important;
    opacity:1 !important;
}

.sm-form-group input:focus,
.sm-form-group select:focus{
    border-color:#000 !important;
    box-shadow:0 0 0 4px rgba(11,78,162,.10) !important;
}

/*=========================================
Readonly Field
=========================================*/

.sm-form-group input[readonly]{
    background:#f8fafc !important;
    color:#000 !important;
    font-weight:700 !important;
    cursor:not-allowed !important;
}

/*=========================================
Select Arrow
=========================================*/

.sm-form-group select{
    cursor:pointer !important;
    padding-right:50px !important;
}

.sm-form-group::after{
    content:"\f107" !important;
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    position:absolute !important;
    right:18px !important;
    bottom:18px !important;
    color:#667085 !important;
    pointer-events:none !important;
}

/* Don't show arrow for input fields */

.sm-form-group:has(input)::after{
    display:none !important;
}

/*=========================================
Button Group
=========================================*/

.sm-btn-group{
    display:flex !important;
    gap:15px !important;
    margin-top:35px !important;
}

.sm-btn-group button{
    flex:1 !important;
    height:56px !important;
    border:none !important;
    border-radius:12px !important;
    font-size:15px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    transition:.35s !important;
}

/*=========================================
Calculate Button
=========================================*/

#calculateEMI{
    background:#000 !important;
    color:#fff !important;
}

#calculateEMI:hover{
    background:#083a7b !important;
    color:#fff !important;
    transform:translateY(-3px) !important;
    box-shadow:0 15px 30px rgba(11,78,162,.25) !important;
}

/*=========================================
Reset Button
=========================================*/

#resetEMI{
    background:#eef3f9 !important;
    color:#344054 !important;
}

#resetEMI:hover{
    background:#dde7f3 !important;
    color:#344054 !important;
    transform:translateY(-3px) !important;
}

/*=========================================
Hover Effect
=========================================*/

.sm-emi-form:hover{
    box-shadow:0 20px 55px rgba(16,24,40,.12) !important;
}

/*=========================================
RIGHT SUMMARY PANEL
=========================================*/

.sm-emi-summary{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:20px !important;
}

/*=========================================
Summary Card
=========================================*/

.sm-summary-card{
    background:#fff !important;
    border:1px solid #edf1f6 !important;
    border-radius:18px !important;
    padding:28px !important;
    box-shadow:0 10px 35px rgba(16,24,40,.06) !important;
    transition:.35s ease !important;
    position:relative !important;
    overflow:hidden !important;
}

.sm-summary-card::before{
    content:"" !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height:4px !important;
    background:#000 !important;
}

.sm-summary-card span{
    display:block !important;
    font-size:14px !important;
    color:#667085 !important;
    margin-bottom:14px !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
}

.sm-summary-card strong{
    display:block !important;
    font-size:32px !important;
    font-weight:700 !important;
    color:#111827 !important;
    line-height:1.2 !important;
}

.sm-summary-card:hover{
    transform:translateY(-6px) !important;
    box-shadow:0 18px 45px rgba(16,24,40,.12) !important;
}

/*=========================================
ACTION BUTTONS
=========================================*/

.sm-emi-actions{
    display:flex !important;
    gap:18px !important;
    justify-content:center !important;
    margin:50px 0 !important;
    flex-wrap:wrap !important;
}

.sm-emi-actions button{
    min-width:220px !important;
    height:56px !important;
    border:none !important;
    border-radius:12px !important;
    font-size:15px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    transition:.35s !important;
}

/*=========================================
PDF
=========================================*/

#downloadPDF{
    background:#d32f2f !important;
    color:#fff !important;
}

#downloadPDF:hover{
    background:#b71c1c !important;
    color:#fff !important;
    transform:translateY(-3px) !important;
}

/*=========================================
PRINT
=========================================*/

#printEMI{
    background:#000 !important;
    color:#fff !important;
}

#printEMI:hover{
    background:#083a7b !important;
    color:#fff !important;
    transform:translateY(-3px) !important;
}

/*=========================================
WHATSAPP
=========================================*/

#financeWhatsApp{
    background:#25D366 !important;
    color:#fff !important;
}

#financeWhatsApp:hover{
    background:#16b958 !important;
    color:#fff !important;
    transform:translateY(-3px) !important;
}

/*=========================================
TABLE WRAPPER
=========================================*/

.sm-emi-table-wrapper{
    background:#fff !important;
    border-radius:20px !important;
    overflow:hidden !important;
    border:1px solid #edf1f6 !important;
    box-shadow:0 12px 40px rgba(16,24,40,.06) !important;
    overflow-x:auto !important;
}

/*=========================================
TABLE
=========================================*/

.sm-emi-table{
    width:100% !important;
    border-collapse:collapse !important;
    min-width:850px !important;
}

/*=========================================
TABLE HEADER
=========================================*/

.sm-emi-table thead{
    background:#000 !important;
}

.sm-emi-table thead th{
    color:#fff !important;
    background:#000 !important;
    padding:18px 20px !important;
    text-align:left !important;
    font-size:14px !important;
    font-weight:600 !important;
    letter-spacing:.5px !important;
    white-space:nowrap !important;
}

/*=========================================
TABLE BODY
=========================================*/

.sm-emi-table tbody td{
    padding:18px 20px !important;
    border-bottom:1px solid #eef2f6 !important;
    font-size:15px !important;
    color:#344054 !important;
}

.sm-emi-table tbody tr:nth-child(even){
    background:#fafbfc !important;
}

.sm-emi-table tbody tr:hover{
    background:#f2f7ff !important;
}

/*=========================================
FIRST COLUMN
=========================================*/

.sm-emi-table tbody td:first-child{
    font-weight:700 !important;
    color:#111827 !important;
}

/*=========================================
SCROLLBAR
=========================================*/

.sm-emi-table-wrapper::-webkit-scrollbar{
    height:8px !important;
}

.sm-emi-table-wrapper::-webkit-scrollbar-thumb{
    background:#c7d3e0 !important;
    border-radius:20px !important;
}

/*=========================================
LOADING ANIMATION
=========================================*/

.sm-summary-card,
.sm-emi-form,
.sm-emi-table-wrapper{
    animation:fadeUp .6s ease both !important;
}

@keyframes fadeUp{

    from{
        opacity:0 !important;
        transform:translateY(25px) !important;
    }

    to{
        opacity:1 !important;
        transform:translateY(0) !important;
    }

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1100px){

    .sm-emi-wrapper{
        grid-template-columns:1fr !important;
    }

    .sm-emi-form{
        position:relative !important;
        top:0 !important;
    }

}

@media(max-width:992px){

    .sm-emi-summary{
        grid-template-columns:1fr 1fr !important;
    }

}

@media(max-width:768px){

    .sm-emi-section{
        padding:60px 0 !important;
    }

    .sm-container{
        padding:0 16px !important;
    }

    .sm-emi-heading{
        margin-bottom:35px !important;
    }

    .sm-emi-heading h2{
        font-size:30px !important;
    }

    .sm-emi-heading p{
        font-size:15px !important;
    }

    .sm-emi-form{
        padding:24px !important;
        border-radius:16px !important;
    }

    .sm-form-group{
        margin-bottom:18px !important;
    }

    .sm-form-group input,
    .sm-form-group select{
        height:52px !important;
        font-size:15px !important;
    }

    .sm-btn-group{
        flex-direction:column !important;
        gap:12px !important;
    }

    .sm-emi-summary{
        grid-template-columns:1fr !important;
    }

    .sm-summary-card{
        padding:22px !important;
    }

    .sm-summary-card strong{
        font-size:28px !important;
    }

    .sm-emi-actions{
        flex-direction:column !important;
        gap:14px !important;
    }

    .sm-emi-actions button{
        width:100% !important;
        min-width:100% !important;
    }

    .sm-emi-table thead th{
        padding:16px !important;
        font-size:13px !important;
    }

    .sm-emi-table tbody td{
        padding:16px !important;
        font-size:14px !important;
    }

}

/*=========================================
PRINT
=========================================*/

@media print{

    body *{
        visibility:hidden !important;
    }

    .sm-emi-table-wrapper,
    .sm-emi-table-wrapper *{
        visibility:visible !important;
    }

    .sm-emi-table-wrapper{
        position:absolute !important;
        left:0 !important;
        top:0 !important;
        width:100% !important;
        box-shadow:none !important;
        border:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71c9688 *//*=========================================
Vehicle EMI Calculator
Part 2A
Section • Heading • Layout • Form
=========================================*/

.sm-emi-section{

    padding:80px 0;

    background:#f6f8fb;

}

.sm-container{

    width:100%;
    max-width:1280px;

    margin:auto;

    padding:0 20px;

}

/*=========================================
Heading
=========================================*/

.sm-emi-heading{

    text-align:center;

    margin-bottom:55px;

}

.sm-emi-heading span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:8px 18px;

    background:#C8A96A;

    color:#fff;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.sm-emi-heading h2{

    font-size:42px;

    line-height:1.2;

    color:#111827;

    font-weight:700;

    margin:0 0 18px;

}

.sm-emi-heading p{

    max-width:700px;

    margin:auto;

    font-size:17px;

    line-height:1.8;

    color:#667085;

}

/*=========================================
Main Layout
=========================================*/

.sm-emi-wrapper{

    display:grid;

    grid-template-columns:520px 1fr;

    gap:35px;

    align-items:flex-start;

}

/*=========================================
Left Panel
=========================================*/

.sm-emi-form{

    background:#fff;

    border-radius:20px;

    padding:20px;

    box-shadow:0 15px 45px rgba(16,24,40,.08);

    border:1px solid #edf1f6;

    position:sticky;

    top:30px;

}

/*=========================================
Form Group
=========================================*/

.sm-form-group{

    margin-bottom:15px;

}

.sm-form-group:last-child{

    margin-bottom:0;

}

.sm-form-group label{

    display:block;

    margin-bottom:5px;

    font-size:14px;

    font-weight:600;

    color:#344054;

}

/*=========================================
Inputs
=========================================*/

.sm-form-group input,
.sm-form-group select{

    width:100%;

    height:56px;

    padding:0 18px;

    background:#fff;

    border:1px solid #d9dee8;

    border-radius:12px;

    outline:none;

    font-size:16px;

    font-weight:600;

    color:#101828;

    transition:.3s;

    appearance:none;

    -webkit-appearance:none;

}

.sm-form-group input::placeholder{

    color:#98a2b3;

}

.sm-form-group input:focus,
.sm-form-group select:focus{

    border-color:#C8A96A;

    box-shadow:0 0 0 4px rgba(11,78,162,.10);

}

/*=========================================
Readonly Field
=========================================*/

.sm-form-group input[readonly]{

    background:#f8fafc;

    color:#C8A96A;

    font-weight:700;

    cursor:not-allowed;

}

/*=========================================
Select Arrow
=========================================*/

.sm-form-group{

    position:relative;

}

.sm-form-group select{

    cursor:pointer;

    padding-right:50px;

}

.sm-form-group::after{

    content:"\f107";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    right:18px;

    bottom:18px;

    color:#667085;

    pointer-events:none;

}

/* Don't show icon for input fields */

.sm-form-group:has(input)::after{

    display:none;

}

/*=========================================
Button Group
=========================================*/

.sm-btn-group{

    display:flex;

    gap:15px;

    margin-top:35px;

}

.sm-btn-group button{

    flex:1;

    height:56px;

    border:none;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.35s;

}

/* Calculate Button */

#calculateEMI{

    background:#C8A96A;

    color:#fff;

}

#calculateEMI:hover{

    background:#083a7b;

    transform:translateY(-3px);

    box-shadow:0 15px 30px rgba(11,78,162,.25);

}

/* Reset Button */

#resetEMI{

    background:#eef3f9;

    color:#344054;

}

#resetEMI:hover{

    background:#dde7f3;

    transform:translateY(-3px);

}

/*=========================================
Hover Effect
=========================================*/

.sm-emi-form:hover{

    box-shadow:0 20px 55px rgba(16,24,40,.12);

}

/*=========================================
Responsive
=========================================*/

@media(max-width:1100px){

    .sm-emi-wrapper{

        grid-template-columns:1fr;

    }

    .sm-emi-form{

        position:relative;

        top:0;

    }

}

@media(max-width:768px){

    .sm-emi-section{

        padding:60px 0;

    }

    .sm-container{

        padding:0 16px;

    }

    .sm-emi-heading{

        margin-bottom:35px;

    }

    .sm-emi-heading h2{

        font-size:30px;

    }

    .sm-emi-heading p{

        font-size:15px;

    }

    .sm-emi-form{

        padding:24px;

        border-radius:16px;

    }

    .sm-form-group{

        margin-bottom:18px;

    }

    .sm-form-group input,
    .sm-form-group select{

        height:52px;

        font-size:15px;

    }

    .sm-btn-group{

        flex-direction:column;

        gap:12px;

    }


    
}

/*=========================================
Vehicle EMI Calculator
Part 2B
Summary • Action Buttons • Table
=========================================*/

/*=========================================
Right Summary Panel
=========================================*/

.sm-emi-summary{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

/*=========================================
Summary Card
=========================================*/

.sm-summary-card{

    background:#fff;

    border:1px solid #edf1f6;

    border-radius:18px;

    padding:28px;

    box-shadow:0 10px 35px rgba(16,24,40,.06);

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}

.sm-summary-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:#C8A96A;

}

.sm-summary-card span{

    display:block;

    font-size:14px;

    color:#667085;

    margin-bottom:14px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.sm-summary-card strong{

    display:block;

    font-size:32px;

    font-weight:700;

    color:#111827;

    line-height:1.2;

}

.sm-summary-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 45px rgba(16,24,40,.12);

}

/*=========================================
Action Buttons
=========================================*/

.sm-emi-actions{

    display:flex;

    gap:18px;

    justify-content:center;

    margin:50px 0;

    flex-wrap:wrap;

}

.sm-emi-actions button{

    min-width:220px;

    height:56px;

    border:none;

    border-radius:12px;

    font-size:15px;

    font-weight:600;

    cursor:pointer;

    transition:.35s;

}

/* PDF */

#downloadPDF{

    background:#d32f2f;

    color:#fff;

}

#downloadPDF:hover{

    background:#b71c1c;

    transform:translateY(-3px);

}

/* Print */

#printEMI{

    background:#C8A96A;

    color:#fff;

}

#printEMI:hover{

    background:#083a7b;

    transform:translateY(-3px);

}

/* WhatsApp */

#financeWhatsApp{

    background:#25D366;

    color:#fff;

}

#financeWhatsApp:hover{

    background:#16b958;

    transform:translateY(-3px);

}

/*=========================================
Table Wrapper
=========================================*/

.sm-emi-table-wrapper{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    border:1px solid #edf1f6;

    box-shadow:0 12px 40px rgba(16,24,40,.06);

    overflow-x:auto;

}

/*=========================================
Table
=========================================*/

.sm-emi-table{

    width:100%;

    border-collapse:collapse;

    min-width:850px;

}

/*=========================================
Header
=========================================*/

.sm-emi-table thead{

    background:#C8A96A;

}

.sm-emi-table thead th{

    color:#fff;

    padding:18px 20px;

    text-align:left;

    font-size:14px;

    font-weight:600;

    letter-spacing:.5px;

    white-space:nowrap;

}

/*=========================================
Body
=========================================*/

.sm-emi-table tbody td{

    padding:18px 20px;

    border-bottom:1px solid #eef2f6;

    font-size:15px;

    color:#344054;

}

.sm-emi-table tbody tr:nth-child(even){

    background:#fafbfc;

}

.sm-emi-table tbody tr:hover{

    background:#f2f7ff;

}

/*=========================================
First Column
=========================================*/

.sm-emi-table tbody td:first-child{

    font-weight:700;

    color:#111827;

}

/*=========================================
Scrollbar
=========================================*/

.sm-emi-table-wrapper::-webkit-scrollbar{

    height:8px;

}

.sm-emi-table-wrapper::-webkit-scrollbar-thumb{

    background:#c7d3e0;

    border-radius:20px;

}

/*=========================================
Loading Animation
=========================================*/

.sm-summary-card,
.sm-emi-form,
.sm-emi-table-wrapper{

    animation:fadeUp .6s ease both;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*=========================================
Responsive
=========================================*/

@media(max-width:992px){

    .sm-emi-summary{

        grid-template-columns:1fr 1fr;

    }

}

@media(max-width:768px){

    .sm-emi-summary{

        grid-template-columns:1fr;

    }

    .sm-summary-card{

        padding:22px;

    }

    .sm-summary-card strong{

        font-size:28px;

    }

    .sm-emi-actions{

        flex-direction:column;

        gap:14px;

    }

    .sm-emi-actions button{

        width:100%;

        min-width:100%;

    }

    .sm-emi-table thead th{

        padding:16px;

        font-size:13px;

    }

    .sm-emi-table tbody td{

        padding:16px;

        font-size:14px;

    }

}/* End custom CSS */