article, aside, details, figcaption, figure, 
footer, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after{-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
body{margin: 0; padding: 0; background: #fff; color: #000; overflow-x:hidden;font-weight: 400; font-size: 14px; font-family: 'Roboto', sans-serif; }
img{ max-width: 100%; }
:focus {outline:0;}
::-moz-focus-inner {border:0;}
a{outline:none; text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0); transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
a:hover { color: #2375ad; text-decoration: none; }
strong{font-weight:700;}
textarea,
select,
input[type="text"],
input[type="button"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:none;}
.verticalCenter{display:table; width:100%; height:100%;}
.verticalInner{display:table-cell; vertical-align:middle;}
select option{color: #000;  }
select::-ms-expand {display: none;}
h1,h2,h3,h4,h5,h6{margin:0px 0px; font-weight: normal;}
h1{font-size:36px; clear: both;}
h2{font-size:34px; clear: both;}
h3{font-size:24px; clear: both;}
h4{font-size:22px; clear: both;}
h5{font-size:20px; clear: both;}
h6{font-size:18px; clear: both;}
p{margin: 0; clear: both;}
select:focus {outline:none; }
ul { padding: 0px; margin: 0px; list-style: none; }
section.floating-component {display: none;}
.rightTxt .picSec img {display: inline-block; float: left;}
.rightTxt .picSec span {display: inline-block; float: left; margin-top: 25px;}
header { width: 100%; float: left; text-align: center; background: #fff; }
.container { max-width: 1200px; position: relative; }
.whtButton a { font-size: 18px; color: #2E3492; font-weight: 500; display: inline-block; padding: 18px 35px 18px 35px; border: #2E3492 solid 3px; background: #fff; text-decoration: none; border-radius: 7px; position: relative; line-height: normal; }
.whtButton a:hover { color: #fff; background: #2E3492; }
.bluButton a { font-size: 18px; color: #fff; font-weight: 500; display: inline-block; padding: 18px 35px 18px 35px; border: #2E3492 solid 3px; background: #2E3492; text-decoration: none; border-radius: 7px; position: relative; line-height: normal; }
.bluButton a:hover { color: #2E3492; background: #fff; }
.middleContainerMain { min-height: 1500px; }
section { float: left; width: 100%;}

/*------banner section------*/
.bannerMainContainer { width: 100%; float: left; background: url(/images/sassist/banner-bg.png) center center no-repeat; padding: 50px 0; background-size: cover; display: flex; align-items: center; }
.bannerMainContainer .bannerInner { display: flex; align-items: center; }
.bannerMainContainer .leftContent { width: 65%; float: left; }
.bannerMainContainer .leftContent span { color: #2B3494; font-size: 20px; text-transform: uppercase; font-weight: bold; float: left; width: 100%; }
.bannerMainContainer .leftContent h2 { color: rgba(0, 0, 0, 0.6); font-size: 47px; }
.bannerMainContainer .leftContent h2 strong { font-weight: 900; }
.bannerMainContainer .leftContent h2 label { font-weight: 700; }
.bannerMainContainer .leftContent p { width: 85%; float: left; color: rgba(93, 93, 93, 0.86); font-size: 18px; font-weight: 500; line-height: 1.4; margin: 10px 0 25px 0; }
.bannerMainContainer .leftContent .btnMain { width: 100%; float: left; display: flex; }
.bannerMainContainer .leftContent .btnMain .whtButton { margin-left: 15px; width: 165px; }
.bannerMainContainer .leftContent .btnMain .whtButton a { padding: 18px 0px; width: 100%; text-align: center; }
.bannerMainContainer .leftContent .btnMain .bluButton { width: 165px; }
.bannerMainContainer .leftContent .btnMain .bluButton a { padding: 18px 0px; width: 100%; text-align: center; }
.bannerMainContainer .rightImg { width: 35%; float: right; text-align: right; }
/*------/banner section------*/

/*------Features section------*/
.featureSec { margin-top: 150px; float: left; width: 100%; }
.featureSec .title { float: left; width: 100%; text-align: center; padding-bottom: 25px; }
.featureSec .title h2 { font-size: 48px; color: #000; font-weight: bold; display: inline-block; line-height: 1; position: relative; }
.featureSec .title h2:after { position: absolute; width: 200px; height: 2px; content: ""; background: #2B3494; bottom: -25px; left: 50%; margin-left: -100px; }
.featureSec ul { display: flex; justify-content: space-between; float: left; width: 80%; margin: 100px 0 100px 10%; }
.featureSec ul li { width: 27%; }
.featureSec ul li h3 { font-size: 22px; color: #4E4E4E; font-weight: bold; margin: 20px 0 15px 0; }
.featureSec ul li p { font-size: 18px; color: #4E4E4E; font-weight: normal; line-height: 1.4; }

/*------/Features section------*/

/*------How It Works------*/
.howItWorkSec { margin-top: 50px; width: 100%; float: left; background: url(/images/sassist/how-it-work-bg.svg) center -50px no-repeat; background-size: cover; padding: 150px 0 100px 0; text-align: center; }
.howItWorkSec .container { display: flex; align-items: center; }
.howItWorkSec .scanText { float: left; position: absolute; left: -120px; bottom: 240px; transform: rotate(270deg); }
.howItWorkSec .scanText ul { float: left; height: 20px;  }
.howItWorkSec .scanText ul li { display: inline-block; color: #2B3494; font-size: 20px; line-height: 1; }
.howItWorkSec .scanText ul li:nth-child(1) { color: #2B3494; font-size: 20px; }
.howItWorkSec .scanText ul li:nth-child(2) { width: 50px; height: 2px; background: #2B3494; display: inline-block; border-radius: 0px; position: relative; top: -5px; }

.howItWorkSec .leftSlider { width: 250px; float: left; }
.howItWorkSec .leftSlider .slide { float: left; }
.howItWorkSec .leftSlider .slide .image { max-width: 100%; width: auto; float: left; }
.howItWorkSec .rightTxt { width: 55%; float: left; text-align: left; margin-left: 25%; }
.howItWorkSec .rightTxt .title { float: left; width: 100%; padding-bottom: 20px; }
.howItWorkSec .rightTxt .title h2 { font-size: 48px; color: #000; font-weight: bold; display: inline-block; line-height: 1; position: relative; }
.howItWorkSec .rightTxt .title h2:after { position: absolute; width: 200px; height: 2px; content: ""; background: #2B3494; bottom: -20px; left: 0px; }
.howItWorkSec .rightTxt h3 { color: #4E4E4E; font-size: 22px; font-weight: bold; display: inline-block; margin-top: 35px; margin-bottom: 20px; width: 100%; }
.howItWorkSec .rightTxt p { width: 70%; font-size: 18px; color: #4E4E4E; font-weight: normal; line-height: 1.4; margin-bottom: 35px; }
.howItWorkSec .leftSlider .howItWork .owl-dots { margin-bottom: 50px; margin-top: 20px; width: 99%; }
.howItWorkSec .leftSlider .howItWork .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; border: #2E3492 solid 1px; background: #2B3494; border-radius: 10px; margin: 0px 1px; }
.howItWorkSec .leftSlider .howItWork .owl-dots .owl-dot.active  { width: 20px; background: #2E3492; }
.howItWorkSec .title { display: none; }

.picSec { display: inline-block; margin-top: 10px; }
.picSec span a { margin-left: 20px; color: #2B3494; font-size: 18px; font-weight: 600; text-decoration: none; }
.picSec span a:hover { color: #000; }
/*------/How It Works------*/

/*------Video Section------*/

.videoSec { padding: 60px 0; float: left; width: 100%; background: url(/images/sassist/video-main-bg.png) center top no-repeat; background-size: cover; }
.videoSec .title { float: left; width: 100%; text-align: center; padding-bottom: 25px; }
.videoSec .title h2 { font-size: 48px; color: #000; font-weight: bold; display: inline-block; line-height: 1; position: relative; }
.videoSec .title h2:after { position: absolute; width: 200px; height: 2px; content: ""; background: #2B3494; bottom: -25px; left: 50%; margin-left: -100px; }
.videoSec .videoSlider { float: left; width: 100%; margin-top: 70px; }
.videoSec .videoSlider .slide { float: left; width: 100%; border-radius: 15px; }
.videoSec .videoSlider .slide .image { float: left; width: 100%; border-radius: 20px; overflow: hidden; position: relative; } /*-------06-09-21_Changes-----*/
.videoSec .videoSlider .slide .image a { position: relative; display: inline-block; float: left; } /*-------06-09-21_Changes-----*/
.videoSec .videoSlider .slide .image a span { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 70px; height: 70px; }
.videoSec .owl-dots { margin-bottom: 0px; margin-top: 35px; width: 100%; text-align: center; }
.videoSec .owl-dots .owl-dot { display: inline-block; width: 8px; height: 8px; border: #2E3492 solid 1px; background: #2B3494; border-radius: 10px; margin: 0px 1px; }
.videoSec .owl-dots .owl-dot.active  { width: 20px; background: #2E3492; }

/*-------06-09-21_Changes-----*/
.videoSec .videoSlider .slide .image .comingSoon { width: 100%; position: absolute; left: 0px; height: 100%; top: 0px; background: rgba(0, 0, 0, 0.7); display: table; opacity: 0; cursor: pointer; transition: 0.5s; }
.videoSec .videoSlider .slide .image .comingSoon span { color: #fff; width: 100%; text-align: center; font-size: 16px; font-weight: 600; display: table-cell; vertical-align: middle; }
.videoSec .videoSlider .slide .image:hover .comingSoon { opacity: 1; transition: 0.5s; }
/*-------/06-09-21_Changes-----*/

/*------/Video Section------*/

/*--------Download Maruti Rewards------*/
.downloadRewardSec { width: 100%; float: left; background: #2B3494; padding: 40px 0; margin-top: 200px; margin-bottom: 60px; }
.downloadRewardSec .leftSec { width: 70%; float: left; }
.downloadRewardSec .leftSec h2 { width: 100%; float: left; font-size: 36px; color: #fff; font-weight: bold; margin-bottom: 15px; }
.downloadRewardSec .leftSec h3 { width: 90%; float: left; font-size: 30px; color: #fff; font-weight: normal; margin-bottom: 40px; line-height: 1.3; }
.downloadRewardSec .leftSec ul { display: flex; float: left; width: 100%; }
.downloadRewardSec .leftSec ul li { margin-right: 15px; }
.downloadRewardSec .rightSec { position: absolute; right: 0px; top: -125px; }
/*--------/Download Maruti Rewards------*/

/*--------/Follow Us------*/
.followUsOn { width: 100%; float: left; margin-bottom: 50px; }
.followUsOn h2 { width: 100%; float: left; font-size: 36px; color: #000; font-weight: bold; text-align: center; margin-bottom: 10px; }
.followUsOn ul { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; display: flex; justify-content: center; width: 100%; text-align: center; height: 47px; font-size: 0px; }
.followUsOn li { width: 47px; height: 47px; display: inline-block; margin: 0 10px; }
.followUsOn li a { display: flex; justify-content: center; align-items: center; background: #6e6e6e; width: 100%; height: 100%; border-radius: 50%; }
.followUsOn li a:hover { background: #2e3192; }
.followUsOn li a span { width: 47px; height: 47px; display: flex; }
.forMob { display: none; }
@media screen and (max-width: 1399px) {
.featureSec { margin-top: 100px; }
.howItWorkSec { margin-top: 0px; }
.howItWorkSec .leftSlider .howItWork .owl-dots { margin-bottom: 0px; }
.howItWorkSec .rightTxt { margin-left: 20%; }

}
@media screen and (max-width: 1199px) {
.bannerMainContainer { padding: 25px 0; }
.bannerMainContainer .leftContent h2 { font-size: 35px; }
.featureSec { margin-top: 50px; }
.featureSec .title h2 { font-size: 35px; }
.featureSec ul { width: 90%; margin: 50px 0 50px 5%; }
.featureSec .title h2:after { width: 150px; margin-left: -75px; }
.howItWorkSec { padding: 100px 0 50px 0; }
.howItWorkSec .rightTxt { margin-left: 10%; }
.howItWorkSec .rightTxt .title h2 { font-size: 35px; }
.howItWorkSec .leftSlider { margin-left: 50px; }
.howItWorkSec .scanText { left: -40px; bottom: 150px; }
.howItWorkSec .rightTxt .title h2:after { width: 150px; }
.howItWorkSec .rightTxt p { width: 100%; }

.videoSec { padding: 50px 0; }
.videoSec .title h2 { font-size: 35px; }
.videoSec .videoSlider { margin-top: 30px; }
.videoSec .owl-dots { margin-top: 10px; }
.videoSec .title h2:after { width: 150px; margin-left: -75px; }
.downloadRewardSec { margin-top: 100px; margin-bottom: 50px; }
.downloadRewardSec .leftSec h2 { font-size: 30px; }
.downloadRewardSec .leftSec h3 { font-size: 25px; }
.downloadRewardSec .rightSec { top: -105px; width: 23%; }
.followUsOn h2 { font-size: 35px; }
}


@media screen and (max-width: 992px) {
.bannerMainContainer .leftContent p { font-size: 16px; }
.bannerMainContainer .leftContent h2 { font-size: 26px; }
.howItWorkSec .leftSlider { margin-left: 25px; }
.howItWorkSec .rightTxt { margin-left: 5%; }
.howItWorkSec { padding-top: 50px; background: url(/images/sassist/how-it-work-bg.svg) center -50px no-repeat; }
.downloadRewardSec .rightSec { width: 30%; }
}


@media screen and (max-width: 767px) {

.bannerMainContainer .bannerInner { display: block; }
.bannerMainContainer .leftContent { width: 100%; }
.bannerMainContainer .leftContent span { font-size: 13px; margin-bottom: 10px; }
.bannerMainContainer .leftContent h2 { font-size: 22px; line-height: 1.35; }
.bannerMainContainer .leftContent p { font-size: 14px; line-height: 1.7; width: 100%; }
.bannerMainContainer .leftContent h2 label { margin-bottom: 0px; }
.bannerMainContainer .rightImg { width: 100%; text-align: center; margin-top: 50px; }
.featureSec .title h2 { font-size: 26px; }
.featureSec .title h2:after { width: 200px; margin-left: -100px; }

.featureSec ul { display: block; width: 80%; margin-left: 10%; margin-bottom: 25px; }
.featureSec ul li { width: 100%; text-align: center; }
.featureSec ul li + li { margin-top: 50px; }
.howItWorkSec { padding-top: 25px; }
.howItWorkSec .scanText { display: none; }
.howItWorkSec .container { display: block; }
.howItWorkSec .leftSlider {position: relative; left: 50%; margin-left: -125px; }
.howItWorkSec .rightTxt { width: 100%; margin-left: 0px; }
.howItWorkSec .rightTxt .title { display: none; }
.howItWorkSec .title { float: left; width: 100%; padding-bottom: 20px; display: block; margin-bottom: 50px; }
.howItWorkSec .title h2 { font-size: 26px; color: #000; font-weight: bold; display: inline-block; line-height: 1; position: relative; }
.howItWorkSec .title h2:after { position: absolute; width: 120px; height: 2px; content: ""; background: #2B3494; bottom: -20px; left: 50%; margin-left: -60px; }
.howItWorkSec .rightTxt h3 { margin-bottom: 15px; }
.howItWorkSec .rightTxt p { margin-bottom: 25px; }
.bluButton a { font-size: 16px; padding: 15px 25px 15px 25px; }
.bannerMainContainer .leftContent .btnMain .bluButton a { font-size: 16px; padding: 15px 0px; }
.bannerMainContainer .leftContent .btnMain .whtButton a { font-size: 16px; padding: 15px 0px; }
.videoSec { padding: 35px 0 25px 0; }
.videoSec .title h2 { text-transform: uppercase; font-size: 26px; }
.videoSec .title h2:after { width: 100px; margin-left: -50px; }
.downloadRewardSec { margin-top: 0px; padding: 25px 0; margin-bottom: 25px; }
.downloadRewardSec .leftSec { width: 100%; }
.downloadRewardSec .rightSec { display: none; }
.downloadRewardSec .leftSec h2 { font-size: 22px; }
.downloadRewardSec .leftSec h3 { font-size: 18px; width: 100%; margin-bottom: 20px; }
.followUsOn { margin-bottom: 25px; }
.followUsOn h2 { font-size: 22px; }
.followUsOn li { width: 40px; height: 40px; margin: 0 5px; }
.followUsOn li a img { width: 20px; height: 20px; }
.picSec { margin-top: 25px; }
div#featureSecid ul li .image img {margin: 0 auto;}
}

@media screen and (max-width: 479px) {

.forMob { display: block; }
.videoSec .videoSlider .slide .image + .image { margin-top: 10px; }
.downloadRewardSec .leftSec ul { justify-content: space-between;  }
.downloadRewardSec .leftSec ul li { margin-right: 0px; width: 48%; }
div#featureSecid ul li .image img {margin: 0 auto;}
}

@media screen and (max-width: 369px) {
div#featureSecid ul li .image img {margin: 0 auto;}
}



@media screen and (max-width: 339px) {
div#featureSecid ul li .image img {margin: 0 auto;}
}
.howItWork .owl-dots button.owl-dot span {
    display: none;
}
.videoSlider .owl-dots button.owl-dot span {
    display: none;
}
.followUsOn ul li:last-child a {
    background: #FF0000;
}
.followUsOn ul li:first-child a {
    background: #4267B2;
}

.rightTxt .title {
    display: block;
}
#defaultModal .modal-header .close .icon-close-bg {
    color: #f4f4f4 !important;
    margin: 0 !important;
}
.howItWork .owl-dots .owl-dot span {
    display: none !important;
}
.videoSlider .owl-dots .owl-dot span {
    display: none !important;
}