@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800;900&display=swap');
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    font-family: 'Quicksand', sans-serif;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.clearfix {
    clear: both;
}

.clearfix:after,
.clearfix:before {
    clear: both;
    content: "";
    display: block;
    width: 100%;
}

ul,
li,
p,
h1,
h2,
h3,
h4,
a,
img {
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: 0px;
    list-style: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

.PR {
    position: relative;
}

.head_comm {
    font: 30px 'Poppins', sans-serif;
    text-transform: uppercase;
    padding: 15px 0;
    color: #fff;
    text-align: center;
}

.container {
    width: 1260px;
    margin: 0 auto;
}

header {
    padding: 20px 0;
}

.marutilogo {
    float: left;
}

.mclogo {
    float: right;
}

.mclogo span {
    vertical-align: text-top;
    margin-right: 10px;
    text-transform: uppercase;
    font: 600 12px 'Poppins', sans-serif;
}

.mclogo a {
    display: inline-block;
    vertical-align: middle;
}

#sec_onestop {
    text-align: center;
    padding: 50px 0;
    background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/bg_onestop.jpg") center center no-repeat;
    height: 700px;
    background-attachment: fixed;
    background-size: cover;
}

.heading2 {
    padding-bottom: 10px;
    text-align: center;
    font: 700 52px/52px 'Poppins', sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.onestMainpic {
    padding: 30px 0;
}

.heading_border {
    color: #fff;
    font: 36px 'Quicksand', sans-serif;
    padding: 0 0 10px 0;
    background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/head_border.png") center bottom no-repeat;
    margin-bottom: 15px;
}

.red_undertext {
    display: inline-block;
    /* background: #d61f26; */
    background: #999;
    color: #ffffff;
    padding: 0 15px;
    font: 600 22px/38px 'Poppins', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.red_undertext span {
    position: absolute;
    bottom: -21px;
    right: -320px;
}

#sec_onestop .para p {
    color: #fff;
    font: 16px/26px 'Quicksand', sans-serif;
    padding: 0 60px;
    margin-bottom: 30px;
}

#sec_easyfinance {
    background: #f9f9fb;
    padding: 70px 0;
}

.heading_easy {
    color: #000000;
    font: 600 30px 'Poppins', sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#sec_easyfinance figure {
    float: right;
}

#sec_easyfinance article {
    float: left;
    width: 420px;
    font: 600 16px/26px 'Quicksand', sans-serif;
    margin-top: 90px;
}

#sec_widerange {
    text-align: center;
    background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/bg_widerange.jpg") center center no-repeat;
    padding: 120px 0;
    background-attachment: fixed;
    background-size: cover;
}

#sec_widerange p {
    margin-bottom: 30px;
    padding: 0 190px;
    font: 16px/26px 'Quicksand', sans-serif;
    color: #fff;
}

.sec_multibank {
    padding: 20px 0;
}

.sec_multibank li {
    display: inline-block;
    margin-right: 11px;
}

.sec_multibank li img {
    display: block;
}

.sec_multibank li a {
    color: #000;
    font: 600 16px/46px 'Quicksand', sans-serif;
    display: inline-block;
    vertical-align: top;
}

.sec_multibank li:last-child {
    margin: 0px;
}

#sec_fineducation {
    background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/bg_video.jpg") center center no-repeat;
    padding: 100px 0;
    background-size: cover;
    background-attachment: fixed;
    background-size: cover;
}

.videoCnt {
    position: relative;
    width: 800px;
    margin: 0 auto;
    margin: 0 auto;
    background: #000;
    box-shadow: 0px 15px 30px #000;
    height: 451px;
}


/*.pay_video { display:inline-block; width:81px; height: 81px; background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/video_paly.png") no-repeat; position: absolute; left:50%; top:50%; transform: translate( -50%, - 50%;); z-index: 99;}*/

#sec_transparency {
    background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/bg_education.jpg") center center no-repeat;
    padding: 85px 0;
    background-attachment: fixed;
    background-size: cover;
}

#sec_transparency .head_comm {
    margin-bottom: 60px;
}

#sec_transparency figure {
    float: left;
}

#sec_transparency article {
    width: 380px;
    margin-top: 60px;
    background: #fff;
    float: right;
    padding: 30px;
}

#sec_futureready {
    padding: 100px 0;
    background: url("https://images.moneycontrol.com/assets/images/ms/maruti_car/future_ready.jpg") center center no-repeat;
    text-align: center;
    background-size: cover;
}

#sec_futureready p {
    max-width: 800px;
    margin: 0 auto;
    color: #fff;
    font: 16px/26px 'Quicksand', sans-serif;
    margin-bottom: 40px;
    padding-top: 20px;
}

.startjoueney {
    display: inline-block;
    font: 23px/58px 'Quicksand', sans-serif;
    color: #fff;
    /* background: #d61f26; */
    background: #999;
    padding: 0 25px;
}

.copyright {
    background: #13163f;
    text-align: center;
    padding: 30px 15px;
    font: 500 12px 'Quicksand', sans-serif;
    color: #fff;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

@media all and (max-width:1024px) {
    .container {
        width: 990px;
    }
    #sec_easyfinance figure {
        width: 540px;
    }
    #sec_easyfinance article {
        margin-top: 30px;
    }
    .red_undertext span {
        display: none;
    }
    #sec_transparency figure {
        width: 550px;
    }
}

@media all and (max-width:767px) {
    .mob-hide {
        display: none;
    }
    .container {
        width: auto;
        margin: 0 15px;
    }
    .marutilogo {
        margin-top: 10px;
    }
    .marutilogo img {
        width: 170px;
    }
    .mclogo {
        padding-left: 25px;
        border-left: 1px solid #a6a6a6;
    }
    .mclogo span {
        display: block;
        margin: 0 0 3px 0;
        font-size: 9px;
        text-align: center;
    }
    .mclogo img {
        width: 99px;
        height: auto;
    }
    .heading_border {
        background-size: 100%;
        font-size: 17px;
    }
    .heading2 {
        font: 700 27px/27px 'Poppins', sans-serif;
    }
    .red_undertext {
        font: 600 12px/20px 'Poppins', sans-serif;
        letter-spacing: 1px;
        padding: 0 10px;
    }
    #sec_onestop .para p {
        padding: 0px;
    }
    #sec_onestop {
        height: auto;
    }
    #sec_easyfinance article,
    #sec_transparency article {
        width: auto;
        margin-top: 0px;
        text-align: center;
        font: 600 12px/20px 'Quicksand', sans-serif;
        float: none;
    }
    #sec_widerange p {
        padding: 0px;
        font: 12px/20px 'Quicksand', sans-serif;
    }
    .videoCnt {
        height: auto;
        width: auto;
    }
    #sec_transparency figure,
    #sec_easyfinance figure {
        width: 100%;
        float: none;
    }
    .sec_multibank ul {
        white-space: nowrap;
        overflow: auto;
    }
    .sec_multibank li {
        white-space: normal;
    }
    #sec_widerange,
    #sec_easyfinance {
        padding: 30px 0;
    }
    #sec_easyfinance figure {
        margin-top: 30px;
    }
    .head_comm {
        font-size: 18px;
    }
    #sec_transparency .head_comm {
        margin-bottom: 0px;
    }
    #sec_transparency {
        padding: 30px 0px 50px 0px;
    }
    #sec_futureready {
        padding: 40px 0px 50px 0px;
        background: url(https://images.moneycontrol.com/assets/images/ms/maruti_car/future_ready.jpg) left center no-repeat;
        background-size: cover;
    }
    #sec_futureready p {
        font: 12px/20px 'Quicksand', sans-serif;
    }
    .startjoueney {
        font: 16px/46px 'Quicksand', sans-serif;
    }
    .copyright {
        font-size: 10px;
    }
    .heading_easy {
        font-size: 18px;
    }
}

@media all and (max-width:359px) {
    .mclogo {
        padding-left: 10px;
    }
}