@import url('https://fonts.cdnfonts.com/css/helvetica-neue-9');

:root {

  --color-primary: #281470 !important;

  --color-secondary: #000;

  --color-black:#000;

  --color-white: #fff;

}







html {

  scroll-behavior: smooth;

  scroll-padding-top: 90px;

}



* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}





.container-fluid {

    width: 100%;

    padding-right: 60px;

    padding-left: 60px;

    margin-right: auto;

    margin-left: auto;

}





body{

    margin: 0;

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

    font-family: 'Helvetica Neue', sans-serif;

    background-color:#fff;

        overflow-x: hidden;

}







h1, h2, h3, h4, h5, h6{

    margin: 1rem 0;

	font-weight: 600;

	letter-spacing: .5px;

}

p{

    margin: 1rem 0;

    letter-spacing: .5px;

}

ul{

    margin: 0;

    padding: 0;

}

ul li{

    list-style: none;

}



button:focus{

    outline: none;

}





a:hover {

    text-decoration: none;

}



a, a:focus, a:hover {

    text-decoration: none;

    -webkit-transition: all .2s ease;

    -moz-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease;

}





/*video iframe codepen code*/



.LookForThisCoolWebsite {

  font-size: 2em;

  text-align: center;

  background-color: #000;

}

.LookForThisCoolWebsite a{

color: #FF0000;

}







/* <!-- first slider start-->  */



section#iframe-par-home .col-lg-12 {

    padding: 0px 0px;

}



.slider { /* блок */ 

  background: rgba(240,240,240,.5);

  text-align: center;

}



/* резиновый iframe: чтобы видео занимало всё доступное пространство и пропорционально уменьшалось/увеличивалось при изменении экрана монитора */ 

.slider div {

  position: relative;

  padding-top: 56.25%;

}

.slider iframe {

  position: absolute;

  top: .5%;

  left: .5%;

  width: 99%;

  height: 99%;

}



/* стиль CSS для кнопок-переключателей (я немного побаловалась), который можно изменять или вовсе не использовать */ 

.slider a {  /* вид кнопок */ 

  display: inline-block;

  padding: 0 .5em;

  text-decoration: none;

  color: blue;

}

.slider a:visited {  /* вид кнопок просмотренных видео */ 

  color: rgb(204,204,203);

}

.slider a:hover {  /* вид кнопок при наведении */ 

  transform: scale(1.5);

}

.slider a:not(:active):focus {  /* блокировка второго клика, но не третьего */ 

  pointer-events: none;

}

.slider a::before {  /* из-за Mozilla Firefox приходится использовать псевдоэлемент */ 

  content: "\25cf";

  position: absolute;

  color: rgba(0,0,1,.1);

  transition: color 0s 9999999s;  /* нужен, чтобы запомнился цвет после нажатия кнопки, подробнее про transition */ 

}

.slider a:nth-of-type(1)::before {  /* вид первой кнопки при загрузки страницы */ 

  color: rgb(0,129,0);

}

.slider span:active a::before {  /* для неактивных кнопок псевдоэлемент не нужен */ 

  color: rgba(0,0,0,0);

  transition: color 0s;

}

.slider span:active a:nth-of-type(1)::before {  /* вид неактивной первой кнопки, чтобы она выглядела как посещённая */ 

  color: #ccc;

  transition: color 0s;

}

.slider span:active a:active::before {  /* вид нажатой кнопки [в Internet Explorer отсутствует всплытие :active] */ 

  color: green;

  transition: color 0s;

}



/*ending*/



.mb_60{

    margin-bottom:60px;

}



/* h1 to h6 hding */

.hding-1{

  font-size: 35px;

}





.hding-4{

  font-size: 24px;

}



.hding-5{

  font-size: 22px;

}





.hding-6{

  font-size: 16px;

}



.terms-row-par ul li {

    list-style: auto;

}

.terms-row-par ul li {

    line-height: 35px;

}



section.terms-row-par p {

    line-height: 30px;

}



section.terms-row-par {

    padding: 40px 0px;

}



div#b-s-s-p {

    font-size: 18px;

    line-height: 37px;

}



.title-hding-1{

  font-size: 45px !important;

    font-weight: 700;

    color: var(--color-black);

}



.tss-img-par {

    display: none;

}



.title-para{

  font-size: 24px;

  line-height: 2pc;

}



.title-para-1{

  font-size: 1pc;

  line-height: 28px;

  letter-spacing: .5px;

}



.bg-green{

   background-color: rgb(108, 120, 76); 

}



.small-text{

    font-size:12px;

}



/* header */



.img-h-tit {

    margin-bottom: 30px !important;

}



header.mb_6000.custom_header_mobile {

    display: none;

}



.bg-light {

    background-color: #fff !important;

    z-index: 999999;

}



.cus-logo {

  width: 28% !important;

}



.navbar-light .navbar-nav .nav-link {

  color: #000;

  font-size: 1pc;

  letter-spacing: .5833333135px;

  font-weight: 700;

  border: 1.4px solid #fff0;

  border-radius: 2.75em;

      padding-left: 19px;

    padding-right: 19px;

}



.navbar-light .navbar-nav .nav-style:focus, .navbar-light .navbar-nav .nav-style:hover,.navbar-nav .nav-style:active {

  border: 1.4px solid #000;

  border-radius: 2.75em;

}



/* .nav-active{

  background-color: var(--color-black);

  border-radius: 2.75em;

  color: #fff !important;

} */



.navbar-nav .nav-item{

  padding: 0px 5px !important;

}



/* ul.navbar-nav li a {

  padding: 0px 20px !important;

} */



.menu-large {

  position: static !important;

}



.megamenu {

  padding: 20px 20px;

  width: 100%;

  margin-top: -1px;

}



.megamenu > div > li > ul {

  padding: 0;

  margin: 0;

}



.megamenu > div > li > ul > li {

  list-style: none;

}



.megamenu > div > li > ul > li > a {

  display: block;

  padding: 3px 20px;

  clear: both;

  font-weight: normal;

  line-height: 1.428571429;

  color: #333333;

  white-space: normal;

}



.megamenu > div > li > ul > li > a:hover,

.megamenu > div > li > ul > li > a:focus {

  text-decoration: none;

  color: #262626;

  background-color: #f5f5f5;

}



.megamenu.disabled > a,

.megamenu.disabled > a:hover,

.megamenu.disabled > a:focus {

  color: #999999;

}



.megamenu.disabled > a:hover,

.megamenu.disabled > a:focus {

  text-decoration: none;

  background-color: transparent;

  background-image: none;

  filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);

  cursor: not-allowed;

}



.megamenu.dropdown-header {

  color: #428bca;

  font-size: 18px;

}



.home-yt-banner{

  height: 100vh;

}



/*youtube autoplay video css*/





.ResponsiveYTPlayer{ 

    position: relative; 

    padding-bottom: 56.25%; 

    height: 0; 

    overflow: hidden;

    max-width: 100%; 

   

}



.ResponsiveYTPlayer iframe, .ResponsiveYTPlayer object, .ResponsiveYTPlayer embed {

     position: absolute;

    top: 0;

    left: 0; 

    width: 100%;

    height: 100%; 

}





.bg-secondary {

  background-color: #281470!important;

}



img.whatsapp-link-img {

    position: fixed;

    bottom: 20px;

    width: 4%;

    left: 20px;

    z-index: 9999999999;

}



div#arrow-top-scroll i {

    color: #000;

    font-size: 22px;

    background-color: #fff;

    width: 50px;

    line-height: 50px;

    height: 50px;

    text-align: center;

    border-radius: 40px;

    cursor:pointer;

}



div#arrow-top-scroll {

    position: fixed;

    bottom: 20px;

    right: 20px;

    display:none;

}



/* tab css */



.home-last-tabs {

    display: none !important;

}



.cat-tab .nav{

  position: relative;

  padding: 0px;

  margin: 0px;

  list-style-type: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  z-index: 1;

}



.cat-tab .nav-item{

  padding: 0 !important;

}



.cat-tab .nav-link{

  font-weight: 500;

    padding: 0% 0% 0% 0%;

    background-color: var(--e-global-color-accent );

    color: #333;

    border-style: solid !important;

    border-width: 0px 0px 2px 0px !important;

    border-color: #E0DDDD !important;

    border-radius: 0% !important;

    padding: 0px 40px !important;

    line-height: 41px !important;

    font-size: 14px !important;

}



.cat-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

  color: #000;

  background-color: #007bff00;

  border-style: solid;

    border-width: 0px 0px 2px 0px;

    border-color: #000 !important; 

  border-radius: 0%;

  font-weight: 700;

}



.nv-demo {

    max-width: 1300px;

    margin: 35px auto;

}



.cus-img {

    border-radius: 5px;

    max-width: 100%;

    height: 170px;

    object-fit: cover;

    width: 100%;

}



.sac-cus {

    position: relative;

}



.sac-cus:before {

    /*content: "";*/

    /*width: 20%;*/

    /*height: 2px;*/

    /*border: 1px solid #c9c9c9;*/

    /*background-color: #c9c9c9;*/

    /*position: absolute;*/

    /*left: 300px;*/

    /*top: 9px;*/

}



.sac-cus:after {

    /*content: "";*/

    /*width: 20%;*/

    /*height: 2px;*/

    /*border: 1px solid #c9c9c9;*/

    /*background-color: #c9c9c9;*/

    /*position: absolute;*/

    /*right: 300px;*/

    /*top: 9px;*/

}



.Philosophy-sec {

    padding: 100px 30px 100px !important;

}



.b-last-sec-c {

    margin-bottom: 20px;

}



p.why-testi-p {

    text-align: center;

    padding: 0px 20px;

}



.left.ins-ban-par {

    height: 530px !important;

}



.model-name{

  font-size: 1pc;

  font-style: normal;

  color: #333;

  letter-spacing: .2px;

  font-family: tcomBold,HelvNeueBold,Helvetica Bold,Arial Bold,Gadget,sans-serif;

  white-space: pre-wrap;

  font-weight: 700;

  margin-top: 12px !important;

}



.model-description{

    color: #000;

    font-size: 14px;

    line-height: 21px;

}



.tab-bg{

  margin-bottom: 20px;

}



.tab-bg .model_btn{

    opacity:0;

}





.tab-bg:hover img, .tab-bg:hover .model_btn {

    opacity: 1;

}



.tab-bg:hover img, .tab-bg:hover img {

    filter: brightness(0.5);

}





.c-slide-1 .car-pic img{

    max-width:64%;

    /*max-width: 380px;*/

    height: 323px;

    object-fit: cover;



}



.c-slide-2 .car-pic img{

    max-width:64%;

    /*max-width: 380px;*/

    height: 323px;

    object-fit: cover;



}





.cus-position{

    position: relative;

    margin-top: 0px;

}





.bld_slide .car-pic-icon {

  display: flex !important;

  justify-content: space-around;

}



.bld_slide .car-pic-icon .model-icon-heading {

  font-size: 15px;

  font-weight: 700;

}

.bld_slide .car-pic-icon .model-icon-heading-value {

  font-size: 10px;

}



.bld_slide .car-pic-icon img{

  max-width: 25px !important;

  min-width: 25px !important;

  height: 25px !important;

}



#msform .form-check {

    padding-left: 0;

}



#msform .form-check-label {

    margin-bottom: 11px;

    font-size: 14px;

}



.top-pannel{

     margin-bottom: 1pc;

}





.top-pannel span{

    font-size:14px;

}



.top-pannel-text h2{

    font-size: 24px;

    line-height: 2pc;

    margin-bottom: 1pc;

    margin-top:0;

}



.top-pannel-text p{

     font-size: 1pc;

    line-height: 24px;

    margin-bottom: 20px;

    margin-top:0;

    max-width: 220px;

     letter-spacing: .5px;

}



.ex-link{

    font-size:14px;

    font-weight:600;

    color:#000 !important;

}



.ex-link i{

    font-size: 11px;

    margin-left: 5px;

}



.model_btn {

    display: flex;

    justify-content: space-between;

}



.txt-p{

    position: relative;

    top: 20px;

}





/* carausel */

 .meta {

  overflow: hidden;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  max-width: 205px;

  margin-top: auto;

}



.meta h2{

  font-size: 22px;

  margin-bottom: 0;

}



.car-text{

  position: absolute;

  top: 0px;

  right: 0;

  color: #fff;

  padding: 20px 20px;

  height: 100%;

  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;

  width:250px;

}



.btn-ex-light{

  background: #fff;

  color: #000 !important;

  border-radius: 2.75em;

  padding: 6px 25px;

  font-weight:600;

  font-size:14px;

}



.b-text{

   color: #fff !important;

   font-size:14px;

   font-weight:600;

}



.b-text i{

    font-size:12px;

    margin-left:5px;

}



.bg-1{

  background: #794E41;

}



.bg-2{

  background: #363949;

}





.owl-dots {

    position: absolute;

    right: 0;

    left: 0;

    bottom: 0px;

    bottom: 10px;

    max-width: 202px;

    margin: 0 auto;

}



.owl-theme .owl-dots .owl-dot span {

    width: 30px;

    height: 7px;

    margin: 5px 6px;

    background: #D6D6D6;

    

    -webkit-backface-visibility: visible;

    transition: opacity .2s ease;

    border-radius: 30px;

}



.owl-theme .owl-dots .owl-dot.active span{

    background: #ffffff;

    width: 60px;

}





/*.owl-carousel .owl-nav button.owl-prev{*/

/*  background-image: url(../img/left-arrow-1.png) !important;*/

/*  background-repeat: no-repeat !important;*/

/*  background-size: contain !important;*/

/*  text-indent: -10000px !important;*/

/*  padding: 0 !important;*/

/*}*/



/*.owl-carousel .owl-nav button.owl-next{*/

/*  background-image: url(../img/right-arrow-1.png) !important;*/

/*  background-repeat: no-repeat !important;*/

/*  background-size: contain !important;*/

/*  text-indent: -10000px !important;*/

/*  padding: 0 !important;*/



/*}*/



.owl-carousel .owl-nav button.owl-prev{

  background-color: #767676!important;

  color: #fff !important;

}



.owl-carousel .owl-nav button.owl-next{

  background-color: #767676 !important;

  color: #fff !important;

}



.owl-theme .owl-nav {

  margin-top: 25px;

  display: flex;

  justify-content: center;

}



/*.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {*/

/*  color: inherit;*/

/*  border: none;  font: inherit;*/

/*  font-size: 42px;*/

/*  width: 65px;*/

/*  height: 35px;*/

/*  padding: 0;*/

/*  margin-right: 85px;*/

/*  margin-left: 85px;*/

/*}*/



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {

  color: inherit;

  border: none; 

   font: inherit;

  font-size: 24px;

  width: 50px;

  height: 31px;

  border-radius: 30px;

  padding: 0;

  text-align: center;

    margin-right: 85px;

  margin-left: 85px;

}



.owl-next span{

  position: relative;

  top: -3px;

}



.owl-prev span{

  position: relative;

  top: -3px;

}



.owl-theme .owl-nav [class*=owl-]:hover {

  background: #86979100;

  color: #FFF;

  text-decoration: none;

}



.car-pic img{

  border-radius: 5px;

}



div#pills-in {

    margin-top: -18px;

}



.extrior-par {

    margin-bottom: 55px;

}



.car-pic_1 img{

  border-radius: 5px;

  max-width:75%;

  margin:auto;

}



.h-demo{

    padding-top:10px;

}



.h-demo img{

  border-radius: 5px;

      opacity: 1;

    height: 89%;

    width:100%;

}



.h-text-inner span{

  font-size: 9pt;

  line-height: 20px;

  margin-bottom: 4px;

  letter-spacing: .5px;

}

 .h-text-inner h3{

  font-size: 2pc;

  line-height: 40px;

  margin: 10px 0 0;

}



.h-text-inner p{

  font-size: 14px;

    line-height: 22px;

    margin-top: 10px;

}





.cus-b-img{

    border-top-right-radius: 0px !important;

    border-bottom-right-radius: 0px !important;

}





.h-text{

    height: 89%;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

}



.h-text-inner{

  padding: 80px 30px 30px;

}



.h-page-ban-text{

    position: absolute;

    top: -560px;

    right: 0;

    left: 0;

    text-align: center;

}



.h-page-ban-text h2{

    font-size:2pc;

    line-height:40px;

    margin-bottom:24px;

    color:#fff;

    letter-spacing: .5px;

}



.ban-text{

    /*max-width: 69%;*/

    margin: 0 auto;

}



.ban-text p{

    font-size:1pc;

    line-height:24px;

    margin-top:0;

    margin-bottom:10px;

    font-weight:600;

}



.ban-text h2{

    font-size:2pc;

    line-height:40px;

    margin-top:0;

    margin-bottom:20px;

}



.page-banner img{

    filter: brightness(0.5);

}





.ignis img#car_color_image {

    margin-top: -80px;

}



.xl6 .ex-demo-img {

    margin-top: -40px;

}



.xl6 .clr-slt {

    position: relative;

    top: -40px;

}



/* footer */





#footer-mobile {

    display:none;

}



footer{

  background-color: #000;

  padding-top: 30px;

}



.socail-par-div a {

    padding: 0px 20px ;

}

.socail-par-div {

    text-align: center;

}



section.footer-copyright {

    background-color: #000;

    padding: 0px 20px;

}



.foot-hding h4{

  font-size: 14px;

  color: #fff;

  font-weight:900;

}



.foot-links ul li{

  margin-bottom: 10px;



}



.sub-foot.text-right a {

    color: #fff !important;

}



.sub-foot {

    color: #fff;

}



.foot-hding.cnt-footer-par {

    color: #fff;

}



.foot-links ul li a{

    color: #fff !important;

    font-size: 14px;

    letter-spacing: -.1px;

    line-height: 22px;

}



.cnt-footer-par p {

    line-height: 34px;

}



/* explore page css */



.expl-banner-text {

  position: absolute;

  bottom: 40%;

  padding-left: 3pc;

}



.expl-banner-text h1{

  font-size: 2pc;

  line-height: 40px;

  margin-bottom: 9pt;

  color: #fff;

}



.expl-banner-text p{

  font-size: 20px;

  line-height: 28px;

  margin-bottom: 1pc;

  color: #fff;

  margin-top: 0;

}



.expl-banner-text small{

  font-size: 10px;

  line-height: 18px;

  color: #fff;

}



.stk-nav{

  background-color: #000;

  padding: 1px 0;

  margin-top: -7px;

}



/* tab css */

.stk-nav .nav{

  position: relative;

  padding: 0px;

  margin: 0px;

  list-style-type: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  z-index: 1;

}



.stk-nav .nav-link{

  font-weight: 500;

    padding: 0% 0% 0% 0%;

    color: #fff;

    border-radius: 0%;

    /* padding: 0px 20px !important; */

    margin: 0px 26px;

    border-width: 0px 0px 1.5px 0px;

    border-color: #fff0;

    font-weight: bold;

}



 .stk-nav .nav-link:hover{

  color: #fff;

  background-color: #007bff00;

  border-style: solid;

  border-width: 0px 0px 1.5px 0px;

  border-color: #b8b8b8;

  border-radius: 0%;

} 



.stk-nav .nav-link.active, .show>.nav-link {

  color: #fff;

  background-color: #007bff00;

  border-style: solid;

  border-width: 0px 0px 1.5px 0px;

  border-color: #898989;

  border-radius: 0%;

  line-height: 24px;

}



.ex-demo{

  /* background: linear-gradient(180deg,rgb(229 231 245),rgb(242 244 254 / 75%),#07070700); */

}



.select-color {

    width: 35pc;

    margin: 0 auto;

    padding: 0;

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    transition-delay: .3s;

}



.select-color .label {

    margin:0px 20px;

    font-size: 9pt;

    line-height: 20px;

    white-space: nowrap;

}



.select-color .bar1 {

    display: inline-block;

    width: 210px;

}



.select-color .bar1:before {

    position: absolute;

    content: "";

    border: 1px solid #c9c9c9;

    width: 57%;

    top: 10px;

    left: 0;

}



.select-color .bar1:before, .select-color .bar2 {

    width: 210px;

}



.select-color .bar2:after {

    position: absolute;

    content: "";

    border: 1px solid #c9c9c9;

    top: 10px;

    width: 210px;

    right: 0;

    left: auto;

}





.features {

    border: 1px solid #e1e1e1;

    background: #000;

    width: 80px;

    font-size: 12px;

    text-align: center;

    -webkit-box-shadow: 0 0 30px 0 #c4c4c4;

    -moz-box-shadow: 0 0 30px 0 #c4c4c4;

    box-shadow: 0 0 30px 0 #c4c4c4;

    border-radius: 50px;

    padding: 10px 0;

    /* margin-left: 50px; */

    position: relative;

}



 .features ul {

    padding: 0;

    margin: 0;

    list-style-type: none;

}



.features ul li {

    border-bottom: solid 1px #e1e1e1;

    padding: 12px 5px;

    color: #fff;

    text-decoration: none;

    text-align: center;

    font-size: 11px;

    line-height: 11px;

    font-family: Lato,sans-serif;

    font-weight: 600;

}



 .features ul li span {

    font-size: 22px;

    display: block;

    margin-bottom: 8px;

    text-align: center;

}



.features ul li span img {

    display: inline;

}



.features ul li:last-of-type {

    border-bottom: none;

}







.sup-h5{

  font-size: 22px;

}



.specfation-sec-par {

    padding: 5pc 0pc 3pc!important;

}



/*.card_body p {

    display: none;

}*/



.row.cus-row-mine {

    justify-content: center;

    align-items: center;

}



.ex-demo-text{

  padding: 60px 0 20px ;

}



.color-sixty-title {

    margin-top: 30px;

}



.exp-vid-par {

    object-fit: cover;

    height: 660px;

}



.explore-responsive {

    padding-bottom: 667px;

}



.three-title {

    padding-bottom: 0px !important;

    padding-top: 30px;

}



.three-title p {

    display:none;

}



body.baleno .three-sixty-img {

    margin-top: -140px;

}



/*jimny*/



body.jimny #sec-1 .title-hding-1 {

    margin-top: 35px;

}



/*gv*/



body.grand-vitara #sec-1 .title-hding-1 {

    margin-top: 25px;

}



/*xl6*/



body.xl6 #carImage {

    width: 100%;

    margin-top: -140px;

}



body.xl6 .ex-demo-text {

    padding: 10px 0 20px;

}



body.xl6 .three-sixty-img {

    margin-top: 30px !important;

}



body.xl6 #carImage {

    width: 100%;

}



body.xl6 #sec-1 .container-fluid {

    padding-right: 0px;

    padding-left: 0px;

}



body.xl6 #sec-1 .col-md-11 {

    max-width: 100%;

    flex: 100%;

}



body.xl6 .three-sixty-img {

    margin-top: -140px;

}



body.xl6 #carImage {

    width: 100%;

}



/*ciaz*/



body.ciaz #carImage {

    width: 100%;

}



body.ciaz #sec-1 .container-fluid {

    padding-right: 0px;

    padding-left: 0px;

}



body.ciaz #sec-1 .col-md-11 {

    max-width: 100%;

    flex: 100%;

}



body.ciaz #sec-1 .title-hding-1 {

    margin-top: 105px;

}



body.ciaz .three-sixty-img {

    margin-top: -140px;

}



body.ignis .three-sixty-img {

    margin-top: -140px;

}



body.ignis #carImage {

    width: 100%;

}



body.fronx #sec-1 .title-hding-1 {

    margin-top: 35px;

}



body.baleno #sec-1 .title-hding-1 {

    margin-top: 105px;

}



body.ignis #sec-1 .title-hding-1 {

    margin-top: 105px;

}



body.ignis #sec-1 .container-fluid {

    padding-right: 0px;

    padding-left: 0px;

}



body.ignis #sec-1 .col-md-11 {

    max-width: 100%;

    flex: 100%;

}



body.baleno #sec-1 .container-fluid {

    padding-right: 0px;

    padding-left: 0px;

}



body.baleno #sec-1 .col-md-11 {

    max-width: 100%;

    flex: 100%;

}



body.eeco #sec-3 {

    display: none;

}



body.ertiga .three-title {

    padding-top: 110px;

}



body.swift #carImage {

    margin-top: -190px;

}



body.alto-k10 .three-sixty-img {

    margin-top: 100px !important;

}



.three-sixty-img {

    margin-top: -60px;

}



.build-btn-dark{

  background: #000;

  color: #fff !important;

  border-radius: 2.75em;

  padding: 6px 25px;

}



/* multistep form css */



#msform {

  text-align: center;

  position: relative;

}



#msform fieldset {

  background: #f6f6f6;

  border: 0 none;

  border-radius: 0.5rem;

  box-sizing: border-box;

  width: 100%;

  margin: 0;

  /*padding-bottom: 20px;*/

  position: relative;

  padding: 20px 20px;

}



.form-card {

  text-align: left

}



#msform fieldset:not(:first-of-type) {

  display: none

}





#msform .action-button {

  width: 100px;

  background: #000;

  font-weight: bold;

  color: white;

  border: 0 none;

  border-radius: 0px;

  cursor: pointer;

  padding: 10px 5px;

  margin: 10px 0px 10px 5px;

  float: right

}



#msform .action-button:hover,

#msform .action-button:focus {

  background-color: #000;

}



#msform .action-button-previous {

  width: 100px;

  background: #616161;

  font-weight: bold;

  color: white;

  border: 0 none;

  border-radius: 0px;

  cursor: pointer;

  padding: 10px 5px;

  margin: 10px 5px 10px 0px;

  float: right

}



#msform .action-button-previous:hover,

#msform .action-button-previous:focus {

  background-color: #000000

}



.card {

  z-index: 0;

  border: none;

  position: relative

}



.fs-title {

  font-size: 25px;

  color: #673AB7;

  margin-bottom: 15px;

  font-weight: normal;

  text-align: left

}



.purple-text {

  color: #673AB7;

  font-weight: normal

}



.steps {

  font-size: 25px;

  color: gray;

  margin-bottom: 10px;

  font-weight: normal;

  text-align: right

}



.fieldlabels {

  color: gray;

  text-align: left;

}





.prog-bg {

    background: #000;

    margin-bottom:30px;

}



#progressbar {

  /*margin-bottom: 30px;*/

  overflow: auto;

  color: #000;

  /* margin-top: 20px; */

  /*background: var(--color-black);*/

    display: flex;

    justify-content: space-between;

}



#progressbar .active{

  background-color: #fff;

   border-top: 4px solid #000;

   color:#000;

}



.img-active{

    filter: invert(1);

}



#progressbar li {

  cursor: pointer;

  list-style-type: none;

  font-size: 15px;

  width: 100%;

  /*float: left;*/

  position: relative;

  font-weight: 400;

  display: flex;

  flex-direction: column-reverse;

  align-items: center;

  justify-content: center;

  /*background: #acacac;*/

  border-left: 1px solid #ccc;

  color: #fff;

  text-align:center;

  padding: 0px 20px;

  

}



#progressbar li:hover{

  background-color: #000;

}



#progressbar li.active:hover{

  background-color: #FFFFFF;

}



#progressbar li:last-child:hover{

  background-color: #0000;

}



#progressbar li i{

  font-size:20px;

  padding-top:5px;

}



/*#progressbar li img{*/

/*  max-width: 40px;*/

/*  padding-top:5px;*/

/*}*/



#progressbar li p{

  margin: 2px 0 4px;

  font-size: 13px;

  font-weight: 300;

}



.w-26{

    width:26px !important;

}





/* #progressbar #account:before {

  font-family: FontAwesome;

  content: "\f13e"

}



#progressbar #personal:before {

  font-family: FontAwesome;

  content: "\f007"

}



#progressbar #payment:before {

  font-family: FontAwesome;

  content: "\f030"

}



#progressbar #confirm:before {

  font-family: FontAwesome;

  content: "\f00c"

} */



/*#progressbar li:before {*/

/*  width: 50px;*/

/*  height: 50px;*/

/*  line-height: 45px;*/

/*  display: block;*/

/*  font-size: 20px;*/

/*  color: #ffffff;*/

/*  background: lightgray;*/

/*  border-radius: 50%;*/

/*  margin: 0 auto 10px auto;*/

/*  padding: 2px*/

/*}*/



/* #progressbar li:after {

  content: '';

  width: 100%;

  height: 2px;

  background: lightgray;

  position: absolute;

  left: 0;

  top: 25px;

  z-index: -1

} */



#progressbar li.active:before,

#progressbar li.active:after {

  background: #673AB7

}



.progress {

  height: 20px

}



.progress-bar {

  background-color: #673AB7

}



.fit-image {

  width: 100%;

  object-fit: cover

}



.build-slide .item{

  background: #fff;

  box-shadow: 1px 0px 5px 0px rgba(0,0,0,.2);

  padding: 20px;

}



.build-slide .item:hover{

  -webkit-transform: scale(1.033,1.022);

    transform: scale(1.033,1.022);

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    box-shadow: 0 0 6px 0 rgba(0,0,0,.2);

}



.select-active {

    border: 2px solid #000;

}



.clr-bg{

  background: #fff;

  box-shadow: 1px 0px 5px 0px rgba(0,0,0,.2);

  padding: 20px;

}



.clr-bg h4{

  color: #58595b;

  letter-spacing: .025em;

  font-size: 13px;

  font-weight: 500;

}



.summ-bg{

  background: #fff;

  box-shadow: 1px 0px 5px 0px rgba(0,0,0,.2);

  padding: 30px;

}



.summ-bg h2{

    font-size: 28px;

    margin-bottom: 0;

}



.summ-bg hr{

  margin-top: 0rem;

  margin-bottom: 0rem;

  border: 0;

  border-top: 1px solid rgb(0 0 0 / 23%);

}



.summ-bg h4{

  margin: 10px 0;

  font-size: 16px;

}



.summ-bg h6{

  margin: 10px 0;

  font-size: 14px;

  font-weight: 400;

}



.summ-bg p{

  margin: 10px 0;

}



.summ-bg i{

  font-size: 20px;

  color: #989898;

  margin-left: 12px;

}



/*build */



.accessory_selection {

    height: 580px;

}



.package_selection {

    height: 400px;

}



img#exterior_color_image {

    margin: 0 auto;

    display: block;

}





/* car modal hding */

.c-hding-1 {

    line-height: 38px;

    font-size: 28px;

    color: #252525;

    font-weight: 500;

    min-height: 55px;

}



.c-hding-2{

  line-height: 38px;

  font-size: 25px;

  color: #252525;

  font-weight: 500;

  min-height: 70px;

}



.c-hding-price{

  font-size: 1.4rem;

  letter-spacing: -.5px;

  color: #242424;

}



.btn-view{

  font-size: 13px;

  color: #000 !important;

  line-height: 20px;

  letter-spacing: .5px;

}



.btn-dark1-outline{

  padding: 16px 10px;

  font-weight: 500;

  border: 1px solid #000;

  font-size: 15px;

  line-height: 14px;

  color: #000 !important;

  border-radius: 1px;

}



.btn-dark1{

  padding: 16px 16px;

  font-weight: 500;

  background: #000;

  font-size: 16px;

  line-height: 14px;

  color: #fff !important;

  border-radius: 1px;

}



/* Colour picker css only */



.colors {

    display: flex;

    flex-wrap: wrap;

}





/*.color {*/

/*  height: 5pc;*/

/*  width: 5pc;*/

/*  margin-left: 0.7em;*/

/*  border-radius: 2px;*/

/*  box-shadow: 0 3px 3px 0 rgba(0,0,0,.15);*/

  /* border: 2px solid #aaa; */

/*  cursor: pointer;*/

/*  -webkit-transition: -webkit-transform .1s ease-in;*/

/*    transition: -webkit-transform .1s ease-in;*/

/*    transition: transform .1s ease-in;*/

/*    transition: transform .1s ease-in,-webkit-transform .1s ease-in;*/

/*    border-radius: 4px;*/

/*}*/



.colors .active{

  border: 2px solid #000;

}



.f-chk{

  text-align: center;

  margin-top: 25px;

}



.f-chk i{

  font-size: 20px;

  color: #fff;



}



   .color{

    width: 35px;

    height: 35px;

    background: none;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    /*margin-right: 12px;*/

    cursor: pointer;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    margin: 5px 7px;

}



.color img{

    border-radius: 50%;

}



.color-black{

    background-color: #242424;

}

.color-blue{

    background-color: #085ea0;

}

.color-yellow{

    background-color: #c0b50d;

}

.color-red{

    background-color: #8b0516;

}

.color-white{

    background-color: #ededed;

}

.color:hover{

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);

}

.active-color{

    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);

}

.color-groups{

    padding: 1rem 0;

    display: flex;

}



.banner-right img {

  display: block;

  margin: 0 auto;

}





.px-20{

  padding-right: 20px;

  padding-left: 20px;

}



.px-15{

  padding-right: 15px;

  padding-left: 15px;

}

.package_button {

    position: absolute;

    bottom: 10px;

}

p.build-des-p {

    margin: 6px 0px 0px 0px;

    -webkit-box-orient: inherit;

    -webkit-line-clamp: inherit;

    display:block !important;

}

.build-text.px-20 p:nth-child(3) {

    display: none;

}.build-text.px-20 p:nth-child(5) {

    display: none;

}



.build-adtc {

    position: absolute;

    bottom: 5px;

}



.in-hding-1 {

    font-family: tcomMed,HelveticaNeueMedium,Helvetica Neue Medium,Arial,sans-serif;

    font-size: 20px;

    line-height: 2pc;

    color: #252525;

    margin-bottom: 15px;

    font-weight: 600;

    padding-bottom: 4px;

}



.mrp-p-build {

    margin: 8px 0px 0px 0px;

}



p.mrp-ptwo-build {

    margin: 8px 0px 0px 0px;

}



.in-hding-price{

  font-size: 1.5rem;

  font-weight: 300;

  letter-spacing: .6px;

  color: #242424;

}



/* tab css2 */

.cat-tab1 .nav{

  position: relative;

  padding: 0px;

  margin: 0px;

  list-style-type: none;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  z-index: 1;

}



.cat-tab1 .nav-link{

  font-weight: 500;

    padding: 0% 0% 0% 0%;

    background-color: var(--e-global-color-accent );

    color: #333;

    border-style: solid;

    border-width: 0px 0px 2px 0px;

    border-color: #e0dddd00;

    border-radius: 0%;

    margin: 0px 12px;

    transition: color .3s ease;

    font-weight: 500;

    margin: 0 8px 4px;

    letter-spacing: .5px;

}



.cat-tab1 .nav-pills .nav-link:Hover, .nav-pills .show>.nav-link {

  color: #000;

  background-color: #007bff00;

  border-style: solid;

    border-width: 0px 0px 2px 0px;

    border-color: #da251a;

  border-radius: 0%;

}



.cat-tab1 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

  color: #000;

  background-color: #007bff00;

  border-style: solid;

    border-width: 0px 0px 2px 0px;

    border-color: #da251a;

  border-radius: 0%;

}



.v-bg{

  margin-top: 35px;

    margin-bottom: 35px;

}



.v-bg p{

  font-family: tcomLight,HelvNeueLight,Helvetica Neue Light,Arial,sans-serif;

    color: #6f6f6f;

    font-size: 1pc;

}



.t-com-summ{

  margin-top: 20px;

}



.cta-pills{

  margin-top: 10px;

  margin-bottom: 18px;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-direction: row;

  flex-direction: row;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  display: flex;

  flex-wrap: wrap;

}



.btn-request{

  padding: 9pt 3pc;

  cursor: pointer;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  font-size: 15px;

    line-height: 20px;

    letter-spacing: .5px;

    margin-right: 20px;

    margin-bottom: 10px;

    color: #fff !important;

    background-color: #000;

    border-radius: 2px!important;

    font-weight: 700;

}





.btn-request-outline{

  padding: 9pt 3pc;

  cursor: pointer;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

  font-size: 15px;

    line-height: 20px;

    letter-spacing: .5px;

    margin-right: 20px;

    margin-bottom: 10px;

    color: #000 !important;

    border: 1px solid #000;

    border-radius: 2px!important;

    box-shadow: inset 0 0 0 1px #000;

    font-weight: 700;

}



.dwnld-pdf{

  display: flex;

  justify-content: space-around;

}



.dwnld-pdf a{

  color: var(--color-secondary);

}



.dwnld-pdf i{

  margin-right: 7px;

}



.hding-text{

  text-align: center;

  padding-bottom: 18px;

}



.hding-dropwoun ul li{

  display: inline-block;

  margin: 8px 10px;

}





.hding-dropwoun .cus-drop{

  color: var(--color-black);

  font-size: .75rem;

  font-weight: 500;

}



.hding-dropwoun .dropdown-toggle::after {

color: var(--color-secondary);

}



.hding-dropwoun .dropdown-item{

  font-size: .75rem;

  cursor: pointer;

  padding: 3px 20px;

  clear: both;

  font-weight: 600;

  line-height: 1.428571429;

  color: #58595b;

  white-space: nowrap;

  /* border-bottom: 1px solid #000; */

  text-decoration: underline;



}



.hding-dropwoun .dropdown-item:focus, .dropdown-item:hover {

  color: #ffffff;

  text-decoration: none;

  background-color: #000;

  border-bottom: 1px solid #ffffff;

}



.est-bg{

    margin-top:50px;

}



.est-text{

  background-color: #fff;

  margin-top: -20px;

  padding-top: 20px;

}



.hding-text h1{

  margin-bottom: 12px;

  text-align: center;

  padding-top: 10px;

  font-size: 2.125rem;

  font-weight: 600;

}



.hding-text h1 span{

  border-left: 1px solid #d3d3d3;

    margin-left: 15px;

    padding-left: 15px;

}



.fin-btn{

  font-size: .75rem;

  border-bottom-right-radius: 0;

  border-top-right-radius: 0;

  color: #fff !important;

  background-color: #58595b;

  cursor: pointer;

  border: 0;

  padding-top: 0.8em;

  padding-bottom: 0.8em;

  opacity: 1;

  border-radius: 0;

  padding-left: 20px;

  padding-right: 20px;

  height: 45px;

}



.lease-btn {

    background-color: #000;

    font-size: 15px;

    border-bottom-right-radius: 0;

    border-top-right-radius: 0;

    color: #fff !important;

    cursor: pointer;

    border: 0;

    padding-top: 17px;

    padding-bottom: 20px;

    opacity: 1;

    border-radius: 0;

    padding-left: 20px;

    padding-right: 20px;

    height: 57px;

    width: 100%;

}



.l-tr-val {

    border: none;

    color: #000;

    font-weight: 700;

    text-decoration: underline;

    width: 100%;

    font-size: 13px;

    line-height: 19px;

}



.cus-group{

  margin-top: 25px;

}



.cal-form{

  display: flex;

    justify-content: space-evenly;

}



.cal-form .form-control{

  height: 3.4em;

  background-color: #fff;

  padding: 6px 12px;

  font-size: 1rem;

  color: #333;

  text-align: left;

  width: 100%;

  border-radius: 0;

  border: none;

  font-weight: 700;

}



.cal-form label{

  display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 300;

    font-size: .75rem;

}



.cal-form label sup{

  font-size: .5625rem;

  color: var(--color-secondary);

}



.cal-bg{

  background-color: #edf0f5;

  padding-top: 20px;

  padding-right: 15px;

  padding-left: 15px;

  margin-right: auto;

  margin-left: auto;

}



/* chekbox css */



.new {

 display: flex;

}



.chk-box .form-group {

  display: block;

  margin-bottom: 15px;

}



.chk-box .form-group input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}



.chk-box .form-group label {

  position: relative;

  cursor: pointer;

}



.chk-box .form-group label:before {

  content: '';

  -webkit-appearance: none;

  background-color: #fff;

  padding: 10px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

  width: 45px;

  height: 45px;

}



.chk-box .form-group input:checked + label:after {

  content: '';

  display: block;

  position: absolute;

  top: 13px;

  left: 20px;

  width: 8px;

  height: 16px;

  border: solid #31b445;

  border-width: 0 3px 3px 0;

  transform: rotate(45deg);

}



.chk-hding{

  font-size: 1rem;

  margin-bottom: 4px;

  color: var(--color-black);

  font-weight: 600;

}



.chk-span a{

  font-size: .75rem;

  color: #58595b;

  cursor: pointer;

  border: 0;

  border-bottom: 1px solid #58595b;

  display: inline-block;

  margin-left: 60px;

}



.calculet-text {

  text-align: center;

    line-height: 8px;

}



.calculet-text small{

    font-size:10px;

}



.calculet-text h3,.h3{

    font-size: 2.125rem !important;

    margin-bottom: 8px;

    line-height: 19px;

}

.calculet-text h3 span{

  font-size: .75rem;

}

.bdr-left{

  border-left: 1px solid #ddd;

}



.vis-hide{

  visibility: hidden;

}



.calculet-bg{

  background-color: #fff;

  padding: 20px 0;

}



/* requser modal css */



.rsq-list{

  padding: 15px 0;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

}



.rsq-list ul li{

  display: inline-block;

  padding-right: 10px;

  

}



.rsq-list ul li h6{

  font-size: .8125rem;

  line-height: 19px;

  font-weight: 600;

  margin-top: 8px;

  margin-bottom: 8px;

}



.rsq-list ul li h6 span{

  font-size: .8125rem;

  font-weight: 500;

  

}



/* build page banner slider */

#bld-ban{

  margin-bottom: 12px;

}



#bld-ban .your-build {

  display: block;

  position: absolute;

  top: -9pt;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 1pc;

  margin-top: 50px;

}



#bld-ban .your-build:after {

  display: block;

  content: "";

  position: absolute;

  width: 30px;

  height: 1px;

  top: 26px;

  background: #000;

}



.expl-ban-text h2{

  margin-top: 90px;

  line-height: 35px;

  font-size: 30px;

  font-weight: 300;

  letter-spacing: -.1px;

  color: #000;

}





#slider{

  margin:0 auto;

  position:relative;

  overflow:hidden;

}



.slide{

  width:60%;

  display:none;

  animation-name:fade;

  animation-duration:1s;

  margin:0 auto;

  

}



@keyframes fade{

  from{opacity:0.5;}

  to{opacity:1;}

}



.controls{

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  font-size: 1.5em;

  /* padding: 15px 10px; */

  border-radius: 50%;

  border: 1px solid #7d7d7d;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  

}



.controls:hover{

  background:white;

  transition:0.3s;

}



.controls:active{

  color:grey;

}



#left-arrow{

  left:10px;

}



#right-arrow{

  right:10px;

}



#dots-con{

  

  text-align:center;

}

.dot{

  display: inline-block;

  background: grey;

  padding: 3px;

  border-radius: 50%;

  margin: 4px 3px;

  border: 1.5px solid #808080;

  vertical-align: middle;

}





 .active1{

  background: none;

  border: 1.5px solid #2469ff;

}



.dot-title{

  position: relative;

    display: inline-block;

    font-size: 13px;

    color: #58595b;

    vertical-align: middle;

    margin-right: 1px;

    letter-spacing: .5px;

}



@media (max-width:576px){

  #slider{width:100%;

  

  }

  

  .controls{

    font-size:1em;

  }

  

  #dots-con{

    display:none;

  }

}



/* video slider css */



#myCarousel {

  max-width: 100%;

  margin: 0 auto;

}



.carousel-control-next, .carousel-control-prev {

    width: 9% !important;

}



.carousel-inner {

  background: #111;

}



.carousel-indicators {

  bottom: -13px !important;

}



.carousel-item {

  padding-bottom: 25px;

}



video {

  width: 100%;

}



.home-video .myvid {

    height: 600px;

    object-fit: none;

}



.myvid{

    width: 100%;

}



/* explore page clr css  */



.colors_1 {

  display: flex;

  justify-content: center;

}



.color-m {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 50px;

  height: 50px;

  /*-webkit-box-sizing: content-box;*/

  /*box-sizing: content-box;*/

  border-radius: 100%;

  /*background-size: 100%;*/

  cursor: pointer;

  position: relative;

  margin: 10px 15px;

  border: 2px solid #ffffff00;

  box-shadow: inset 0px 0px 0px 5px #ffffff00;

}



.color-m:hover{

     border: 2px solid #000000;

    box-shadow: inset 0px 0px 0px 5px white;

    transition: background 0.2s, color 0.2s;

    -webkit-transform: scale(1.3);

}





.colors_1 .active{

  border: 2px solid #000000;

  box-shadow: inset 0px 0px 0px 5px white;

  transition: background 0.2s, color 0.2s;

    -webkit-transform: scale(1.3);

}



.clr-pic .f-chk{

  text-align: center;

  margin-top: 0px;

}



.clr-pic .f-chk i{

  font-size: 17px;

  color: #fff;



}





.ex_sec-3{

  height: 100%;

  position: relative;

  background-color: #d8d8d8;

  padding: 50px 0 50px;

}



.ex_sec-3-title{

  text-align: center;

  padding-top: 30px;

  padding-bottom: 57px;

}



.pic-boder img{

  border-radius: 5px;

}



.ex_sec-pic{

  padding-top: 40px;

}



.ex_sec-pic1{

  max-width: 80%;

    margin-top: 40px;

}



.ex_sec-3-para {

  padding-left: 50px;

}



.ex_sec-3-para h2{

  margin-top: 45px;

}



.ex_sec-3-para p{

  margin-top: 27px;

}



.ex_sec-3-video{

  padding-top: 35px;

}



.img-bdr-radius-5{

  border-radius: 5px;

}



.car-margin{

  margin-top: 60%;

}



.ex_sec-3-tech h2{

  font-size: 3pc;

  line-height: 56px;

  letter-spacing: -.5px;

  margin-top: 38px;

}



.ex_sec-3-tech p{

  font-size: 1pc;

  margin-top: 38px;

}



.m-top-30{

  margin-top: 30px;

}



.saf-sec-text h3{

  font-size: 1pc;

  line-height: 30px;

  color: var(--color-black);

  font-weight: 600;

}



.tech-top{

  padding-top: 60px;

}



.saf-sec-text p{

  font-size: 15px;

  line-height: 22px;

  margin-bottom: 8px;

  color: var(--color-black);

}



.saf-lrn{

  margin-top: 50px;

}



.lrn-link{

  color: var(--color-black) !important;

  font-weight: 600;



}



.lrn-link i{

  font-size: 12px;

    padding-left: 5px;

}



.saf-carousel .owl-nav button.owl-next, .saf-carousel .owl-nav button.owl-prev, .saf-carouse button.owl-dot {

  background: 0 0;

  color: inherit;

  border: none;

  /* padding: 10px!important; */

  font: inherit;

  font-size: 42px;

}



.saf-title{

  font-size: 3pc;

  list-style: 56px;

  color: var(--color-black);

  font-weight: 700;

  text-align: center;

  margin-bottom: 24px;

}



.ex_sec-4{

padding-top: 60px;

}



.cus-h-modal1 {

    padding-bottom: 0px;

}



.cus-h-modal {

    padding: 0px;

}



.ex_sec-5-pic img{

  filter: brightness(0.7);

}



.ex_sec-5-text{

  position: absolute;

  top: 0;

  text-align: center;

  padding: 14px 0;

  left: 0;

  right: 0;

}



.ex_sec-5-text h2{

  font-size: 40px;

  line-height: 3pc;

  color: #fff;

}



.ex_sec-5-text p{

  font-size: 15px;

  line-height: 22px;

  color: #fff;

}



.ex_sec-5-btn{

  position: absolute;

  bottom: 0;

  text-align: center;

  padding: 14px 0;

  left: 0;

  right: 0;

}



.ex_sec-5{

  padding: 60px 0;

}





/* home page img effects */



figure.effect-lily img {

    filter: brightness(0.9);

}



figure.effect-lily figcaption {

	text-align: left;

}



figure.effect-lily figcaption > div {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 2em;

	width: 100%;

	height: 85%;

}



figure.effect-lily h3,

figure.effect-lily p {

	-webkit-transform: translate3d(0,25px,0);

	transform: translate3d(0,25px,0);

}



figure.effect-lily h3 {

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

}



figure.effect-lily p {

	color: rgba(255,255,255,0.8);

	opacity: 0;

	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;

	transition: opacity 0.2s, transform 0.35s;

}



figure.effect-lily:hover img,

figure.effect-lily:hover p {

	opacity: 1;

}



figure.effect-lily:hover img,

figure.effect-lily:hover h3,

figure.effect-lily:hover p {

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



figure.effect-lily:hover p {

	-webkit-transition-delay: 0.05s;

	transition-delay: 0.05s;

	-webkit-transition-duration: 0.35s;

	transition-duration: 0.35s;

}



.effect-lily .h-text-inner span{

  font-size: 9pt;

  line-height: 20px;

  margin-bottom: 4px;

  letter-spacing: .5px;

}



.effect-lily .h-text-inner h3{

  font-size: 2pc;

  line-height: 40px;

  margin: 0;

}



.effect-lily .h-text-inner p{

  font-size: 14px;

    line-height: 22px;

    margin-top: 0;

}



.counter_number_build {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-radius: 10px;

    background-color: #fff;

    position: absolute;

    right: 10px;

    top: 15px;

    z-index: 10;

    width: 43px;

    height: 20px;

    opacity: .7;

    text-align: center;

    font-size: 12px;

}



.cursor-pointer {

  cursor: pointer;

}





.home-car-hding h3{

  font-size: 1pc;

  line-height: 24px;

  letter-spacing: 0;

  text-transform: uppercase;

  font-weight: 700;

}



.lst-build{

  font-size: 8px;

  text-transform: uppercase;

  margin: 0;

}



.lst-span{

  color: #e80a1e;

}



.home-model-hding{

  font-size: 14px;

  line-height: 14px;

  text-transform: uppercase;

  margin: 0;

  font-weight: 700;

}



.ltd{

  font-size: 9pt;

}



.btn-build{

  padding: 8pt 20px;

    background-color: #e80a1e;

    color: #fff !important;

    border-radius: 2.75em;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 600;

}



.home-car-para1 {

  display: flex;

  justify-content: space-around;

}



.home-car-para1:before {

  content: "";

  width: 1px;

  height: 25px;

  background: #cecece;

  position: absolute;

  left: 5px;

  top: 7px;

}





/* build page view btn modal css */



.view-model-text {

  margin-bottom: 21px;

}



.view-model-text h4{

  display: block;

  letter-spacing: normal;

  color: #252525;

  font-size: 1.5rem;

  margin-bottom: 0px;

  margin-top: 0;

  font-weight: 700;

}



.view-model-text h5{

  display: block;

  letter-spacing: normal;

  color: #252525;

  margin: 0;

  font-size: 15px;

}



.tcom-card-bullets li {

  padding-left: 17px;

  position: relative;

  font-size: .8125rem;

  font-weight: 400;

  color: #252525;

  line-height: 1.38;

  letter-spacing: .1px;

  margin-bottom: 9pt;

}



.tcom-card-bullets li:after {

  content: "";

  display: block;

  position: absolute;

  top: 8px;

  left: 0;

  width: 5px;

  height: 5px;

  background-color: #000;

}



.view-model-para h3{

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 15px;

  margin-top: 0;

}

.view-model-para ol li {

    line-height: 30px;

}



/*today 23/6*/

.bg-black{

  background-color: var(--color-black);

}



.ex_sec-1-1.bg-black {

  padding: 6pc 0pc;

}



.ex_sec-1-1hding h2 {

    color: #fff;

    font-size: 43px;

    line-height: 56px;

    margin-top: -10px;

}



.ex_sec_inner{

  color: #fff;

}



.ex_sec_inner p {

    font-size: 18px;

}



.ex_sec_inner .row {

  row-gap: 56px;

}



.spec-item {

  border-top: 2px solid hsla(0,0%,100%,.2);;

}



.input-01 {

  font-size: 14px;

  line-height: 20px;

  margin: 0;

  font-weight:600px !important;

}



.spec-item .spec-label {

  margin-top: 1pc;

}



.heading-05 {

  font-size: 1pc;

  line-height: 24px;

}



.spec-item .spec-value {

  margin-top: 8px;

}



.chase-row-title {

  line-height: 1;;

  margin-top: 0;

  font-size: 45px;

    font-weight: 700;

}



p.perfor-p {

    font-size: 1pc;

    line-height: 24px;

}



.altok10-info p {

  font-size: 14px;

  color: #333;

  font-weight: 400;

}



.petrol-content-row li {

  display: inline-block;

  text-transform: uppercase;

    padding: 0 12px;

    font-size: 23px;

    color: #171717;

}



.petrol-content-row li .petrol {

  font-size: 13px;

  color: #e84210;

  font-weight: 900;

  margin-bottom: 10px;

}



.size13 {

  font-size: 13px;

  text-transform: none;

  font-weight: 500;

}



.all-car-fule-efficiency-tittle {

  font-size: 18px;

  font-weight: 700;

  color: #000;

  margin-bottom: 5px;

}



.altok10-info p a {

  font-size: 14px;

  color: #151c8d;

  font-weight: 700;

  text-decoration: none;

  text-transform: uppercase;

  margin-right: 5px;

}



.black-se-par .spec-item p:nth-child(1) {

    font-weight: bold;

}



.black-se-par {

    text-transform: uppercase;

}



.performance-component {

  background-color: #f3f7f6;

  padding-top: 20px;

}



.our-values-time img {

  width: 53%;

  position: absolute;

  top: 40px;

}



.audio-tab hr {

  border: 0;

  height: 1px;

  background: #000;

  opacity: .5;

  margin-left: 0;

  -webkit-transition: opacity .3s ease-in-out;

  transition: opacity .3s ease-in-out;

}



.audio-tab hr, .audio-tab hr.pixels-24 {

  margin-top: 15px;

  margin-bottom: 15px;

}



.audio-tab h5 a {

  text-align: left;

  font-size: 20px;

  line-height: 28px;

  color: #000;

}



.audio-tab .tab-btn {

  opacity: 1;

}



.card_body p {

  font-size: 1pc;

  line-height: 24px;

  padding: 1pc 0;

  margin: 0;

}



.tab-image {

  position: relative;

  border-radius: 8px;

  overflow: hidden;

  -webkit-transition: opacity .5s ease-in;

  transition: opacity .5s ease-in;

}



.tab-image img {

      height: 450px;

    object-fit: cover;

}





/* today 26/6 */

/* career page css */



/* .career-banner {

  background-image: url(../img/career-ban-img.png);

  height: 100vh;

  background-position: center;

  background-repeat: no-repeat;

} */



.career-banner-text h1 {

  color: #fff;

  font-size: 52px;

  line-height: 64px;

  font-weight: 800;

  position: absolute;

  bottom: 200px;

}







.join-text h2 {

  font-size: 35px;

  line-height: 44px;

  color: #000000;

  margin-bottom: 0px;

}



.join-text p {

  font-size: 21px;

  color: #262626;

  line-height: 35px;

  margin-top: 7px;

}



.join-bg{

  margin-top: 50px;

}



.career_cat .col-md-3{

  border: 1px solid #000;

}



/*.career_cat .col-md-3:nth-child(1) {*/

/*  border-right: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(2) {*/

/*  border-right: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(3) {*/

/*  border-right: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(5) {*/

/*  border-right: 0;*/

/*  border-top: 0;*/

/*  border-bottom: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(6) {*/

/*  border-right: 0;*/

/*  border-top: 0;*/

/*  border-bottom: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(7) {*/

/*  border-right: 0;*/

/*  border-top: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(8) {*/

/*  border-top: 0;*/

/*}*/



/*.career_cat .col-md-3:nth-child(9) {*/

/*  border-right: 0;*/

/*}*/



.career_cat-bg {

    text-align: center;

}



.career-cat-text {

  height: 300px;

  vertical-align: middle;

  display: table-cell;

  /*padding: 0px 25px;*/

  text-align: center;

} 



.career-cat-text h3 {

  color: #000000;

  font-size: 20px;

  line-height: 32px;

  text-transform: capitalize;

  font-weight: 600;

  margin-bottom: 0;

}



.career-cat-text p{

  color: #000000;

  font-size: 19px;

  margin-top: 10px;

}



.career_cat .col-md-3:hover .career-cat-text h3, .career_cat .col-md-3:hover .career-cat-text p {

  color: #fff;

}



.career_cat .col-md-3:hover {

  background: #000;

  transition: all .25s ease-in-out 0s;

}



.career-cat-hding h3 {

  font-weight: 600;

  font-size: 2rem;

  line-height: 44px;

  color: #000000;

  text-align: center;

  margin-bottom: 30px;

}





.career-form {

  background: #fff;

  padding: 50px;

  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 19%);

}



.career-form label{

  font-size: 14px;

}



.career-form .form-control {

  height: 45px;

  border: 1px solid #a3a3a3;

  border-radius: 2px;

}



.btn-submit{

  background: #000;

  padding: 8px 50px;

  color: #fff !important;

}



/* custom chkbox */



.cus-chk  input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}



.cus-chk  label {

  position: relative;

  cursor: pointer;

}



.cus-chk label:before {

  content:'';

  -webkit-appearance: none;

  background-color: transparent;

  border: 2px solid #000;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

  padding: 7px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

}



.cus-chk input:checked + label:after {

  content: '';

  display: block;

  position: absolute;

  top: 5px;

  left: 7px;

  width: 5px;

  height: 10px;

  border: solid #000;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



/* insurance page css */



.mans {

  width: 100%;

  height: auto;

  /* float: left; */

  display: flex;

}



.mans .left {

  width: 100%;

  height: auto;

  background: url("../img/left_img.jpg") no-repeat top -25px left;

  background-size: cover !important

}



.maru {

    padding: 7% 2% 23%;

    border-radius: 4px;

    position: relative;

}



.inner {

    background: #000;

    height: 340px;

    float: none;

    padding: 30px;

    text-align: center;

}



.inner h3 {

  color: #fff;

  margin: 0px;

  padding: 0px 0px 0px 0px;

  font-size: 22px;

  text-shadow: 0px 0px 2px #000;

}



.tab-container {

  margin: 0;

  padding: 0;

  position: relative;

}



.tab-menu {

  position: relative;

  z-index: 2;

  top: 25px;

}



.tab-menu ul {

  text-align: center;

  margin-top: -12px;

  padding: 0;

}



.tab-menu ul li {

  list-style-type: none;

    display: inline-block;

    margin: 0% 1% 0% 1%;

    width: 15.6%;

}



.tab-menu ul li a {

  text-decoration: none;

  color: rgb(4, 4, 4);

  background-color: #fff;

  padding: 14px 10px;

  border-radius: 18px;

  border: solid 2px #000;

  width: 100%;

  float: left;

}



/* .maru .tab-menu ul li a.active-a {

  background-color: #2a3090 !important;

  color: #ffffff;

} */



.tab-menu .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

  color: #ffffff;

  background-color: #000 !important;

}



.tab-active {

  display: block;

  margin: -15px 20px 0px 0px;

  padding: 13px 0px 0px 0px;

  min-height: 100px;

  width: 100%;

  position: relative;

  float: left;

}

 

.fbxx {

  width: 78%;

  height: 80px;

  float: left;

  background: #fff;

  border-radius: 0px;

  border: solid 1px #d9d9d900;

  font-size: 26px;

  min-height: 42px;

  padding: 30px 20px 20px 20px;

}



.btxx {

    position: absolute;

    border: 1px solid;

    padding: 0;

    cursor: pointer;

    width: 22%;

    color: #fff;

    font-size: 20px;

    background: #000;

    border-radius: 0px 40px 40px 0px;

    text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);

    top: 13px;

    height: 80px;

    right: 0px;

}



section#ins-sec-sec-form {

    padding: 5% 6% 5%;

}



.maru .inner h4 {

  float: left;

  margin-top: 7px;

  color: #fff;

  padding: 4px 0px 40px 18px;

  font-size: 13px;

  position: relative;

  z-index: 99;

  bottom: 0px;

}



.maru .inner .lacate_dtls {

  position: relative;

  transition: all .5s ease;

  color: #fff;

  font-weight: bold;

}



.locate_details {

  display: none;

}



.mans .right {

  width: 40%;

  height: auto;

  position: relative;

  float: left;

  overflow: hidden;

  background: #f0f0f0;

  min-height: 500px;

}



.slider_text {

  width: 100%;

  height: auto;

  margin: 0px;

  padding: 0px 10px 10px 10px;

  text-align: center;

  font-size: 20px;

}



.slider_text h1 {

  /* font-size: 60px; */

  color: #063B83;

  font-weight: 600;

  width: 100%;

  float: left;

  /* text-align: center; */

  border-bottom: solid 1px #063b83;

  padding-bottom: 10px;

}



.slider_text h1 span {

  font-size: 31px;

  color: #000;

  font-weight: 600;

  width: 100%;

  float: left;

  text-align: center;

}



.slider_text h2 {

  font-size: 21px;

  padding: 0px 0px;

  text-align: left;

  color: #333;

  font-weight: 600;

  margin-bottom: 9px;

}



.slider_text h3 {

  font-size: 15px;

  padding: 0px 0px;

  text-align: left;

  color: #333;

  font-weight: 600;

  width: 100%;

  margin: 0px;

}



.slider_text img{

  display: inline !important;

}



.cashless {

  width: 100%;

  height: auto;

}



.cashless ol {

  margin: 12px 0px 20px 22px;

  padding: 0px;

}



.cashless ol li {

  padding: 0px 20px 0 13px;

  background: url("../img/check.png") no-repeat top 2px left 0px;

  text-align: left;

  font-size: 14px;

  width: 100%;

  margin: 3px 0px 4px 5px;

  list-style: none;

}



.slider_text .xxxx {

  float: left;

  width: 100%;

  text-align: left;

  margin-top: 0px;

  padding: 0px;

  font-size: 13px;

  color: #005aa9;

  margin: 3px;

}



.slider_text .xxxx img {

  max-width: 30px;

  height: 30px;

  margin-right: 8px;

  vertical-align: top;

  display: inline;

}



.star-rating {

  text-align: center;

  width: 170px;

  margin: 9px auto 0 10%;

  position: relative;

  top: -18px;

  left: -8px;

}



.star-rating i{

  font-size: 15px;

  color: #fc0;

  padding: 2px 3px;

  margin-top: 8px;

}



.right-bg owl-nav {

  margin-top: 0;

}



.right-bg .owl-carousel .owl-nav button.owl-next, .right-bg .owl-carousel .owl-nav button.owl-prev {

  color: inherit;

  border: none;

  font: inherit;

  font-size: 32px;

  width: 13px;

  height: 0px;

  border-radius: 30px;

  padding: 0;

  text-align: center;

  margin-left: 0;

  margin-right: 0;

}



.right-bg .owl-next {

  position: absolute;

  top: 46%;

  right: 5px;

}





.right-bg .owl-prev {

  position: absolute;

  top: 46%;

  left: 5px;

}



.right-bg .owl-nav button.owl-next {

  color: #000 !important;

}



.right-bg .owl-nav button.owl-prev {

  color: #000 !important;

}



.why-list { text-align: center; }



.why_maruti {

  background: #fff;

  width: 100%;

  text-align: center;

  padding: 25px 0px;

  margin-top: 20px;

}



.why_maruti h4 {

  margin-bottom: 6px;

  /* transform: scale(1);

  transition: all 1s ease .2s; */

}



.why_maruti span {

  font-size: 20px;

  color: #a9a8a8;

  margin-bottom: 20px;

  display: block;

  /* transition: all 1s ease .2s;

  opacity: 1;

  transform: scale(1); */

}



.why_maruti_sld {

  width: 100%;

  text-align: left;

  margin-top: 10px;

  position: relative;

}



.why_maruti_sld .item{

    display: flex;

    align-items: center;

}



.maruti_lt_sec {

  /*float: left;*/

  /*width: 43%;*/

  animation-name: m_slt_1;

  animation-duration: 1s;

  position: relative;

  /*min-height: 306px;*/

  border: 0px solid #E55154;

  text-align: right;

}



.maruti_rt_sec {

  /*float: left;*/

  width: 85%;

  margin-left: 2%;

  animation-name: m_slt_2;

  animation-duration: 1s;

  position: relative;

}



.why_maruti_sld span {

  color: #504f4f;

  display: block;

  font-size: 33px;

  line-height: 33px;

  font-weight: bold;

  margin: 0px;

}



.why_maruti_sld p {

  color: #616060;

  margin: 10px 0px 0px 0px;

  font-size: 15px;

    line-height: 22px;

}



.more_btn_4 {

  color: #005ba9;

  border: 1px solid #005ba9;

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -moz-osx-font-smoothing: grayscale;

  position: relative;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  border-radius: 2px;

  font-size: 18px;

  width: 146px;

  text-align: center;

  background: #fff;

  padding: 10px 0;

}



.maruti_lt_sec img{

  max-width: 100% !important;

  width: auto !important;

}



.ins-slide .owl-nav{

    margin-top: 0 !important;

}



.btns{

  /* display: table;

  margin: 30px auto; */

  display: flex;

  justify-content: center;

}



.btns span {

  display: inline-block;

  font-size: 20px;

  color: #484848;

  position: relative;

  top: 3px;

  font-weight: 500;

}



.btns i{

  font-size: 45px;

  vertical-align: middle;

  color: #ccc;

}



.customNextBtn{

    /* background: #2d9070;

    color: #fff;

    padding: 10px; */

    cursor: pointer;

    display: inline-block;

}



.customPreviousBtn{

  /* background: #2d9070;

  color: #fff;

  padding: 10px; */

  margin-right: 30px;

  cursor: pointer;

  display: inline-block;

}



.customNextBtn:before {

  content: "";

  position: absolute;

  bottom: 10px;

  background: #ccc;

  width: 1px;

  height: 20px;

  vertical-align: middle;

  margin-left: -15px;

}



img.myth-fir-img {

    height: 100px;

    object-fit: contain;

}



.abt_insurance {

    text-align: center;

    background: #000;

    padding: 50px 0 30px;

}



.abt_insurance h2 {

  color: #fff;

  margin-bottom: 20px;

  display: block;

  text-align: center;

}



.insurance_bot {

  float: left;

  width: 100%;

  min-height: 352px;

  /*background: #fff;*/

  text-align: left;

}



.aac_holder {

  float: left;

}



.aac_img {

  float: left;

  background: #EDEDED;

  width: 40%;

  height: 356px;

}



.aac_img img{

  margin-left: auto;

  margin-right: auto;

}



img.inc_content_1 {

  display: block;

  margin-top: 93px;

}



.aac_cnt {

  float: left;

  border: 0px solid #B53235;

  background: #000;

  width: 60%;

  height: 356px;

  padding: 0px 5px 0px 20px;

}



.insurance_bot h4 {

  font-size: 29px;

  color: #F1F1F1;

  margin: 25px 0px 10px 0px;

}



.insurance_bot p {

    color: #fff;

    margin-bottom: 10px;

    white-space: pre-line;

    line-height: 33px;

}



.insurance_bot a {

  color: #cddef5;

}



.insurance_bot ul {

  margin: 20px 0px 0px 0px;

  padding: 0px;

  position: absolute;

  left: 60%;

  bottom: 30px;

  z-index: 9999;

  display:none;

}



.insurance_bot li {

  color: #5f9ed5;

  font-size: 18px;

  padding: 5px 13px;

  border: 1px solid #5f9ed5;

  border-radius: 3px;

  float: left;

  margin: 0px;

  width: auto;

  height: auto;

  margin-right: 6px;

  cursor: pointer;

}



.insurance_bot .hov_acto {

  text-decoration: none;

  color: #fff;

  border: 1px solid #fff;

}



.inner_page_frame{

  margin-top: 50px;

}



.inner_page_frame h1 {

    margin-bottom: 20px;

    display: block;

    text-align: center;

}



.myth_inner {

  float: left;

  width: 100%;

  margin-bottom: 30px;

  margin-top: 20px;

}



.myth_inner ul li {

    background: #f2f3f7;

    width: 100%;

    height: 240px;

    float: left;

    border-bottom: 1px solid #c2c2c4;

    border-right: 1px solid #c2c2c4;

    cursor: pointer;

}



.myth_inner ul li img {

  margin: 40px auto 10px auto;

  display:block;

}



.myth_inner ul li span {

  display: block;

  text-align: center;

  width: 100%;

  color: #030303;

  font-size: 17px;

  line-height: 16px;

  border: 0px solid #C74547;

  padding: 0px 20px;

  margin: 0px 0px 10px 0px;

}



.myth_inner ul li a {

  display: block;

  text-align: center;

  border: 0px solid #C74547;

  padding: 0px;

  margin: 0px;

}



.myth_inner ul li a img {

  margin: 0px auto;

}



.myth_inner ul li:hover {

  -moz-box-shadow: inset 0 0 30px #00000054;

  -webkit-box-shadow: inset 0 0 30px #00000054;

    box-shadow: inset 0 0 30px #00000054;

}



.myth_inner ul li + li {

  background: #fff;

  border-right: 1px solid #c2c2c4;

  padding-top: 0px;

}



.myth_inner ul li + li + li {

  background: #f2f3f7;

  border-right: 1px solid #c2c2c4;

}



.myth_inner ul li + li + li + li {

  background: #fff;

  border-right: 0px;

}



.myth_inner ul li + li + li + li + li {

  background: #fff;

  border-bottom: 0px;

  border-right: 1px solid #c2c2c4;

}



.myth_inner ul li + li + li + li + li + li {

  background: #f2f3f7;

  border-bottom: 0px;

  border-right: 1px solid #c2c2c4;

}



.myth_inner ul li + li + li + li + li + li +li {

  background: #fff;

  border-bottom: 0px;

  border-right: 1px solid #c2c2c4;

}



.myth_inner ul li + li + li + li + li + li +li +li{

  background: #f2f3f7;

  border-bottom: 0px;

  border-right: 0px solid #c2c2c4;

}



.myth_img {

  text-align: center;

  padding: 9% 0 0;

}



.myth_pop h3 {

  color: #dc4a4b;

  font-size: 20px;

  margin: 20px 0px 0px;

  padding: 0px;

  border: 0px;

}



.cus-myth-pop .modal-content{

  border-bottom: solid 6px #005AA9;

}



/* contact page css */



 /*.responsive-map{*/

 /* overflow: hidden;*/

 /* padding-bottom:56.25%;*/

 /* position:relative;*/

 /* height:0;*/

 /* }*/

 /* .responsive-map iframe{*/

 /* left:0;*/

 /* top:0;*/

 /* height:100%;*/

 /* width:100%;*/

 /* position:absolute;*/

 /* } */

  

  

  



  /* #sidebar {

    position:absolute;

    top:62px;

    left:0px;

    width:400px;

    height:auto;

    background: #ececec;

    padding: 20px;

    transition: all 0.4s;

    border-right: 1px solid darkgrey;

  } */

  #sidebar {

    width: 100%;

    height: auto;

    background: #ececec;

    padding: 20px 20px;

    transition: all 0.4s;

    border-right: 1px solid darkgrey;

  }



  #map {

    height: 100%;

    width: 100%;

    position: absolute !important;

  }

  

/*  #map {*/

/*    overflow:hidden;*/

/*    padding-bottom:50%;*/

/*    position:relative;*/

/*    height:0;*/

/*  }*/

  

/*  #map iframe{*/

/*    left:0;*/

/*    top:0;*/

/*    height:100%;*/

/*    width:100%;*/

/*    position:absolute;*/

/*}*/



  .kmTabs {

    position: absolute;

    display: flex;

    justify-content: center;

    width: 100%;

    bottom: 15px;

  }



  .kmTabs ul {

    background: #ffffff;

    padding: 10px 8px;

    margin: 0px;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

  }



  .kmTabs ul li {

    display: inline-block;

    margin: 6px 5px;

  }



  .kmTabs li a {

    padding: 10px 15px;

    border: #636363 solid 1px;

    display: inline-block;

    color: #636363;

    font-size: 16px;

    transition: all 0.25s ease 0s;

    font-weight: 400;

  }



  .kmTabs li a:hover, .kmTabs li a.clickclass {

    background: #636363;

    color: #fff;

    text-decoration: none;

    transition: all 0.25s ease 0s;

  }



  #sidebar.active {

    left:-400px;

  }

  #sidebar .toggle-btn {

    position:absolute;

    left:400px;

    top:10px;

    background: #ececec;

    border: 1px solid darkgrey;

    border-left: none;

    padding: 15px 10px;

    display: none;



  }



  #sidebar .toggle-btn span {

    display:block;

    width:32px;

    height:32px;

    /* background:#151719; */

    margin:5px 0px;

    cursor:pointer;

    background: url(../img/left-arrow.png);

    background-repeat: no-repeat;

  }



  #sidebar .toggle-btn span .active{

    transform: rotateZ(-90deg);

  }



  .location-height {

    height: 240px;

    overflow-y: auto;

    overflow-x: hidden;

    padding: 0px 10px;

    background: #fff;

}



/* .location-height::-webkit-scrollbar {

  width: 3px;

  background-color: #F5F5F5;

} */



.location-height::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	background-color: #F5F5F5;

}



.location-height::-webkit-scrollbar

{

	width: 10px;

	background-color: #F5F5F5;

}



.location-height::-webkit-scrollbar-thumb

{

	background-color: #000000;

	border: 2px solid #555555;

}



.addLocation {

  margin-top: 25px;

}



 .addLocation h3 {

    font-size: 16px;

    color: #000000;

    font-weight: 600;

    margin: 0px;

    padding: 0px 10px 10px 29px;;

    position: relative;

}



.addLocation h3:before {

  position: absolute;

  background: url(../img/nexa_logo.png) left 0px no-repeat;

  content: "";

  width: 19px;

  height: 32px;

  left: 0;

  top: -1px;

}



.addressTxt {

  font-size: 14px;

  font-weight: 400;

  line-height: 20px;

  margin: 0;

}



.websiteTxt {

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 0;

  margin-top: 7px;

}



.phoneTxt {

  width: 100%;

  padding-top: 15px;

  position: relative;

  padding-left: 25px;

}



.phoneTxt:before {

  position: absolute;

  left: 0px;

  content: "";

  background: url(../img/call.png) left top no-repeat;

  width: 17px;

  height: 17px;

}



.addLocation .phoneTxt a {

  font-size: 14px;

  color: #000000;

  text-decoration: none;

  text-decoration: none;

  font-weight: 400;

}



.direction_b {

  /* position: absolute; */

  top: 29%;

  right: 1px;

  width: 28px;

  height: 28px;

  padding: 3px 6px 5px 7px;

  color: #FFFFFF;

  background: #000000;

  font-size: 0.9375rem;

  font-weight: 400;

  vertical-align: bottom;

  margin-right: 30px;

  text-decoration: none;

}



.button-d{

  display: flex;

  justify-content: space-between;

}



.con-tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link{

  background: #000;

  color: #fff;

}



.con-tab .nav-item{

    width:50%;

}



.con-tab .nav-pills .nav-link{

  border: 0px;

    border-radius: 0px;

    font-size: 14px;

    font-weight: 500;

    padding: 20px 0px;

    background: #fff;

    color: #000;

    border: #c8c8c8 solid 1px;

    border-left: 0px;

    text-align:center;

}







/* 10/7 */

/* why-mandovi page css */



#why-choose-text {

    margin-bottom:1em !important;

}



.partner-slider img {

    width: 100%;

    height: 270px;

    /*object-fit: fill;*/

    padding: 10px;

}



.why_sec-img img {

  height: 410px;

  width: 100%;

  object-fit: cover;

}



.why_sec-text p {

  font-size: 16px;

  font-weight: 600;

  line-height: 26px;

}



.why-des {

    text-align: left;

}



.why-list ul li{

  font-size: 16px;

  padding-bottom: 20px;

}



.why-list ul li span{

  padding-left: 5px;

}



.testi-bg {

  background-color: #fff;

  border: 1px solid #e1e8ed;

  border-radius: 5px;

  padding: 20px;

}



.testi-header {

  display: flex;

}



.testi-pic img {

  max-width: 62px;

}



.testi-info {

  margin-left: 10px;

}



.testi-info h5 {

  margin-top: 0;

  margin-bottom: 3px;

  font-size: 15px;

}



.testi-info p {

  margin-top: 0;

  margin-bottom: 3px;

  font-size: 14px;

}





/* accessories page css */



.bannerFeatures {

  width: 100%;

  position: relative;

  z-index: 10;

}



.bannerFeatures .belowBanners {

  background: #fdfdfd;

  border-radius: 10px;

  border: #c8c8c8 solid 1px;

  height: 110px;

  display: flex;

  width: 100%;

  margin-top: 15px;

  padding: 20px 25px;

  box-shadow: 0 0 20px #ccc;

  flex-direction: column-reverse;

  flex-wrap: wrap;

  align-content: stretch;

  justify-content: space-around;

}



.bannerFeatures .belowBanners .feature_Four_Slider {

  text-align: center;

  padding: 0;

  margin: 0;

  list-style: none;

  vertical-align: middle;

  display: flex;

    flex-wrap: wrap;

}



.bannerFeatures .belowBanners .feature_Four_Slider .item {

  width: 25%!important;

  padding-left: 2%;

  margin: 0;

  float: left;

  position: relative;

}



.bannerFeatures .belowBanners .feature_Four_Slider .item img {

  vertical-align: middle;

  margin-right: 15px;

  display: inline-block;

  max-width: 45px;

}



.bannerFeatures .belowBanners .feature_Four_Slider .item p {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

  width: 68%;

  font-size: 16px;

  margin: 0;

}



.bannerFeatures .belowBanners .feature_Four_Slider .item p span {

  font-size: 14px;

  color: #7d7d7d;

  float: left;

  width: 100%;

}



.bannerFeatures .belowBanners .feature_Four_Slider .item:after {

  width: 1px;

  height: 80px;

  background: #e7e7e7;

  position: absolute;

  content: "";

  top: -15px;

  right: -10px;

}



.bannerFeatures .belowBanners .feature_Four_Slider .item:last-child:after  {

  width: 0px;

  height: 0px;

  background: #e7e7e700;

  position: absolute;

  content: "";

  top: -15px;

  right: -10px;

}





.browseSlidBox {

  float: left;

  width: 100%;

  padding: 0 10px;

}



.browseSlidBox .browseSlidImg {

  margin-bottom: -80px;

  text-align: center;

}



.browseSlidImg img {

    height: 240px;

    object-fit: cover;

}



.browseSlidBox .slideContent {

  border-radius: 10px;

  background: #fdfdfd;

  width: 100%;

  float: left;

  box-shadow: 0 0 15px #ccc;

  padding: 60px 20px 20px;

  margin-bottom: 16px;

}



.browseSlidBox .slideContent h4 {

  font-size: 16px;

  color: #000;

  font-weight: 700;

  margin-bottom: 10px;

  padding-top: 20px;

  border-top: #adadad dotted 1px;

}



.browseSlidBox .slideContent p {

  color: #ababab;

  font-size: .875rem;

  font-weight: 400;

  line-height: normal;

  margin-bottom: 10px;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}



.acc-slider .owl-nav {

  display: block;

}



.car-accessories {

  width: 100%;

  padding: 50px 0;

}



.sectionTitle {

  text-align: center;

}



.car-accessories .accessoriesForm {

  background: #fff;

  padding: 30px;

  box-shadow: 0 0 25px #ccc;

  border-radius: 10px;

  display: inline-block;

  width: 100%;

  margin-top: 40px;

}



.car-accessories .accessoriesForm .selectBox {

    width: 43%;

    float: left;

    margin-right: 2%;

}



.car-accessories .accessoriesForm .blueButton {

  float: right;

  width: 10%;

  text-align: center;

}



.btn-srch {

  font-size: 16px;

  background-color: #000;

  padding: 10px 8px;

  text-decoration: none;

  border-radius: 5px;

  border: #000 solid 1px;

  color: #fff !important;

  font-weight: 500;

  display: inline-block;

  float: none;

}



.car-accessories .accessoriesForm select{

  height: 50px;

}



/* ****** */



.whyChooseMain {

  width: 100%;

  padding: 50px 0px;

  border-top: #dbe2ea solid 1px;

  border-bottom: #dbe2ea solid 1px;

}



.whyChooseMain .whyChooseSec {

  position: relative;

  float: left;

  width: 100%;

}



.studentFacultyDealer {

  width: 100%;

  float: left;

  margin-top: 25px;

}



.studentFacultyDealer .studentFacultyDealerRow {

  width: 100%;

  float: left;

  display: table;

  margin-bottom: 20px;

}



.studentFacultyDealer .studentFacultyDealerRow .studentFacultyDealerImg {

  display: table-cell;

  vertical-align: top;

  width: 66px;

}



.studentFacultyDealer .studentFacultyDealerRow .studentFacultyDealerTxt {

  width: 100%;

  float: left;

  padding-left: 25px;

}



.studentFacultyDealer .studentFacultyDealerRow .studentFacultyDealerImg img {

  width: auto;

}



.studentFacultyDealer .studentFacultyDealerRow .studentFacultyDealerTxt h2 {

  font-size: 1.875rem;

  color: #000;

  margin: 0px;

}



.studentFacultyDealer .studentFacultyDealerRow .studentFacultyDealerTxt h3 {

  font-size: 0.875rem;

  color: #000;

  margin: 0px;

  text-transform: uppercase;

  font-weight: bold;

}



.studentFacultyDealer .studentFacultyDealerRow .studentFacultyDealerTxt p {

  font-size: 0.875rem;

  color: #000;

  margin: 0px;

}



.whyChooseMain .whyChooseSec .imgVideoSecMain .imgVideoSecInn .imgVideoSec {

  width: 92%;

  float: right;

  margin-right: 25px;

  margin-top: 0px;

}



.whyChooseMain .whyChooseSec .imgVideoSecMain .imgVideoSecInn .imgVideoSec .whyChosseImg {

  display: inline-block;

  width: 100%;

  overflow: hidden;

  position: relative;

}



.whyChooseMain .whyChooseSec .imgVideoSecMain .imgVideoSecInn .imgVideoSec h3 {

  font-size: 0.875rem;

  color: #000;

  font-weight: bold;

  margin-top: 15px;

  margin-bottom: 10px;

}



.whyChooseMain .whyChooseSec .imgVideoSecMain .imgVideoSecInn .imgVideoSec .blueButton {

  position: static;

  float: left;

}



.whyChooseMain .readyDriveSec {

  position: relative;

  float: left;

  /*background: #d6d9f8;*/

  background: #000;

  border-radius: 5px;

  padding: 25px;

  box-shadow: 0px 0px 25px #ccc;

}



.enq-book-now a {

    background-color: #000 !important;

    border-radius: 20px !important;

    padding: 10px 20px !important;

}



.whyChooseMain .readyDriveSec h2{

    color: #fff;

} 



.whyChooseMain .readyDriveSec p {

  font-size: 0.875rem;

  color: #fff;

  margin-bottom: 20px;

  line-height: 20px;

  font-weight: normal;

}



.whyChooseMain .readyDriveSec .readyDrivepoints {

  float: left;

  width: 100%;

  margin-bottom: 30px;

  margin-top: 10px;

}



.whyChooseMain .readyDriveSec .readyDrivepoints ul li {

  width: 48%;

  padding: 15px 10px;

  border: #bac4da solid 1px;

  height: 90px;

  margin-bottom: 7px;

  border-radius: 5px;

  box-shadow: 0px 0px 10px #ccc;

  float: left;

  position: relative;

  background: #fff;

  margin-left: 2px;

  margin-right: 2px;

}



.whyChooseMain .readyDriveSec .readyDrivepoints ul li div {

  display: table;

  height: 100%;

}



.whyChooseMain .readyDriveSec .readyDrivepoints ul li div span {

  width: 30%;

  display: table-cell;

  vertical-align: middle;

}



.whyChooseMain .readyDriveSec .readyDrivepoints ul li div label {

  padding-left: 10px;

  color: #000;

  font-size: 11px;

  display: table-cell;

  vertical-align: middle;

  line-height: 12px;

}



.whyChooseMain .readyDriveSec .readyDrivepoints ul li div label b {

  font-weight: bold;

  color: #171c8f;

  font-size: 1.875rem;

  display: inline-block;

}



.whyChooseMain .readyDriveSec .readyDrivepoints ul li div label span {

  width: 100%;

  display: block;

  float: left;

  height: auto;

  font-weight: normal;

  vertical-align: middle;

}



.courseBannerMain {

  padding: 50px 0px;

  width: 100%;

}





.courseBannerMain .homCoursesBannerSec .coursesRptSec {

  width: 100%;

  min-height: 250px;

  height: 100%;

  float: left;

  background: white;

  background: -moz-linear-gradient(top, white 50%, #d0d4f8 100%);

  background: -webkit-linear-gradient(top, white 50%, #d0d4f8 100%);

  background: linear-gradient(to bottom, white 50%, #d0d4f8 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d4f8',GradientType=0 );

  border-radius: 6px;

  padding: 30px;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .courseBanner {

  width: 100%;

  float: left;

  padding: 10px 0;

  position: relative;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec h3 {

  font-size: 1.875rem;

  color: #000;

  font-weight: 600;

  padding: 20px 0 10px;

  margin: 0;

  width: 100%;

  clear: both;

  position: relative;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec p {

  font-size: 0.875rem;

  line-height: 18px;

  font-weight: 400;

  color: #000;

  position: relative;

  margin-bottom: 10px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  max-height: 36px;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec {

  width: 100%;

  float: left;

  background-color: #f9fcfc;

  border: 1px solid #b1b3b6;

  padding: 10px;

  border-radius: 4px;

  margin-top: 15px;

  position: relative;

  box-shadow: 0px 10px 15px #c4c6d5;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul {

  display: table;

  width: 100%;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul li:nth-child(odd) {

  border-right: 1px solid #e0e2e2;

  width: 12%;

  text-align: center;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul li {

  list-style: none;

  padding: 0;

  margin: 0;

  display: table-cell;

  vertical-align: middle;

  height: 100%;

  width: 75%;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul li h4 {

  font-size: 2.5rem;

  color: #000;

  font-weight: 600;

  margin: 0;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul li:nth-child(even) {

  padding-left: 15px;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul li h5 {

  font-size: 0.875rem;

  color: #000;

  font-weight: 600;

  margin: 0;

  text-transform: uppercase;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .noCourseSecMain .noCourseSec ul li span {

  font-size: 0.875rem;

  line-height: 18px;

  font-weight: 400;

  color: #000;

  display: block;

  min-height: 35px;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .priceTxtViewCourse .homeCourPriceTxt {

  float: left;

  font-size: 2.75rem;

  font-weight: bold;

  color: #000;

  margin-top: 30px;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .priceTxtViewCourse .homeCourPriceTxt span {

  font-size: 1rem;

  color: #000;

  font-weight: normal;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .priceTxtViewCourse .viewLearnerBtn {

  margin-top: 30px;

  position: relative;

  display: inline-block;

  float: right;

}



.courseBannerMain .homCoursesBannerSec .coursesRptSec .priceTxtViewCourse p {

  display: inline-block;

  width: 100%;

  margin-top: 15px;

  margin-bottom: -10px;

  font-size: 0.8125rem;

}



.valueAddedContainer {

  width: 100%;

  padding-bottom: 50px;

}



.valueAddedContainer .valueAddedCourseMain {

  width: 100%;

  box-shadow: 0px 0px 10px #ccc;

  border: #dbe2ea solid 1px;

  padding: 25px;

  border-radius: 5px;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedTitle {

  margin-bottom: 15px;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedBox {

  float: left;

  width: 100%;

  border: #b9badd solid 1px;

  padding: 25px 20px 25px 20px;

  border-radius: 8px;

  transition: 0.5s;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedBox span {

  display: table-cell;

  vertical-align: top;

  width: 59px;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedBox .valueAddBoxContent {

  display: table-cell;

  padding-left: 15px;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedBox .valueAddBoxContent h3 {

  font-size: 1rem;

  font-weight: bold;

  color: #000;

  margin-bottom: 7px;

  margin-top: 0;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedBox .valueAddBoxContent p {

  font-size: 0.875rem;

  color: #000;

  margin: 0;

}



.valueAddedContainer .valueAddedCourseMain .valueAddedBox:hover {

  box-shadow: 0px 0px 10px #ccc;

}



.courseDiscTxt {

  padding-top: 15px;

}



.courseDiscTxt h3 {

  font-size: 1.3125rem;

  font-weight: bold;

  color: #000;

  margin-bottom: 10px;

}



.courseDiscTxt li {

  color: #4b4b4b;

  font-size: 0.875rem;

  line-height: 1.5;

  font-weight: 400;

}



.courseDiscTxt li a {

  color: #000;

}



.formIcon {

  position: fixed;

  bottom: -50px;

  z-index: 10;

  transition: 1s;

  width: auto;

  float: right;

  right: 80px;

}



.formIcon.active {

  bottom: 0px;

  transition: 1s;

}



.formIcon a {

  background: #000;

  margin-right: 0px;

  color: #fff;

  transition: 0.5s;

  float: right;

  padding: 12px 12px 12px 12px;

  border: #fff solid 1px;

  border-bottom: 0px;

  text-decoration: none;

  border-radius: 5px 5px 0px 0px;

  font-size: 0.875rem;

  font-weight: bold;

  letter-spacing: 1px;

}



.inp-form .form-control {

  background: #f7f7f7;

  padding: 12px;

  border: #000 solid 1px;

  border-radius: 5px;

  font-size: 12px;

  width: 100%;

  height: 43px;

  color: #000;

  font-weight: 500;

}



.inp-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

  color: #000;

  opacity: 1; /* Firefox */

}



.inp-form :-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #000;

}



.inp-form ::-ms-input-placeholder { /* Microsoft Edge */

  color: #000;

}



.btn-enq {

    color: #000;

    font-weight: bold;

    border-radius: 5px;

    padding: 8px;

    border: 0px;

    letter-spacing: 1px;

    font-size: 0.875rem;

    background: #fff;

}



.modal.modal-bottom .modal-content{

  margin: 0px;

  background: #000;

  border-top: #bac4da solid 1px;

  z-index: 100;

  padding-top: 10px;

  padding-bottom: 10px;

  transition: 1s;

}



.modal-bottom .close{

    color: #f8f8f8;

    text-shadow: 0 1px 0 #fff;

    opacity: 1;

}



/* drive page check box */



.new-chkbox {

  margin-top: 20px;

}



.new-chkbox input {

  padding: 0;

  height: initial;

  width: initial;

  margin-bottom: 0;

  display: none;

  cursor: pointer;

}



.new-chkbox label {

  position: relative;

  cursor: pointer;

  font-size: 10px;

    color: #fff;

}



.new-chkbox label:before {

  content:'';

  -webkit-appearance: none;

  background-color: transparent;

  border: 2px solid #ffffff;

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);

  padding: 6px;

  display: inline-block;

  position: relative;

  vertical-align: middle;

  cursor: pointer;

  margin-right: 5px;

}



.new-chkbox input:checked + label:after {

  content: '';

  display: block;

  position: absolute;

  top: 6px;

  left: 6px;

  width: 4px;

  height: 8px;

  border: solid #ffffff;

  border-width: 0 2px 2px 0;

  transform: rotate(45deg);

}



/* 20/7 */



/* how it work page css */



.shp-bg{

  text-align: center;

  margin-top: 45px;

}



.shp-content-icon img{

  width: 50px;

  height: 50px;

}



.shp-content-text h3{

  font-size: 20px;

  margin-top: 25px;

  line-height: 28px;

}



.shp-content-text p{

  font-size: 14px;

  line-height: 28px;

  margin-top: 25px;

}



.how_bg {

  padding-top: 50px;

}



.how_text h4 {

  font-size: 30px;

  margin-top: 0;

}



.how_text p {

  font-size: 15px;

    line-height: 28px;

}



.shp-bg-pic{

  height: 310px;

}



.shp_img_text{

  margin-top: 10%;

  text-align: center;

}



.shp_img_text h5{

  font-size: 35px;

  color: #fff;

}



/* brand page css */



.brnd-text p{

  font-size: 18px;

  line-height: 28px;

  margin-top: 25px;

}



/* services page css */



.about_block {

  /* background-color: #f4f4f4; */

  /* padding: 30px 40px 30px 50px; */

  margin-bottom: 20px;

}



.about_block p {

  font-size: 14px;

  color: #000;

  line-height: 1.6;

  font-weight: 400;

}



.appointment_block {

  background-image: url(/images/appointment-bg.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;

  min-height: 301px;

}



.appointment_block .inner {

  float: right;

  width: 50%;

  padding-top: 20px;

}



.appointment_block .inner h2 {

  font-size: 24px;

  color: #000;

  text-transform: uppercase;

  font-weight: 600;

}



.appointment_block .inner p {

  font-size: 14px;

  color: #fff;

  font-weight: 400;

}



.sp_section .text-bg {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

  height: 100%;

  padding: 20px;

  display: block;

}



.text-bg h2 {

  font-size: 22px;

  color: #000;

  text-transform: uppercase;

  padding-bottom: 5px;

  font-weight: 600;

  margin: 0;

}



.text-bg p {

  font-size: 14px;

  color: #000;

  padding-bottom: 10px;

  font-weight: 400;

  margin: 0;

}



.service-know-more{

  background: #000;

    border-radius: 0;

    color: #fff;

    font-size: 14px;

    padding: 1px 6px!important;

}



.text-bg a {

  position: absolute;

  top: auto;

  bottom: 1px;

    right: 16px;

}



.faq-section {

  padding-top: 30px;

  padding-bottom: 20px;

  background: #f0f0f1;

  margin-bottom: 20px;

}



.serv_tab .nav-pills .nav-link{

  text-align: left;

    border: 0;

    background: transparent;

    color: #000;

    font-size: 22px;

    font-weight: 600;

    padding-bottom: 20px;

    display: flex;

}



.numm{

  padding-right: 20px;

}



.serv_tab .nav-pills .nav-link > .txtt {

  border-bottom: 2px solid rgba(0,0,0,.1);

  padding-bottom: 10px;

  width: 100%;

}



.serv_tab .nav-pills .nav-link > .active > .txt {

  border-bottom: 4px solid #000;

}



.serv_tab .nav-pills .nav-link.active .txtt, .nav-pills .show>.nav-link  {

  color: #000;

  background-color: transparent;

  border-bottom: 4px solid #000;

  border-radius: 0;

}



.srv-faq h5{

  margin-top: 0;

}



.srv-faq h5 a{

  text-align: left;

  font-size: 14px;

  line-height: 28px;

  color: #000;

  padding: 10px 20px 10px 5px;

  display: flex;

  justify-content: space-between;

  align-items: baseline;

  font-weight: 500;

}



.srv-faq .card_bg{

  margin-bottom: 10px;

  border-bottom: 5px solid #000;

}



.srv-faq  .card_body p {

  font-size: 14px;

  line-height: 18px;

  color: #000;

  padding-bottom: 20px;

  font-weight: 400;

}



.srv-faq  .card_body ul{

  padding-top: 20px;

}



.srv-faq  .card_body ul li{

  font-size: 14px;

  line-height: 18px;

  color: #000;

  padding-bottom: 7px;

  font-weight: 400;

}



/* finance page css */



.bannerMain {

  background: #f9f9f9;

}



.bannerMain .bannerInn {

  margin-top: 0px;

  margin-bottom: 20px;

}



.bannerMain .bannerInn .left_1 h2 {

  font-size: 20px;

}



.bannerMain .bannerInn .left_1 h2 strong {

  font-size: 30px;

}



.bannerMain .bannerInn .left_1 ul {

  margin-top: 40px;

  display: flex;

}



.bannerMain .bannerInn .left_1 ul li {

  display: inline-block;

  background: #fff;

  text-align: center;

  padding: 20px;

  box-shadow: 0px 0px 10px rgba(126,126,126,0.14);

}



.bannerMain .bannerInn .left_1 ul li+li {

  margin-left: 2%;

}



.bannerMain .bannerInn .left_1 ul li img {

  display: inline-block;

}



.bannerMain .bannerInn .left_1 ul li span {

  display: inline-block;

  width: 100%;

  font-size: 13px;

  color: #848484;

  text-align: center;

  font-weight: 600;

  line-height: 1.3;

  margin-top: 15px;

}





/*enquiry page css*/



.enq-section .home-demo h2 {

    margin-top: 0;

    font-size: 30px;

}



@media(max-width:767px){
  .ignis img#car_color_image{
    margin-top: 40px;
  }
    body.baleno .three-sixty-img {
      margin-top: 0;
      padding-top: 15px;
    }
    .rowReverse{
      flex-direction: column-reverse;
    }
    .rowReverse .title-hding-1{
      padding-top: 15px;
    }
}