.elementor-1067 .elementor-element.elementor-element-fa8abde{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1067 .elementor-element.elementor-element-4f7c634{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:3em;--padding-bottom:0em;--padding-left:1em;--padding-right:1em;}.elementor-1067 .elementor-element.elementor-element-319f14f{--display:flex;--justify-content:center;--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-1067 .elementor-element.elementor-element-bfb1ae5{--display:flex;--padding-top:10px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}@media(min-width:768px){.elementor-1067 .elementor-element.elementor-element-319f14f{--width:100%;}}@media(max-width:1024px){.elementor-1067 .elementor-element.elementor-element-4f7c634{--padding-top:3em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-1067 .elementor-element.elementor-element-319f14f{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:1em;}}@media(max-width:767px){.elementor-1067 .elementor-element.elementor-element-4f7c634{--padding-top:0em;--padding-bottom:2em;--padding-left:1em;--padding-right:1em;}.elementor-1067 .elementor-element.elementor-element-319f14f{--padding-top:2em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}}/* Start custom CSS for html, class: .elementor-element-b1a2028 *//* =========================================
   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-c1ee34c */.section-heading-inner {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 48px;
}

/* Heading */
.section-heading h2 {
    margin: 0;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -1.5px;
    color: #050505;
    white-space: nowrap;
}

/* Center Line */
.section-line {
    flex: 1;
    height: 1px;
    background: #777;
}

/* Button */
.section-button {
    padding: 15px 35px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    background: #000;
    color: #fff !important;

    border-radius: 10px;

    font-size: 16px;
    font-weight: 600;
    text-decoration: none;

    transition: all 0.3s ease;
}

/* Button Hover */
.section-button:hover {
    background: #fff;
    color: #000 !important;
    border: 1px solid #000;
    transform: translateY(-2px);
}


/* =========================
   Tablet
========================= */

@media (max-width: 991px) {

    .section-heading {
        padding: 25px 30px;
    }

    .section-heading-inner {
        gap: 30px;
    }

    .section-heading h2 {
        font-size: 30px;
    }

    .section-button {
        min-width: 200px;
        height: 58px;
        font-size: 15px;
    }
}


/* =========================
   Mobile
========================= */

@media (max-width: 767px) {

    .section-heading {
        padding:0;
    }

    .section-heading-inner {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 18px 20px;
    }

    .section-heading h2 {
        font-size: 24px;
        letter-spacing: -1px;
    }

    .section-line {
        display: none;
    }

    .section-button {
        min-width: auto;
        height: 52px;
        padding: 0 24px;
        font-size: 14px;
    }
}


/* Small Mobile */

@media (max-width: 480px) {

    .section-heading-inner {
        grid-template-columns: 1fr;
    }

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

    .section-button {
        width: fit-content;
        min-width: 170px;
    }
}/* End custom CSS */