.elementor-794 .elementor-element.elementor-element-4f456ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-794 .elementor-element.elementor-element-48300a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-794 .elementor-element.elementor-element-9bfbf2d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-794 .elementor-element.elementor-element-f7c386e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-71e0619 *//* =========================================
   SATISH MOTORS - INNER PAGE BANNER
========================================= */

.sm-page-banner{

    position:relative;

    width:100%;

    height:650px;

    min-height:550px;

    overflow:hidden;

    display:flex;

    align-items:center;

    background:#111;

}


/* =========================================
   BACKGROUND IMAGE
========================================= */

.sm-page-banner-bg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    background-image:url("https://satishmotorsandfinance.com/wp-content/uploads/2026/08/contact-banner-desktop.webp");

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    transform:scale(1.04);

    animation:smBannerZoom 10s ease-out forwards;

}


/* =========================================
   IMAGE ZOOM
========================================= */

@keyframes smBannerZoom{

    0%{

        transform:scale(1.08);

    }

    100%{

        transform:scale(1);

    }

}





/* =========================================
   CONTAINER
========================================= */

.sm-page-banner-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:0 40px;

}


/* =========================================
   CONTENT
========================================= */

.sm-page-banner-content{

    max-width:650px;

}


/* =========================================
   BREADCRUMB
========================================= */

.sm-page-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    font-size:15px;

    color:#fff;

    opacity:0;

    animation:
        smTextSlideDown .8s ease forwards;

    animation-delay:.2s;

}


.sm-page-breadcrumb a{

    color:#fff !important;

    text-decoration:none !important;

    transition:.3s ease;

}


.sm-page-breadcrumb a:hover{

    color:#C8A96A !important;

}


.sm-page-breadcrumb span{

    display:flex;

    align-items:center;

}


.sm-page-breadcrumb i{

    font-size:10px;

    color:#C8A96A;

}


.sm-page-breadcrumb .current-page{

    color:#ddd;

}


/* =========================================
   MAIN HEADING
========================================= */

.sm-page-title{

    margin:0;

    color:#fff !important;

    font-size:72px;

    line-height:1.05;

    font-weight:300;

    letter-spacing:-2px;

    opacity:0;

    animation:
        smTextSlideDown 1s cubic-bezier(.22,1,.36,1) forwards;

    animation-delay:.45s;

}


/* =========================================
   SUBTITLE
========================================= */

.sm-page-subtitle{

    margin:22px 0 0;

    color:#fff !important;

    font-size:17px;

    line-height:1.6;

    font-weight:400;

    opacity:0;

    animation:
        smTextSlideDown .9s cubic-bezier(.22,1,.36,1) forwards;

    animation-delay:.75s;

}


/* =========================================
   TEXT SLIDE DOWN ANIMATION
========================================= */

@keyframes smTextSlideDown{

    0%{

        opacity:0;

        transform:translateY(-45px);

    }

    100%{

        opacity:1;

        transform:translateY(0);

    }

}
/* =========================================
   BANNER ACTION BUTTONS
========================================= */

.sm-page-banner-actions{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:30px;

    opacity:0;

    animation:smTextSlideDown .9s cubic-bezier(.22,1,.36,1) forwards;

    animation-delay:1s;

}


/* =========================================
   COMMON BUTTON
========================================= */

.sm-banner-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-height:52px;

    padding:0 25px;

    border-radius:4px;

    font-size:14px;

    font-weight:600;

    text-decoration:none !important;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;

}


/* =========================================
   BLACK / WHITE PRIMARY BUTTON
========================================= */

.sm-banner-btn-primary{

    background:#fff;

    color:#111 !important;

    border:1px solid #fff;

}


.sm-banner-btn-primary:hover{

    background:#111;

    color:#fff !important;

    border-color:#111;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.25);

}


.sm-banner-btn-primary i{

    font-size:13px;

    transition:transform .3s ease;

}


.sm-banner-btn-primary:hover i{

    transform:translateX(5px);

}


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

.sm-banner-btn-whatsapp{

    background:#25D366;

    color:#fff !important;

    border:1px solid #25D366;

}


.sm-banner-btn-whatsapp:hover{

    background:#128C7E;

    border-color:#128C7E;

    color:#fff !important;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(37,211,102,.30);

}


.sm-banner-btn-whatsapp i{

    font-size:20px;

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .sm-page-banner-actions{

        flex-wrap:wrap;

        gap:10px;

        margin-top:25px;

    }


    .sm-banner-btn{

        min-height:48px;

        padding:0 20px;

        font-size:13px;

    }


    .sm-banner-btn-whatsapp i{

        font-size:18px;

    }

}


@media(max-width:480px){

    .sm-page-banner-actions{

        width:100%;

    }


    .sm-banner-btn{

        flex:1;

        min-width:0;

        padding:0 15px;

    }

}

/* =========================================
   SCROLL INDICATOR
========================================= */

.sm-banner-scroll{

    position:absolute;

    z-index:3;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    color:#fff;

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;

    opacity:.85;

    animation:smScrollFloat 2s ease-in-out infinite;

}


.sm-banner-scroll i{

    color:#C8A96A;

    font-size:15px;

}


/* =========================================
   SCROLL ANIMATION
========================================= */

@keyframes smScrollFloat{

    0%,
    100%{

        transform:translate(-50%,0);

    }

    50%{

        transform:translate(-50%,8px);

    }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:1024px){

    .sm-page-banner{

        height:560px;

        min-height:500px;

    }


    .sm-page-banner-container{

        padding:0 30px;

    }


    .sm-page-title{

        font-size:60px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .sm-page-banner{

        height:520px;

        min-height:480px;

        align-items:center;

    }


    .sm-page-banner-bg{

        background-position:center center;

    }


    .sm-page-banner-overlay{

        background:

            linear-gradient(
                90deg,
                rgba(0,0,0,.78) 0%,
                rgba(0,0,0,.55) 60%,
                rgba(0,0,0,.35) 100%
            );

    }


    .sm-page-banner-container{

        padding:0 22px;

    }


    .sm-page-banner-content{

        max-width:100%;

    }


    .sm-page-breadcrumb{

        font-size:13px;

        gap:9px;

        margin-bottom:18px;

    }


    .sm-page-title{

        font-size:48px;

        line-height:1.08;

        letter-spacing:-1px;

    }


    .sm-page-subtitle{

        font-size:14px;

        margin-top:15px;

        max-width:300px;

    }


    .sm-banner-scroll{

        bottom:20px;

        font-size:9px;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .sm-page-banner{

        height:480px;

        min-height:450px;

    }


    .sm-page-title{

        font-size:40px;

    }


    .sm-page-subtitle{

        font-size:13px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eee9c7b *//* =========================================
   SATISH MOTORS - INNER PAGE BANNER
========================================= */

.sm-page-banner{

    position:relative;

    width:100%;

    height:650px;

    min-height:550px;

    overflow:hidden;

    display:flex;

    align-items:center;

    background:#111;

}

/* =========================================
   REQUEST A CALL BACK CTA
========================================= */

.sm-process-cta{

    margin-top:28px;

    display:flex;

    justify-content:center;

}


.sm-process-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-height:52px;

    padding:0 28px;

    background:#111;

    color:#fff !important;

    text-decoration:none !important;

    border:1px solid #111;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    letter-spacing:.2px;

    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease,
        box-shadow .35s ease;

}


.sm-process-btn i{

    font-size:13px;

    transition:transform .35s ease;

}


.sm-process-btn:hover{

    background:#fff;

    color:#111 !important;

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,0,0,.12);

}


.sm-process-btn:hover i{

    transform:translateX(5px);

}


/* Mobile */

@media(max-width:600px){

    .sm-process-cta{

        margin-top:24px;

    }

    .sm-process-btn{

        width:100%;

        max-width:240px;

        min-height:50px;

        padding:0 22px;

    }

}
/* =========================================
   BACKGROUND IMAGE
========================================= */

.sm-page-banner-bg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    background-image:url("https://satishmotorsandfinance.com/wp-content/uploads/2026/08/contact-banner-desktop.webp");

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    transform:scale(1.04);

    animation:smBannerZoom 10s ease-out forwards;

}


/* =========================================
   IMAGE ZOOM
========================================= */

@keyframes smBannerZoom{

    0%{

        transform:scale(1.08);

    }

    100%{

        transform:scale(1);

    }

}





/* =========================================
   CONTAINER
========================================= */

.sm-page-banner-container{

    position:relative;

    z-index:2;

    width:100%;

    max-width:1200px;

    margin:0 auto;

    padding:0 40px;

}


/* =========================================
   CONTENT
========================================= */

.sm-page-banner-content{

    max-width:650px;

}


/* =========================================
   BREADCRUMB
========================================= */

.sm-page-breadcrumb{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:25px;

    font-size:15px;

    color:#fff;

    opacity:0;

    animation:
        smTextSlideDown .8s ease forwards;

    animation-delay:.2s;

}


.sm-page-breadcrumb a{

    color:#fff !important;

    text-decoration:none !important;

    transition:.3s ease;

}


.sm-page-breadcrumb a:hover{

    color:#C8A96A !important;

}


.sm-page-breadcrumb span{

    display:flex;

    align-items:center;

}


.sm-page-breadcrumb i{

    font-size:10px;

    color:#C8A96A;

}


.sm-page-breadcrumb .current-page{

    color:#ddd;

}


/* =========================================
   MAIN HEADING
========================================= */

.sm-page-title{

    margin:0;

    color:#fff !important;

    font-size:72px;

    line-height:1.05;

    font-weight:300;

    letter-spacing:-2px;

    opacity:0;

    animation:
        smTextSlideDown 1s cubic-bezier(.22,1,.36,1) forwards;

    animation-delay:.45s;

}


/* =========================================
   SUBTITLE
========================================= */

.sm-page-subtitle{

    margin:22px 0 0;

    color:#fff !important;

    font-size:17px;

    line-height:1.6;

    font-weight:400;

    opacity:0;

    animation:
        smTextSlideDown .9s cubic-bezier(.22,1,.36,1) forwards;

    animation-delay:.75s;

}


/* =========================================
   TEXT SLIDE DOWN ANIMATION
========================================= */

@keyframes smTextSlideDown{

    0%{

        opacity:0;

        transform:translateY(-45px);

    }

    100%{

        opacity:1;

        transform:translateY(0);

    }

}
/* =========================================
   BANNER ACTION BUTTONS
========================================= */

.sm-page-banner-actions{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:30px;

    opacity:0;

    animation:smTextSlideDown .9s cubic-bezier(.22,1,.36,1) forwards;

    animation-delay:1s;

}


/* =========================================
   COMMON BUTTON
========================================= */

.sm-banner-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    min-height:52px;

    padding:0 25px;

    border-radius:4px;

    font-size:14px;

    font-weight:600;

    text-decoration:none !important;

    transition:
        background .3s ease,
        color .3s ease,
        border-color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;

}


/* =========================================
   BLACK / WHITE PRIMARY BUTTON
========================================= */

.sm-banner-btn-primary{

    background:#fff;

    color:#111 !important;

    border:1px solid #fff;

}


.sm-banner-btn-primary:hover{

    background:#111;

    color:#fff !important;

    border-color:#111;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(0,0,0,.25);

}


.sm-banner-btn-primary i{

    font-size:13px;

    transition:transform .3s ease;

}


.sm-banner-btn-primary:hover i{

    transform:translateX(5px);

}


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

.sm-banner-btn-whatsapp{

    background:#25D366;

    color:#fff !important;

    border:1px solid #25D366;

}


.sm-banner-btn-whatsapp:hover{

    background:#128C7E;

    border-color:#128C7E;

    color:#fff !important;

    transform:translateY(-3px);

    box-shadow:0 10px 25px rgba(37,211,102,.30);

}


.sm-banner-btn-whatsapp i{

    font-size:20px;

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .sm-page-banner-actions{

        flex-wrap:wrap;

        gap:10px;

        margin-top:25px;

    }


    .sm-banner-btn{

        min-height:48px;

        padding:0 20px;

        font-size:13px;

    }


    .sm-banner-btn-whatsapp i{

        font-size:18px;

    }

}


@media(max-width:480px){

    .sm-page-banner-actions{

        width:100%;

    }


    .sm-banner-btn{

        flex:1;

        min-width:0;

        padding:0 15px;

    }

}

/* =========================================
   SCROLL INDICATOR
========================================= */

.sm-banner-scroll{

    position:absolute;

    z-index:3;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

    color:#fff;

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;

    opacity:.85;

    animation:smScrollFloat 2s ease-in-out infinite;

}


.sm-banner-scroll i{

    color:#C8A96A;

    font-size:15px;

}


/* =========================================
   SCROLL ANIMATION
========================================= */

@keyframes smScrollFloat{

    0%,
    100%{

        transform:translate(-50%,0);

    }

    50%{

        transform:translate(-50%,8px);

    }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:1024px){

    .sm-page-banner{

        height:560px;

        min-height:500px;

    }


    .sm-page-banner-container{

        padding:0 30px;

    }


    .sm-page-title{

        font-size:60px;

    }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .sm-page-banner{

        height:520px;

        min-height:480px;

        align-items:center;

    }


    .sm-page-banner-bg{

        background-position:center center;

    }


    .sm-page-banner-overlay{

        background:

            linear-gradient(
                90deg,
                rgba(0,0,0,.78) 0%,
                rgba(0,0,0,.55) 60%,
                rgba(0,0,0,.35) 100%
            );

    }


    .sm-page-banner-container{

        padding:0 22px;

    }


    .sm-page-banner-content{

        max-width:100%;

    }


    .sm-page-breadcrumb{

        font-size:13px;

        gap:9px;

        margin-bottom:18px;

    }


    .sm-page-title{

        font-size:48px;

        line-height:1.08;

        letter-spacing:-1px;

    }


    .sm-page-subtitle{

        font-size:14px;

        margin-top:15px;

        max-width:300px;

    }


    .sm-banner-scroll{

        bottom:20px;

        font-size:9px;

    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:480px){

    .sm-page-banner{

        height:480px;

        min-height:450px;

    }


    .sm-page-title{

        font-size:40px;

    }


    .sm-page-subtitle{

        font-size:13px;

    }

}/* End custom CSS */