body {
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: #fff;
    font-family: 'Fira Sans', sans-serif;
}

a {
    color: inherit;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    font-family: "Fira Sans", sans-serif;
}

p {
    font-family: "Fira Sans", sans-serif;
    letter-spacing: 0.2px;
}

.form-group {
    margin-bottom: 22px;
}

/*
input[type=checkbox],
input[type=radio] {
    margin: 5px 5px 0 0;
}
*/

.container-fluid {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

.btn-primary {
    color: #fff;
    font-size: 14px;
    padding: 8px 24px;
    letter-spacing: 0.5px;
    background-color: #070808;
    border-color: #050505;
}

.btn-primary:hover {
    color: #fff;
    background-color: #070808;
    border-color: #070808;
}

button:focus {
    outline: none;
}

.sec-features .has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    color: #000a5d;
}
.sec-features .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

/* Back to Top Roket meluncur */

        #scrolltop {
            display: none;
        }

        #rocketmeluncur {
            position: fixed;
            bottom: 50px;
            z-index: 7;
            display: none;
            visibility: hidden;
            width: 26px;
            height: 48px;
            right: 25px;
            background: url(../../3.bp.blogspot.com/-GZOBULN1Q4s/VbNxQrf37EI/AAAAAAAAAPk/rak337seJ70/s1600/Ask.png) no-repeat 50% 0;
            opacity: 0;
            -webkit-transition: visibility .6s cubic-bezier(.6, .04, .98, .335), opacity .6s cubic-bezier(.6, .04, .98, .335), -webkit-transform .6s cubic-bezier(.6, .04, .98, .335);
            -moz-transition: visibility .6s cubic-bezier(.6, .04, .98, .335), opacity .6s cubic-bezier(.6, .04, .98, .335), -moz-transform .6s cubic-bezier(.6, .04, .98, .335);
            transition: visibility .6s cubic-bezier(.6, .04, .98, .335), opacity .6s cubic-bezier(.6, .04, .98, .335), transform .6s cubic-bezier(.6, .04, .98, .335)
        }

        #rocketmeluncur i {
            display: block;
            margin-top: 48px;
            height: 14px;
            background: url(../../1.bp.blogspot.com/-UR9I7YEuEUY/VXIJn8MrBPI/AAAAAAAAKRE/qZObHBd5zIo/s1600/rocket.png) no-repeat 50% -48px;
            opacity: .5;
            -webkit-transition: -webkit-transform .2s;
            -moz-transition: -moz-transform .2s;
            transition: transform .2s;
            -webkit-transform-origin: 50% 0;
            -moz-transform-origin: 50% 0;
            transform-origin: 50% 0
        }

        #rocketmeluncur:hover {
            background-position: 50% -62px
        }

        #rocketmeluncur:hover i {
            background-position: 50% 100%;
            -webkit-animation: flaming .7s infinite;
            -moz-animation: flaming .7s infinite;
            animation: flaming .7s infinite
        }

        #rocketmeluncur.showrocket {
            visibility: visible;
            opacity: 1
        }

        #rocketmeluncur.launchrocket {
            background-position: 50% -62px;
            opacity: 0;
            -webkit-transform: translateY(-800px);
            -moz-transform: translateY(-800px);
            -ms-transform: translateY(-800px);
            transform: translateY(-800px);
            pointer-events: none
        }

        #rocketmeluncur.launchrocket i {
            background-position: 50% 100%;
            -webkit-transform: scale(1.4, 3.2);
            -moz-transform: scale(1.4, 3.2);
            transform: scale(1.4, 3.2)
        }



/*-- inner-part --*/

 .inner-part {
            position: relative;
        }

        #thanks p a:hover {
            color: #888;
        }

        .demo a {
            position: absolute;
            left: 50%;
            z-index: 2;
            display: inline-block;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            color: #fff;
            font: normal 400 20px/1 'Josefin Sans', sans-serif;
            letter-spacing: .1em;
            text-decoration: none;
            transition: opacity .3s;
        }

        .demo a:hover {
            opacity: .5;
        }

        #section03 {
            padding-top: 10%;
        }

        #section03 p {
            position: absolute;
            top: 50px;
            left: -25px;
        }

        #section03 a span {
            position: absolute;
            left: 0;
            width: 46px;
            height: 46px;
            margin-left: -27px;
            border: 2px solid #fff;
            border-radius: 100%;
            box-sizing: border-box;
        }

        #section03 a span::after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: '';
            width: 16px;
            height: 16px;
            margin: -12px 0 0 -8px;
            border-left: 2px solid #fff;
            border-bottom: 2px solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            box-sizing: border-box;
        }

        #section03 a span::before {
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            content: '';
            width: 44px;
            height: 44px;
            box-shadow: 0 0 0 0 rgba(255, 255, 255, .1);
            border-radius: 100%;
            opacity: 0;
            -webkit-animation: sdb03 3s infinite;
            animation: sdb03 3s infinite;
            box-sizing: border-box;
        }

        @-webkit-keyframes sdb03 {
            0% {
                opacity: 0;
            }

            30% {
                opacity: 1;
            }

            60% {
                box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
                opacity: 0;
            }

            100% {
                opacity: 0;
            }
        }

        @keyframes sdb03 {
            0% {
                opacity: 0;
            }

            30% {
                opacity: 1;
            }

            60% {
                box-shadow: 0 0 0 60px rgba(255, 255, 255, .1);
                opacity: 0;
            }

            100% {
                opacity: 0;
            }
        }


/* ------------------------------------
        Home page styles
------------------------------------ */

/*-- header section styles 
------------------------------- */

.zsiq_flt_rel {
    background-color: #333 !important;
}

header .container-fluid {
    max-width: 1500px;
    width: 100%;
}

    .header-top .top {
            display: flex;
        }

        .header-top .top span {
            vertical-align: sub;
        }

.header-top .top-icons {
    text-align: right;
    margin-top: 5px;
}

.header-top .top-icons a {
    margin-right: 7px;
}

.header-top {
    padding: 5px 0 5px;
    background-color: #fff;
}

.header-top .left {
    color: #616161;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 8px 2px;
    border-right: 2px solid #bfbfbf;
    transition: 0.3s;
}

.header-top .left:hover {
    color: #000;
}

.header-top .left i {
    margin-right: 5px;
    vertical-align: baseline;
}

.header-top .btn-danger {
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    letter-spacing: 0.5px;
    background-color:#000;
    border-color:#000;
}

.header-top .btn-danger:hover {
    color: #fff;
    background-color:#283b88;
    border-color:#283b88;
}

        @media only screen and (max-width:812px) {
            .modal-dialog {
                max-width: 100%;
                margin: 1.75rem auto;
            }

            .header-top .btn-danger {
                padding: 4px 8px;
            }

            .header-top .top span {
                vertical-align: middle;
            }
        }

        @media only screen and (max-width:650px) {
            .header-top .top {
                display: block;
            }
        }

        @media only screen and (max-width:315px) {
            .header-top .left {
                font-size: 11px;
                padding-left: 4px;
                padding-right: 4px;
            }
        }

/*-- header section end --*/


/*-- Navigation section styles 
------------------------------- */

.navbar-dark .navbar-nav .nav-link {
    color: #ffffffbf;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 18px 10px;
    border-bottom:2px solid #000;
margin-left: 15px;
}

.navbar .bg{
    background-color:unset !important;
    margin-top:4px !important;
    border:0 !important;
}

.navbar .bg-inner{
    background-color:#ffffff;
}

.activenav{
    background-color:#000 !important;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover{
    color: #fff;
    background-color:#000;
    border-bottom:2px solid #283b88;
}


.navbar .nav-item {
    padding: 0;
    margin: 0;
}
.nexacars figcaption a {
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    margin-top: 5px;
    padding: 8px;
    width: 48%;
    text-transform: uppercase;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    border: 1px solid #000000;
    border-radius: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
    background-color: #15151e;
    color: #ffffff;
}

.nav-top {
    position: relative;
    z-index: 99;
    background-color:#000;
}

.navbar {
    padding: 5px 15px;
    background-color: #000;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.navbar-dark .navbar-brand {
    color: #fff;
    width: 130px;
    padding: 3px 0;
}

.navbar-dark .navbar-brand img {
    width: 100%;
}



.dropdown-men-sm .skoda-cars {
    padding: 10px;
    height:100%;
    text-align: center;
}

.dropdown-men-sm .skoda-cars img {
    max-width: 100%;
    height: 80px;
    object-fit: scale-down;
    margin-bottom: 10px;
    display: block;
    margin: 0 auto;
}

.dropdown-men-sm .skoda-cars:hover {
    background-color: #f6f6f6;
}

.dropdown-men-sm .skoda-cars h3 {
    font-size: 15px;
    color: #000000;
    line-height: 21px;
    font-weight: 600;
    font-family: "Fira Sans", sans-serif;
}

.dropdown-men-sm .skoda-cars p {
    font-size: 14px;
    color: #333333;
    margin: 0;
    line-height: 23px;
    font-family: "Fira Sans", sans-serif;
}

.dropdown-men-sm .skoda-cars p span {
    color: #000000;
    font-weight: bold;
    display: block;
}

.dropdown-men-sm .dropdown-item {
    color: #000000bf;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    white-space: initial;
}

.dropdown-men-sm.active, .dropdown-item:active {
    background-color:transparent;
    
}

.dropdown-men-sm .nexacars .logo {
    margin-bottom: 20px;
    height: 30px;
}

.dropdown-men-sm .skoda-cars .car {
    margin-bottom: 10px;
    height: 130px;
    background-color:#f1f1f1;
}

.element-cover img{
	box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
}


/***********Mega Menu*************/



.navbar ul li .dropdown-men-sm{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    transition: all 300ms linear;
    width: 100%;
    z-index: 999;
    margin-top:0;
    border-radius: 0;
    -webkit-box-shadow: 0 4px 4px 0 rgb(72 72 72 / 20%);
    box-shadow: 0 4px 4px 0 rgb(72 72 72 / 20%);
    padding:25px 0;
    text-align: center;
	}


.dropdown-men-sm ul{
	margin:0;
	padding:0;
}
.dropdown-men-sm ul li{
	display:list-item;
	list-style:none;
	    line-height: 30px;
}
.dropdown-men-sm ul li a{
color: #000;
    font-size: 15px;
    font-weight: 400;
	letter-spacing:1px;
}
.dropdown-men-sm ul li a:hover{
	color:#ea393e;
}
.navbar .navbar-nav .nav-link i{
	    font-size: 8px;
    position: relative;
    bottom: 3px;
    left: 2px;
    font-weight: 100;
}


/***************Samll Dropdown*************/

.navbar ul li .dropdown-nav-sm{
display: none;
    position: absolute;
    top: 100%;
    left:0;
    background: #ffffff;
    transition: all 300ms linear;
    width:250px;
    z-index: 99;
    margin-top:0;
    border-radius: 0 0 4px 4px;
	    -webkit-box-shadow:0 1px 4px 0 rgb(72 72 72 / 20%);
    box-shadow: 0 1px 4px 0 rgb(72 72 72 / 20%);
    border:1px solid #e0e0e0;
    padding: 10px 20px;
	text-align:left;
	}

.dropdown-nav-sm ul{
	margin:0;
	padding:0;
}
.dropdown-nav-sm ul li{
	display:list-item;
	list-style:none;
	    line-height:30px;
}
.dropdown-nav-sm ul li a{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
.dropdown-nav-sm ul li a:hover{
	color:#283b88;
}


/*********Services Tab DropDown**********/

.dropdown-menu {
    margin-top: 0;
    border-radius:0 0 5px 5px;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 20px;
    border-width: 0;
}
.dropdown-menu .dropdown .dropdown-menu.left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
    background: #ffffff;
    color: #283b88;
}
.dropdown-menu > li.show > a{
	color:#283b88;
}
.dropdown-menu .dropdown-item{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
      margin-top: -9px;
    border-width: 1px;
    margin-left: 0;
    }
}




/***********Multi Leval Dropdown***********************/
.holdWidth{
    width:300px;
}
.dropdown-btn-arrow i{
    font-size: 10px;
    position: relative;
    bottom: 1px;
    transform: rotate(270deg);
}
.dropdown-container {
    display:none;
    background-color: #ffffff;
    padding: 12px;
    margin-bottom: 6px;
    position: absolute;
    left:100%;
    top:-1px;
    width: 160px;
}

.dropdown-container ul{
    margin:0;
    padding:0;
    
}
.dropdown-container ul li{
    display:list-item;
     line-height:25px;
}
.dropdown-container ul li a{
       color:#2454bb;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;   
}
.dropdown-container ul li a:hover{
	text-decoration:underline;
}




/* ------ Slider ------ */
#minimal-bootstrap-carousel {
    margin-top: 0px;
    position: relative;
}

#minimal-bootstrap-carousel .carousel-caption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    text-align: right;
    text-shadow: none;
}

#minimal-bootstrap-carousel .carousel-caption .container {
    display: table;
    width: 100%;
    height: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 1199px) {
    #minimal-bootstrap-carousel .carousel-caption .container {
        max-width: 960px;
    }
}

@media (max-width: 991px) {
    #minimal-bootstrap-carousel .carousel-caption .container {
        max-width: 720px;
    }
}

#minimal-bootstrap-carousel .carousel-caption .container .box {
    display: table-cell;
    text-align: left;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-top {
    vertical-align: top;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-bottom {
    vertical-align: bottom;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-middle {
    vertical-align: middle;
}

#minimal-bootstrap-carousel .carousel-caption .container .box .content {
    display: block;
}

#minimal-bootstrap-carousel [class*=carousel-control] {
    background: none;
    width: 50px;
    height: 50px;
    font-size: 36px;
    line-height: 48px;
    color: #fff;
    background-color: transparent;
    visibility: visible !important;
    opacity: 1;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

@media (max-width: 667px) {
    #minimal-bootstrap-carousel [class*=carousel-control] {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 30px;
    }
}

@media (max-width: 480px) {
    #minimal-bootstrap-carousel [class*=carousel-control] {
        width: 40px;
        height: 40px;
        font-size: 17px;
        line-height: 40px;
        background: rgba(255, 255, 255, 0.4);
        color: #000;
    }
	
	.navbar-toggler{
    display:block;
    border: none !important;
}


.nav-toggle {
    transform: inherit;
    position: relative;
    top: -5px;
    left: 5px;
}

.nav-toggle:focus {
  outline-width: 0;
}

.nav-toggle [class*='bar-'] {
    background:#000;
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    border-radius: 33px;
    height: 3px;
    width: 37px;
    margin-bottom: 5px;
    cursor: pointer;
  
}

.nav-toggle .bar-bot {
  margin-bottom: 0;
}

.opened .bar-top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
          transform-origin: 15% 15%;
}
.opened .bar-mid {
  opacity: 0;
}
.opened .bar-bot {
  -webkit-transform: rotate(45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 15% 95%;
          transform-origin: 15% 95%;
}
	
}

#minimal-bootstrap-carousel .carousel-control-prev {
    left: 1%;
}

#minimal-bootstrap-carousel .carousel-control-next {
    right: 1%;
}

#minimal-bootstrap-carousel [class*=carousel-control]:hover {
    opacity: 1;
    background: #FFBA60;
    border-color: #FFBA60;
}

/* BANNER */
/*-- Header Styles --*/
header {
    position: relative;
    background-color: black;
    /* height: 95vh; */
    margin-top: 0px;
    width: 100%;
    color: #fff;
    overflow: hidden;
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.7;
    z-index: 1;
}

header .submit {
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
    display: inline-block;
    border-radius: 4px;
    color: #000;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: #fff !important;
}

header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

header .btn {
    min-width: 160px;
    margin: 20px auto;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    background-color: transparent;
    padding: 0 30px;
    height: 40px;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
    letter-spacing: 2.8px;
    font-weight: 600;
    line-height: 1;
    -webkit-box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 15px 40px -10px rgba(0, 0, 0, 0.3);
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
    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;
    text-align: center;
    border: 0;
}

header .btn span {
    z-index: 1;
    text-align: center;
}

header .btn:before,
header .btn:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color:#283b88;
}

header .btn:before {
    left: 0;
}

header .btn:after {
    right: 0;
}

header .btn:hover {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 20px -12px rgba(0, 0, 0, 0.2);
    letter-spacing: 2px;
    color: white;
}

header .btn:hover:before,
header .btn:hover:after {
    width: 51%;
}

header h1 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 2px;
    text-shadow: 3px 3px 3px #212529;
}

header h6 a {
    border: 2px solid #fff;
    padding: 10px 20px;
    border-radius: 6px;
    margin-bottom: 5px;
    display: inline-block;
}

header .inner-part {
    margin: 0 auto;
    padding-top: 60px;
    text-align: center;
}

header p {
    font-weight: 300;
    line-height: 1.6em;
    font-size: 17px;
    margin: 0 0 1em;
}

header .btn-outline-secondary {
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
    /* margin: 20px 5px 0 0; */
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
    background-color: rgb(26 47 121 / 56%) !important;
}

/*-- SLIDER --*/
#minimal-bootstrap-carousel.slider-home-one .carousel-inner .carousel-item {
    min-height: 500px;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #222;
}


.slider-content-style .content {
    text-align: center;
    position: relative;
    z-index: 999;
}

.slider-content-style .content h3,
.slider-content-style .content h2,
.slider-content-style .content p {
    margin: 0;
}

.slider-content-style .content h3 {
    color: #fff;
    font-size: 100px;
    line-height: 1em;
    font-weight: 600;
    font-family: 'Josefin Sans';
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.slider-content-style .content p {
    font-family: 'Josefin Sans';
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: .150em;
    margin-top: 20px;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.slider-content-style .content a.thm-btn {
    background: #ffba60;
    display: inline-block;
    vertical-align: middle;
    color: #222222;
    font-size: 18px;
    letter-spacing: .1em;
    font-family: 'Josefin Sans';
    font-weight: 600;
    padding: 10px 17px;
    margin-top: 27px;
    transition: all .4s ease;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slider-content-style .content a.thm-btn:hover {
    background: #fff;
}

/*-- Enquiry-Form Section -- */
.enquiry-form {
    width: 100%;
    color: #fff;
}

.enquiry-form h3 {
    font-size: 18px;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-bottom: 15px;
    text-transform: capitalize;
}

.form-control{
    font-size: 12px;
    height:38px;
    padding: 6px .75rem;
    box-shadow:0 0 0 -0.8rem rgba(0,123,255,.25)!important;
}

.enquiry-form .form-control {
    font-size: 14px;
    letter-spacing: 0.3px;
    background-color: #fff;
}

.enquiry-form {
    width: 100%;
    color: #fff;
    padding:50px 0;
    background-color:#000;
}

.enquiry-form .button {
    width: 100%;
    color: #fff;
    height: 37px;
    letter-spacing: 2px;
    font-size: 14px;
    background-color:#283b88;
    text-transform: uppercase;
    border: 1px solid #ffffff8c;
}

.enquiry-form button:hover {
    background-color:#283b88;
    text-transform: uppercase;
    border: 1px solid #ffffff8c;
}

.enquiry-form .custom-select {
    height: 35px;
    font-size: 14px;
}


/*-- awards page --*/

/*-- Gallery --*/
      .awards {
         width: 100%;
         padding: 50px 0 80px;
      }

      .awards-banner img {
         width: 100%;
         object-fit: cover;
      }

      .awards .heading {
         text-align: center;
      }



      .awards .gallery-model {
         background-color: #000000;
         position: relative;
         margin-bottom: 30px;
      }

      .awards .gallery-model:after {
         background-color: rgba(0, 0, 0, .7);
         position: absolute;
         top: 0;
         left: -30%;
         bottom: 0;
         right: 70%;
         transform: skew(20deg) translateX(-75%)
      }

      .awards .gallery-model:hover:after {
         transform: skew(20deg) translateX(0)
      }

      .awards .gallery-model img {
         width: 100%;
         object-fit: cover;
         height: auto;
      }

      .awards .gallery-model:hover img {
         opacity: .5;
      }

      .awards .gallery-model .box-content {
         position: absolute;
         top: 40%;
         right: 45%;
         z-index: 1;
      }

      .awards .gallery-model .icon {
         padding: 0;
         list-style: none
      }


      .awards .gallery-model .icon li a {
         text-align: center
      }

      .awards .gallery-model .title {
         font-size: 20px;
         font-weight: 900;
         color: #fff;
         margin: 0 0 10px;
         transform: scale(0)
      }

      .awards .gallery-model:hover .title {
         transform: scale(1)
      }

      .awards .gallery-model .icon li,
      .awards .gallery-model .post {
         opacity: 0;
         transform: translateX(40px);
         transition: all .35s ease 0s
      }

      .awards .gallery-model .post {
         display: block;
         font-size: 14px;
         color: #fff;
         margin-bottom: 5px
      }

      .gallery .gallery-model .icon {
         display: inline-block;
         margin: 0
      }

      .awards .gallery-model:hover .icon li,
      .awards .gallery-model:hover .post {
         opacity: 1;
         transform: translateX(0)
      }

      .awards .gallery-model:hover .icon li:first-child {
         transition-delay: .1s;
      }

      .awards .gallery-model:hover .icon li:nth-child(2) {
         transition-delay: .2s;
      }

      .awards .gallery-model .icon li a {
         display: block;
         width: 35px;
         height: 35px;
         line-height: 35px;
         background-color: #ffffff;
         font-size: 18px;
         color: #605f5f;
         transition: all .35s ease;
         border-radius: 50%;

      }

      .awards .gallery-model .icon li a:hover {
         background-color: #605f5f94;
         color: #ffffff;
      }

      @media only screen and (max-width:990px) {
         .awards .gallery-model {
            margin-bottom: 30px;
         }
      }



/*-- Services Section -- */
.services {
    max-width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom:30px;
    /*z-index: 99;*/
    position: relative;
}

.services h3 {
    color: #15151e;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.services img {
    max-width: 100px;
    height: 40px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    margin-bottom: 15px;
}

.services .inner-part {
    background-color: #fff;
    border-radius: 6px;
    padding: 15px 15px;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16), 0 0px 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .16), 0 0px 2px 0 rgba(0, 0, 0, .12);
}

.services .inner-part:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.available-services {
    padding-bottom:25px;
}

.available-services figure {
    margin-bottom: 20px;
}

/*-- Services section end --*/

/*-- Nexaproducts Section 
------------------------------- */
.nexaproducts {
    margin-bottom:20px;
    padding-top: 60px;
}

.nexaproducts .title h2,
.testimonials .title h2,
.services-section .title h2,
.blog .title h2,
.locater .title h2,
.products-page .title h2,.nexacars .title h2 {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 45px;
    color: #000;
    font-weight: 700;
    letter-spacing: 2px;
    padding-bottom: 10px;
}

.nexaproducts .title h5,
.testimonials .title h5,
.services-section h5,
.blog .title h5,
.locater .title h5,
.products-page .title h5,.nexacars .title h5 {
    font-weight: 700;
    /*font-variant: small-caps;*/
    font-size: 20px;
    color: #000000;
    letter-spacing: 3px;
    line-height: 25px;
    position: relative;
    padding-bottom: 14px;
}

.nexaproducts .title hr,
.testimonials .title hr,
.services-section .title hr,
.blog .title hr,
.locater .title hr,
.products-page .title hr,.nexacars .title hr {
    margin-top: 0;
    border: 0;
    border-top: 3px solid rgba(0, 0, 0, .1);
    border-color: #000;
    max-width: 12%;
    margin-bottom: 5px;
}

.nexaproducts .title p,
.testimonials .title p,
.services-section .title p,
.blog .title p,
.locater .title p,
.products-page .title p,.nexacars .title p {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    line-height: 24px;
    width: 70%;
    padding-top: 10px;
    padding-bottom:10px;
    margin: 0 auto;
}

.nexaproducts .zoom-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.nexaproducts .zoom-img img:hover {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}


.nexaproducts a {
    text-decoration: none;
    color: #000;
}

.nexaproducts .zoom-img {
    position: relative;
    text-align: center;
    overflow: hidden;
    background-color: #eee;
}

.nexaproducts .brandlogo {
    margin-bottom: 25px;
}

.nexaproducts .brandlogo img {
    max-width: 100%;
    object-fit: cover;
}

.nexaproducts .brandlogo span {
    display: inline-block;
}

.nexaproducts .brochure {
    float: right;
}

.nexaproducts .brochure a {
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.nexaproducts .brochure a i {
    font-size: 13px;
    color: #000000;
    margin-right: 5px;
    /*            vertical-align: middle;*/
}

.nexaproducts .brochure span:hover i {
    top: -5px;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.nexaproducts .bottom a {
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    color: #000000;
    padding: 8px;
    width: 48%;
    text-transform: uppercase;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    border:1px solid #283b88;
    border-radius: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    display: inline-block;
}

.nexaproducts .bottom .explore {
    background-color:#283b88;
    color: #ffffff;
}

.nexaproducts .bottom .view {
}

.nexaproducts .bottom .view:hover {
    background-color:#373737;
    color: #ffffff;
}

.nexaproducts .bottom a:hover {
    background-color: #ffffff;
    color: #000000;
}

.nexaproducts .inside {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.nexaproducts figure {
    margin: 0;
}

.nexaproducts figcaption {
    padding: 20px;
}

.nexaproducts .inside .price {
    position: absolute;
    top: 13px;
    left: 13px;
    z-index: 99;
    text-align: left;
}

.nexaproducts .inside .price span {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
}

.nexaproducts .inside .price h6 {
    font-size: 13px;
    color: #999999;
    margin: 0;
}

.nexaproducts .zoom-img .slider {
    position: absolute;
    /*            display: block;*/
    left: 0;
    margin: 0 auto;
    height: 2px;
    background-color:#283b88;
    width: 0%;
    transition: width 1s ease;
}

.nexaproducts .zoom-img a {
    position: relative;
    display: inline-block;
    transition: all 0.3s ease-out;
}

.nexaproducts .zoom-img a:hover .slider {
    width: 100%;
}

.nexaproducts .zoom-img a:hover span {
    color: #000000;
}

/*-- Nexaproducts section end --*/

.heading-coming-soon{
        color: #2c9505;
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
}
/*-- locator section start --*/
.locater {
    padding:30px 0 30px;
}

.locater .title {
    text-align: center;
    padding-bottom: 20px;
}

.locater img {
    width: 100%;
    padding-top: 40px;
    object-fit: cover;
}

.locater .locater-blocks {
    width: 100%;
    color: #15151e;
    height: 100%;
    background-color:#f6f7f2;
    color: #000;
    border: 1px solid #dedede;
}

.locater .locater-blocks figure {
    margin: 0;
}

.locater .locater-blocks figcaption {
    padding: 30px 40px;
}

.locater .locater-blocks h3 {
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 500;
    padding-bottom: 10px;
    font-variant: small-caps;
}

.locater .locater-blocks address {
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 24px;
}

.locater .locater-blocks i {
    font-weight: 500;
    margin-right: 7px;
}

.locater .locater-blocks p {
    font-size: 15px;
    padding-bottom: 8px;
}

.locater .locater-blocks .direction a:hover {
    text-decoration: underline;
}

/*-- locator end*/

/*-- blog section --*/

.blog {
    text-align: center;
    padding: 0 0 80px;
}

.blog .thumbnail {
    height: 100%;
}

.blog .title {
    padding-bottom: 20px;
}

.blog .blog-post {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.blog .blog-post:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0.6);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .5s ease 0s;
}

.blog .blog-post:hover:after {
    opacity: 1
}

.blog .blog-post figure {
    margin: 0;
}

select.form-control:not([size]):not([multiple]) {
    height: 38px !important;
}

.blog .blog-post img {
    width: 100%;
    height: 211px;
    object-fit: cover;
    transition: all 1.5s ease 0s;
}

.blog .blog-post .blog-content,
.blog .blog-post .icon li a {
    position: absolute;
    transition: all .6s ease 0s
}

.blog .blog-post:hover img {
    transform: scale(1.2);
}

.blog .blog-post .blog-content {
    width: 100%;
    padding: 81px 20px;
    background: rgba(0, 0, 0, .1);
    left: 0;
    z-index: 1;
    transition: all .5s ease 0s;
}

.blog .blog-post:hover .blog-content {
    bottom: 0
}

.blog .blog-post .title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-top: 0
}

.blog .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog .aside .inner-post {
    margin-bottom: 20px;
}

.blog .post-content {
    text-align: left;
    margin-left: -10px;
}

.blog .post-content a {
    font-size: 22px;
    display: inline-block;
    padding-bottom: 8px;
    color: #15151e;
    font-variant: small-caps;
    font-weight: 500;
    line-height: 28px;
}

.blog .post-content .text {
    font-size: 14px;
    color: #15151e;
}

@media only screen and (max-width:990px) {
    .blog .blog-post {
        margin-bottom: 30px
    }
}

/*-- blog end --*/

/*-- home-Newsletter  --*/
.home-newsletter {
    background: url(https://images-saboomaruti-in.s3.ap-south-1.amazonaws.com/bg-team.webp) top fixed;
    background-size: 100% !important;
    position: relative;
    padding: 60px 0 60px 0;
}

.home-newsletter .single {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.sep-background-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .9;
    z-index: 1;
}

.home-newsletter .single h2 {
    font-size: 24px;
    letter-spacing: 1px;
    color: white;
    text-transform: capitalize;
    margin-bottom: 40px;
    font-variant: small-caps;
}

.home-newsletter .single .form-control {
    height: 50px;
    border: none;
    background-color: #eeeeee;
    border-color: transparent;
    border-radius: 4px 0 0 4px;
}

.home-newsletter .single .form-control:focus {
    box-shadow: none;
    border-color: #243c4f;
}

.home-newsletter .single .btn {
    min-height: 50px;
    border-radius: 0 4px 4px 0;
    background:#283b88;
    color: #fff;
}

/*-- Testimonial --*/
.testimonials {
    padding: 40px 0;
    color: #434343;
    text-align: center;
}

.testimonial-inner {
    margin: auto;
    overflow: hidden;
    padding: 10px 20px;
}

.testimonial p {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.3px;
}

.border {
    width: 160px;
    height: 5px;
    background: #6ab04c;
    margin: 26px auto;
}

.testimonial .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.testimonial .col {
    flex: 33.33%;
    max-width: 33.33%;
    box-sizing: border-box;
    padding: 15px;
}

.testimonial {
    height: 100%;
    padding: 30px;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
}

.testimonial img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.name {
    font-size: 20px;
    text-transform: uppercase;
    margin: 20px 0 0;
}

.stars {
    color: #f0932b;
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
    .col {
        flex: 100%;
        max-width: 80%;
        margin: 0 auto;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 480px) {
    .col {
        flex: 100%;
        max-width: 100%;
        padding-bottom: 20px;
    }
}

/*-- about section --*/

.about-us {
    margin: 70px 0 100px;
}

.about-us h2 {
    text-align: center;
    margin-bottom: 150px;
    font-size: 40px;
    color: #151515;
    font-weight: 500;
}

.about-us .about-sec {
    background-color: #f1f1f1;
    padding: 40px;
    margin-bottom: 115px;
}

.about-us .about-sec figure {
    position: relative;
    margin: -100px 0 0;
}

.about-us .about-sec figure img {
    width: 100%;
    object-fit: cover;
}

.about-us-banner figure {
    margin: 0;
}

.about-us-banner img {
    width: 100%;
    object-fit: cover;
}

.container-fluid {
    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
}

.about-us .about-sec p {
    font-size: 15px;
    color: #15151e;
    line-height: 23px;
    letter-spacing: 0.2px;
    text-align: justify;
}

/*-- about end --*/

/*-- Terms of use section
------------------------------ */
.terms-of-use .content {
    text-align: left;
    margin: 80px 0 200px;
}

.terms-of-use .content h2 {
    color: #000;
    font-size: 22px;
    text-align: left;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 1px;
    padding-bottom: 30px;
}

.terms-of-use .content h3 {
    font-size: 14px;
    color: #000;
    letter-spacing: 0.5px;
    line-height: 25px;
    font-weight: 700;
    margin: 0;
    padding: 10px 0 10px;
    text-transform: capitalize;
}

.terms-of-use .content p {
    font-size: 14px;
    color: #666666;
    font-weight: 400;
    margin: 0;
    text-align: justify;
    padding-bottom: 15px;
}

/*-- Contact-us section
----------------------------*/

.contact-us {
    width: 100%;
    height: auto;
    padding: 80px 0;
    background-color:#000;
    text-align:center;
}

.contact-us h1 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 36px;
    color: #ffffff !important;
    letter-spacing: 1px;
}

.contact-main {
    margin-bottom: 50px;
}

.contact-main .nav-pills-custom .nav-link {
    font-size: 14px;
    display: table-cell;
    padding: 4px 30px 4px;
    color: #000;
    line-height: inherit;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    font-weight: 400;
    border-radius: 0;
    display: flex;
    background-color:#efefef;
}

.contact-main .nav-pills-custom .nav-link i {
    margin-right: 5px;
    margin-top: 2px;
}

.contact-main .nav-pills-custom .nav-link:hover {
    color: #fff;
    background-color:#283b88 !important;
}

.contact-main .nav-pills-custom .nav-link.active {
    background-color:#283b88;
    color: #ffffff;
}

.contact-main .tab-content > .active {
    transition: 0.5s;
}

.contact-main .nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

.contact-main .tab-content .has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    color: #000000e6;
}

.contact-main textarea {
    overflow: auto;
    resize: vertical;
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    height: 38px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.contact-main .tab-content .custom-select {
    font-size: small;
}

.contact-main .tab-content .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

.contact-main .tab-content .declaimer {
    color: #666;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    padding-right: 5px;
}

.contact-main .tab-content h3 {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #15151e;
    font-weight: 400;
}

.contact-main .tab-content h4 {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    margin: 0;
}

.contact-main .tab-content p,
.contact-main .tab-content span {
    font-size: 13px;
    color: #666666;
}

.contact-main label {
    padding: 0 5px;
}

.contact-main .tab-content .zcwf_button {
    font-size: 14px;
    background-color: rgb(21 21 30) !important;
    border-radius: 5px;
    padding: 10px 50px;
    letter-spacing: 0.5px;
    border: 0;
    text-transform: uppercase;
    color: #ffffff;
}

.contact-main .btn.focus,
.contact-main .btn:focus,
.contact-main .btn.active,
.contact-main .btnactive,
.contact-main .btn-primary:not(:disabled):not(.disabled).active:focus,
.contact-main .btn-primary:not(:disabled):not(.disabled):active:focus,
.contact-main .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.contact-main .form-control:focus,
.contact-main .custom-select:focus,
.contact-main .textarea:focus {
    box-shadow: 0 0 0 0.1rem rgb(0 123 255 / 5%);
}

.contact-main textarea:focus {
    outline: none;
}

.contact-us .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
}

/*-- testimonials section
------------------------------*/

.testimonial-header,
.faq-title,
.terms-of-use .top-title {
    background-color:#373737;
    padding: 60px 0;
    color: #ffffff;
    text-align: center;
}

.testimonial-header h1,
.faq-title h1,
.terms-of-use .top-title h1 {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 34px;
}

.testimonial-header p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.testimonials-description {
    padding: 50px 0 150px;
}

.testimonials-description .inner {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    box-shadow: 0px 0px 15px 3px rgb(0 0 0 / 21%);
    padding: 40px;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 15px;
}

.testimonials-description .inner i {
            display: inline-block;
            border-radius: 50%;
            color: #dedede;
            right: 20px;
            bottom: 0;
            opacity: 0.3;
            position: absolute;
            font-size: 60px;
        }
        
.testimonials-description .inner p,
.testimonials-description .inner span {
    font-weight: 500;
    font-style: italic;
    font-size: 15px;
    color: #464646;
    line-height: 25px;
}

.testimonials-description .inner p {
    padding-bottom: 20px;
}

.testimonials-description .inner span {
    font-weight: 600;
    color:#283b88;
}

.testimonials-description .heading {
    text-align: center;
    padding: 60px 0;

}

.testimonials-description .heading h2 {
    font-weight: 700;
    font-size: 35px;
    color: #333 !important;
}

/*-- single-product section
---------------------------------*/


.single-product .carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .8s;
    transition: all ease 0.8s;
}

.single-product .carousel-fade .carousel-item.active,
.single-product .carousel-fade .carousel-item-next.carousel-item-left,
.single-product .carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.single-product .carousel-fade .active.carousel-item-left,
.single-product .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.single-product .carousel-fade .carousel-item-next,
.single-product .carousel-fade .carousel-item-prev,
.single-product .carousel-fade .carousel-item.active,
.single-product .carousel-fade .active.carousel-item-left,
.single-product .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}


.single-product {
    width: 100%;
    height: auto;
    min-height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 40px 0;
}
.single-product .logo{
    width:100%;
    object-fit: scale-down;
}



.xl6 {
    /*background-image: url('../images/cars-page-top-banner.jpg');*/
    background-color:#fff;
}


.single-product .carousel-control-next,
.single-product .carousel-control-prev {
    display: none;
}

.single-product .carousel-indicators li {
    width: 25px;
    height: 25px;
    text-indent: inherit;
    border: 1px solid #ccc;
}

.single-product .carousel-indicators .active {
    border:2px solid #6f6f6f;
}

      .ignis .carousel-indicators li:nth-of-type(7),
      .view-colors .model-color .carousel-indicators li:nth-of-type(7) {
         background-image: url(../../images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Ignis/colors/nexa-orange-with-black-roof.jpg);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center center;
      }


      .ignis .carousel-indicators li:nth-of-type(8),
      .view-colors .model-color .carousel-indicators li:nth-of-type(8) {
         background-image: url(../../images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Ignis/colors/nexa-blue-with-sivler-roof.jpg);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center center;
      }


      .ignis .carousel-indicators li:last-child,
      .view-colors .model-color .carousel-indicators li:last-child {
         background-image: url(../../images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Ignis/colors/nexa-blue-with-black-roof.jpg);
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center center;
      }





.single-product .carousel-indicators .active .color-dot {
    display: block;
    color: #000000;
    font-size: 12px;
    width: 130px;
    font-weight: 500;
    margin-top: 35px;
    margin-left: -18px;
    letter-spacing: 1px;
    text-shadow: 0px 1px 1px black;
}

.single-product .carousel-indicators .color-dot {
    display: none;
}

.single-product .carousel-indicators {
    position: inherit;
    bottom: 0;
}

.single-product .carousel-indicators .toggle {
    display: none;
}

.single-product .carousel-indicators .active .toggle {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}

/*-- Specifications Section --*/
.specifications {
    width: 100%;
    padding: 50px 0;
}

.specifications-tabs {
    background-color: #222326;
}

.specifications .specifications-tabs .title {
    text-align: left;
    text-decoration: none;
    font-weight: 500;
    text-transform: capitalize;
    padding: 15px;
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    background: #000000;
    border-bottom: 2px solid #ffffff;
    letter-spacing: 1px;
}

.specifications .nav {
    width: 100%;
    white-space: nowrap;
    display: block;
    overflow: auto;
    overflow-y: hidden;
    background-color: #e5e5e5;
}

.specifications .nav-pills .nav-link {
    color: #c5c8d4;
}

.specifications .nav-pills-custom .nav-link {
    font-size: 14px;
    display: table-cell;
    color: #000000;
    line-height: inherit;
    vertical-align: middle;
    text-decoration: none;
    position: relative;
    font-weight: 700;
    border-radius: 0;
    display: flex;
    padding: 15px;
    height: 53px;
    border-bottom: 2px solid #fff;
}

.specifications .table td {
    text-align: center;
}

.specifications .table .thead-dark th {
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0.5px;
    background-color: #000000;
    border-color: #e5e5e5;
        vertical-align: top;
}

.specifications .tab-content .table-responsive .table-left td {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.specifications .tab-content .table-responsive .table-left th {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.specifications .table-striped tbody tr:nth-of-type(even) {
    background-color: rgb(0 0 0 / 10%);
}

.specifications .tab-content .title-small span {
    font-size: 18px;
    text-transform: capitalize;
    background: #000000;
    color: #fff;
    padding: 10px 30px 10px 10px;
    display: inline-block;
    width: auto;
    float: left;
    height: 47px;
}

.specifications .tab-content .title-small .triangle {
    border-bottom: 47px solid #000000;
    border-right: 47px solid transparent;
    float: left;
}

.specifications .table {
    background-color: transparent;
    margin: 0 0 5px;
}

.specifications .specs-remark {
    padding: 10px;
    font-size: 12px;
    background-color: #000000e0;
    color: #fff;
}

.specifications .nav-pills-custom .nav-link i {
    margin-right: 10px;
    margin-top: 3px;
}

.specifications .nav-pills-custom .nav-link.active {
    background-color: rgb(0 0 0 / 20%);
}

.specifications .tab-content > .active {
    transition: 0.5s;
}

.specifications .nav-pills-custom .nav-link.active::before {
    opacity: 1;
}

.specifications .tab-content .declaimer {
    color: #c5c8d4;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
}

.specifications .tab-content h3 {
    font-size: 22px;
    padding-bottom: 35px;
    color: #666666;
    font-weight: 400;
    line-height: 25px;
}

.specifications .tab-content h4 {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    margin: 0;
}

.specifications .tab-content span {
    text-transform: lowercase;
}

.specifications .brochure {
    background-color: #000000;
    float: left;
    border: 2px solid #000000;
    margin-top: 40px;
    margin-right: 10px;
}

.specifications .brochure i {
    color: #fff;
    padding: 8px;
    transition: all ease 0.6s;
}

.specifications .brochure a {
    font-size: 16px;
    text-align: center;
    display: inline-block;
    background-color: #ffffff;
    color: #15151e;
    padding: 6px 10px;
    transition: all ease 0.6s;
}

.specifications .brochure a:hover {
    background-color: #15151e;
    color: #fff;
}

/*-- top to bottom button styles --*/


#myBtn {
    display: none !important;
    position: fixed;
    bottom:20px;
    right: 90px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.7s;
}

.car-models {
    background-color:#373737;
    padding: 25px 0;
    box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.3);
}

.car-models .aside {
    text-align: center;
}

.car-models .custom-select {
    background-color: transparent;
    border-bottom: 2px solid font-size: 15px;
    padding: 5px;
    color: #6c757d;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: 0.6s;
    font-weight: 500;
    margin-bottom: 25px;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #000000;
    background-color: #e5e5e5;
}

.car-models form {
    width: 100%;
    margin: 0 auto;
}

.car-models form p {
font-size: 15px;
    padding: 0;
    color: #3ed410;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: 0.6s;
    font-weight: 500;
}

.car-models .aside h3 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #fff;
    line-height: 30px;
}

.car-models .aside strong {
    font-size: 23px;
    line-height: 30px;
    letter-spacing: 2px;
    color: #ffffff;
}

.car-models .aside span {
    font-size: 17px;
    color: #afaeaf;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/*-- single-page section --*/

.view-car-tabs{
	position:relative;
	padding:100px 0 20px;
	width:100%;
}

.view-car {
    position: relative;
}

.view-car-tabs .nav-tabs {
    justify-content: center;
    border: 0;
    padding-bottom:10px;
}

.view-car-tabs .nav-tabs .nav-link {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    background-color: #15151e;
    border: 1px solid #15151e;
    color: #ffffff;
    padding: 7px 16px;
}

.view-car-tabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #283b88;
    border: 1px solid #283b88;
}

.view-car-tabs .nav-tabs .nav-item {
    margin: 0 1px;
}

.view-car #pdtViewer img {
    border: 0;
}

.specifications {
    margin-bottom: 50px;
}

.specifications .title-small-inner strong {
    line-height: 45px;
}

.specifications .table-responsive {
    overflow: auto;
}

.specifications a img {
    width: 9%;
    object-fit: contain;
    margin-right: 10px;
}

.exterior .carousel-item img,
.interior .carousel-item img {
    height: auto;
    object-fit: cover;
}

.exterior .carousel-indicators,
.interior .carousel-indicators {
    bottom: 100px;
}

.exterior .carousel-indicators li,
.interior .carousel-indicators li {
    width: 100%;
}

.exterior .carousel-indicators li img,
.interior .carousel-indicators li img {
    height: auto;
    object-fit: cover;
    border: 1px solid #fff;
}

.model-color .carousel-indicators {
    position: initial;
}

.model-color .carousel-indicators li {
    width: 23px;
    height: 25px;
    border-radius: 4px;
    border: 1px solid rgb(21 21 30 / 13%);
}

.model-color figcaption {
    text-align: center;
}

.model-color figcaption p {
    font-size: 20px;
    font-weight: 600;
    color: #15151e;
    padding: 10px 0 0;
}

.single-product .buttonDownload {
    background-color: #000;
    border: none;
    color: white;
    padding: 10px 15px;
    letter-spacing: 1px;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
    text-transform: capitalize;
    float: right;
}

.register-interest-form {
    background-image: url(https://images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Maruti-Suzuki-Nexa-lines-background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100;
    padding: 40px 0;
    background-color: #15151e;
}

.register-interest-form h1 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 30px;
}

.register-interest-form .form-control {
    font-size: smaller;
    margin-bottom: 15px;
}

.register-interest-form .custom-select {
    height: auto !important;
}

.register-interest-form .form-group {
    margin: 0;
}

.register-interest-form .btn {
    padding: 10px 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #fff;
    transition: all 0.6s;
    font-family: "Fira Sans", sans-serif;
}

.register-interest-form .btn:hover {
    background-color: #fff;
    color: #000;
    transition: all 0.6s;
}

.register-interest-form p,
.register-interest-form .declaimer {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #999999;
    font-weight: 400;
}

.singlepage-brochure {
    margin-bottom: 200px;
}

.singlepage-brochure .about-brochure {
    align-items: center;
}

.singlepage-brochure .brochure-dec {
    width: 75%;
    margin-left: 40px;
}

.singlepage-brochure .brochure-side {
    text-align: right;
    width: 75%;
    margin-left: 120px;

}

.singlepage-brochure .about-brochure h3 {
    font-size: 34px;
    color: #15151e;
    text-transform: capitalize;
    padding-bottom: 10px;
    font-weight: 600;
}

.singlepage-brochure .about-brochure p {
    font-size: 16px;
    color: #3a3939;
    padding-top: 15px;
}

.singlepage-brochure .about-brochure .text {
    padding-top: 0;
}

.singlepage-brochure .inner-side {
    padding-right: 0;
}

.singlepage-brochure .inner-aside {
    padding-left: 0;
}

figure {
    margin: 0;
}

.singlepage-brochure figure img {
    width: 100%;
    object-fit: cover;
}

.singlepage-brochure hr {
    margin: 0 0 10px;
    background-color: #000;
    width: 15%;
    height: 3px;
    border-radius: 10px;
}

.singlepage-brochure .brochure-side hr {
    float: right;
}

.singlepage-brochure .zoom-img {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.singlepage-brochure .zoom-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all 2s 0s ease;
    -moz-transition: all 2s 0s ease;
    -webkit-transition: all 2s 0s ease;
}

.singlepage-brochure .zoom-img img:hover {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: all 2s 0s ease;
}

/*-- single-page section end --*/



/*-- book a test drive --*/

.book-a-drive-title {
    width: 100%;
    background-color: #15151e;
    padding: 60px 0;
    text-align: center;
}

.book-a-drive-title h1 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 33px;
    color: #ffffff !important;
    letter-spacing: 1px;
}

.test-drive-form {
    margin-top: 30px;
    margin-bottom: 150px;
}

.test-drive-form .has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    color: #000000e6;
}

.test-drive-form .custom-select {
    font-size: small;
}

.test-drive-form .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

.test-drive-form .declaimer {
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
    padding-top: 20px;
    color: #212529;
    text-align: left;
}

.test-drive-form h3 {
    font-size: 22px;
    padding-bottom: 35px;
    color: #666666;
    font-weight: 400;
    line-height: 25px;
}

.test-drive-form h4 {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    margin: 0;
}

.test-drive-form p,
.test-drive-form span {
    font-size: 13px;
    letter-spacing:0.3px;
    color: #666666;
    line-height: 25px;
    font-weight: 500;
}

.test-drive-form .zcwf_row .btn{
    background-color: #000000 !important;
    border-color: #000000;
    border-radius: 0;
    padding: 10px 24px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
}

.test-drive-form .zcwf_row {
    text-align: center;
    margin: 0 auto;
}

.test-drive-form .zcwf_button {
    font-size: 14px;
    background-color: rgb(102, 102, 102) !important;
    border-radius: 5px;
    padding: 9px 77px;
    border: 0;
    text-transform: uppercase;
    color: #000000;
}

.test-drive-form .btn.focus,
.test-drive-form .btn:focus,
.test-drive-form .btn.active,
.test-drive-form .btnactive,
.test-drive-form .btn-primary:not(:disabled):not(.disabled).active:focus,
.test-drive-form .btn-primary:not(:disabled):not(.disabled):active:focus,
.test-drive-form .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.test-drive-form .form-control:focus,
.test-drive-form .custom-select:focus,
.test-drive-form .textarea:focus {
    box-shadow: none;
}

/*-- book a test drive end --*/

/*-- suzuki-connect --*/

.suzuki-connect {
    background-color: #15151e;
    color: #ffffff;
    padding-top: 30px;
}

.suzuki-connect figure {
    width: 80%;
    margin: 0 auto;
}

.suzuki-connect img {
    width: 100%;
    object-fit: cover;
}

.suzuki-connect .logo {
    width: auto;
    object-fit: cover;
}

.suzuki-connect figure {
    margin: 0;
}

.suzuki-connect p {
    font-size: 15px;
    padding: 15px 0 20px;
    width: 85%;
}

.suzuki-connect a {
    border: 1px solid #ffffff;
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    transition: 0.6s;
}

.suzuki-connect a:hover {
    background-color: #ffffff;
    color: #15151e;
}

.new-features {
    padding: 50px 0;
    text-align: center;
}

.new-features h4 {
    font-size: 18px;
    font-weight: 400;
    text-shadow: 0px 0px 2px #f8f9fa;
}

.new-features i {
    font-size: 40px;
    margin-bottom: 15px;
}


.suzuki-best-connections {
    background-image: url(../../images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Suzuki-Connect/Phone-vehicle-tracking-BG.jpg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    color: #ffffff;
    padding: 50px 0;
}

.suzuki-best-connections h2 {
    font-size: 45px;
    text-transform: uppercase;
    padding-bottom: 50px;
    font-weight: 400;
}

// FAQ
.faq-nav {
    flex-direction: column;
    margin: 0 0 32px;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

.faq-nav .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: rgb(0 0 0 / 45%);
}

.faq-nav .nav-link {
    position: relative;
    display: block;
    margin: 0;
    padding: 13px 16px;
    border: 0;
    border-radius: 0;
    color: #ffffff;
    transition: background-color .2s ease;
}

.faq-nav .nav-link &:hover {
    background-color: #f6f6f6;
}

.faq-nav .nav-link &.active {
    background-color: #f6f6f6;
    font-weight: 700;
    color: rgba(0, 0, 0, .87);
}

.faq-nav .nav-link &:last-of-type {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom: 0;
}

.faq-nav .nav-link i.mdi {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
}



// TAB CONTENT
.tab-content {
    box-shadow: 0 1px 5px rgba(85, 85, 85, 0.15);
}

.tab-content .card {
    border-radius: 0;
    background-color: unset;
    color: #ffffff;
}

.tab-content .card .card-header {
    padding: 15px 16px;
    border-radius: 0;
    background-color: unset;
}

.tab-content .card h5 {
    margin: 0;
}

.tab-content .card button {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    white-space: normal;
    text-transform: uppercase;
}

.tab-content .card button .card &:hover,
.tab-content .card button &:focus,
.tab-content .card button &:active,
.tab-content .card button &:hover:active {
    text-decoration: none;
}

.card-body &:last-of-type {
    margin: 0;
}

// BORDER FIX
.accordion {
    > .card {
        &:not(:first-child) {
            border-top: 0;
        }
    }
}

.suzuki-best-connections .card-body p {
    color: #cccccc;
    font-size: 14px;
}

.collapse.show .card-body {
    border-bottom: 0;
}

.connect-app {
    padding: 70px 0;
}

.connect-app figure {
    margin: 0;
}

.connect-app figure img {
    width: 100%;
    object-fit: cover;
}

.connect-app a {
    margin-right: 10px;
}

.connect-app h2 {
    font-size: 35px;
    color: #15151e;
    padding-bottom: 10px;
}

.connect-app p,
.connect-app span {
    font-size: 16px;
    color: #666666;
    padding-bottom: 20px;
}

.connect-app span {
    font-size: 15px;
    padding-bottom: 20px;
}

.connect-app ul {
    margin: 0;
    padding: 5px 0 25px 20px;
}

.connect-app ul li {
    font-size: 15px;
    color: #666666;
    list-style: disc;
    padding-bottom: 0;
}

.register-form {
    padding: 40px 0 60px;
    background-color: #fff;
    margin-bottom: 150px;
}

.register-form h3 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px;
}

.register-form .form-row > .col {
    padding-bottom: 15px;
}

.register-form .form-control {
    font-size: smaller;
}

.register-form .custom-select {
    height: auto !important;
}

.register-form .form-group {
    margin: 0;
}

.register-form .btn {
    padding: 5px 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
    border: 1px solid #999;
    transition: all 0.6s;
}

.register-form .btn:hover {
    background-color: #fff;
    color: #000;
    transition: all 0.6s;
}

.register-form p,
.register-form .declaimer {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #525252;
    font-weight: 400;
}

.register-form .text {
    padding-bottom: 50px;
    text-align: center;
}

/*-- suzuki-connect end --*/

/*-- book service section --*/

.book-service-banner img {
    width: 100%;
    object-fit: cover;
}

.service-form {
    padding: 0 0 100px;
}

.service-form .custom-select {
    font-size: 14px;
}

.service-form .form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5);
}

.service-form .has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    color: #000000;
}

.service-form .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

.service-form .input-group-text {
    color: #000a5d;
    font-weight: 500;
    font-size: 14px;
}

.service-form h3 {
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0 30px;
}

.service-form .btn-primary,
.service-form .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    padding: 6px 24px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-form .custom-file-label::after {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.service-form #calculate-loan td {
    padding-bottom: 7px;
}

.service-form p {
    font-size: 14px;
    padding: 5px 0 15px;
    font-weight: 400;
    color: #4f4f4f;
}

.service-form .pick-button {
    margin: 10px 0 10px 10px;
    padding: 3px 0 0;
}

.service-form .heading {
    text-align: center;
    margin: 50px 0;
}

.service-banner img {
    width: 100%;
    object-fit:cover;
}

.service-form .heading h2 {
    color: #dc3545;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

/*-- book service end --*/

/*-- faq section --*/

/*-- FAQ Page --*/
#faq {
    margin: 50px 0;
}

.faq-banner img {
    width: 100%;
    object-fit: cover;
}

.faq {
    margin: 60px 0 200px;
}

.faq .heading {
    text-align: center;
    margin-bottom: 70px;
}

.faq .heading h2 {
    color: #dc3545;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

#faq .card {
    margin-bottom: 10px;
    border: 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0px 2px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .16), 0px 2px 5px 0 rgba(0, 0, 0, .12);
}

#faq .card p {
    font-size: 16px;
    color: #15151e;
    margin: 0;
}

#faq .card .card-header {
    border: 0;
    padding: 0;
}

#faq .card .card-header .btn-header-link {
    color: #000;
    font-weight: 600;
    display: block;
    text-align: left;
    white-space: initial;
    padding: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-right: 20px;
}

#faq .badge-info {
    background-color: #000;
    padding: .4em .9em .3em;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

#faq .card-body {
    color: #4b4b4b;
}

#faq .card .card-header .btn-header-link:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-weight: 900;
    float: right;
}

#faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f077";
}

#faq .card .collapsing {
    line-height: 30px;
}

#faq .card .collapse {
    border: 0;
}

#faq .card .collapse.show {
    background: #fff;
    line-height: 30px;
    color: #222;
}

/*-- faq section end --*/


/*-- accessories section --*/
        .nexa-accessories-banner img,
        .nexa-allcars img {
            width: 100%;
            object-fit: cover;
        }
        
        .nexa-accessories .card-img-top {
            object-fit: cover;
        }

        .nexa-top {
            padding-top:70px;
            padding-bottom: 70px;
            text-align: center;
        }

        .nexa-top .content {
            margin: 0 auto;
        }

        .nexa-top .content h2 {
            padding-bottom: 15px;
        }

        .nexa-top .content p {
            font-size: 16px;
            color: #000000;
            line-height: 24px;
        }

        .nexa-accessories {
            padding-bottom: 100px;
        }

        .nexa-accessories .title,
        .accessories-form .title {
            padding-bottom:45px;
            text-align: center;
        }

        .nexa-allcars .title {
            text-align: center;
        }

        .nexa-accessories .title h2,
        .accessories-form .title h2,
        .nexa-allcars .title h2,
        .nexa-top .content h2 {
            font-size: 24px;
            text-transform: uppercase;
            font-weight: 500;
            color: #000000;
        }

        .nexa-accessories .card .card-body {
            width: 100%;
            color: #ffffff;
            text-transform: uppercase;
            bottom: 0;
            background-color: #fff;
        }

        .nexa-accessories .card .card-body h4 {
               text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #283b88;
        }

        .nexa-accessories .owl-nav {
            text-align: center;
            padding: 40px 0 25px;
        }

        .nexa-accessories .owl-carousel .owl-nav button.owl-next,
        .nexa-accessories .owl-carousel .owl-nav button.owl-prev {
            width: 30px;
            height: 30px;
            color: #ffffff;
            background-color: #000000;
            border-radius: 5px;
            margin: 7px;
        }

        .nexa-accessories .owl-dots {
            display: none;
        }

        .nexa-accessories .owl-carousel .owl-nav button.owl-next,
        .nexa-accessories .owl-carousel .owl-nav button.owl-prev {
            font-size: 20px;
        }

        .accessories-form {
            padding-bottom: 150px;
        }

        .accessories-form form {
            width: 80%;
            margin: 0 auto;
        }

        .accessories-form .form-control {
            font-size: small;
        }

        .form-control:focus {
            border: 1px solid #000000;
            box-shadow: unset;
        }

        .accessories-form .text {
            height: 38px;
        }

        .accessories-form .btn {
            background-color: #000000;
            border-color: #000000;
            border-radius: 0;
            padding: 10px 24px;
            border-radius: 4px;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #fff;
            font-size: 14px;
            padding: 8px 24px;
            letter-spacing: 0.5px;
            background-color: #070808;
            border-color: #050505;
        }

        .accessories-form .btn-primary:not(:disabled):not(.disabled).active:focus,
        .accessories-form .btn-primary:not(:disabled):not(.disabled):active:focus,
        .accessories-form .show>.btn-primary.dropdown-toggle:focus {
            box-shadow: unset;
            background-color: #000000;
            border-color: #000000;
        }

        .accessories-form h5 {
            font-size: 16px;
            color: #000000a6;
            padding-bottom: 20px;
            line-height: 25px;
        }

        .accessories-form .form-check-label {
            font-size: 16px;
            color: #000000a6;
        }

        .nexa-allcars {
            padding-bottom: 150px;
        }

        .nexa-allcars .title h2 {
            padding-bottom: 60px;
        }

        .nexa-allcars figure img {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

.viewMore-brocures {
    font-size: 15px;
    text-align: center;
    background: #000;
    width: 176px;
    margin: 15px auto 0;
    padding: 7px 0;
    border-radius: 4px;
    position: relative;
}
.viewMore-brocures:hover{
	background-color:#283b88;
	color:#fff;
}

        
        @media only screen and (max-width: 1024px) {
            .nexa-top .content p {
                font-size: 15px;
                line-height: 23px;
            }

            .nexa-accessories .title h2,
            .accessories-form .title h2,
            .nexa-allcars .title h2,
            .nexa-top .content h2 {
                font-size: 22px;
            }

            .nexa-accessories .title,
            .accessories-form .title {
                padding-bottom: 45px;
            }

            .nexa-accessories .card .card-body h4 {
                font-size: 14px;
            }

            .accessories-form {
                padding-bottom: 100px;
            }
        }

        @media only screen and (max-width: 650px) {
            .nexa-top .content p {
                font-size: 14px;
                line-height: 22px;
            }

            .nexa-accessories .title h2,
            .accessories-form .title h2,
            .nexa-allcars .title h2,
            .nexa-top .content h2 {
                font-size: 20px;
            }
        }

        @media only screen and (max-width: 480px) {
             .nexa-top{
                padding-top:40px;
            }
            
            .accessories-form form {
                width: 100%;
            }

            .accessories-form h5 {
                font-size: 14px;
                line-height: 22px;
            }

            .nexa-accessories .title h2,
            .accessories-form .title h2,
            .nexa-allcars .title h2,
            .nexa-top .content h2 {
                font-size: 18px;
            }

            .nexa-allcars .title h2 {
                padding-bottom: 30px;
            }
        }

/*-- accessories section end --*/


/*-- nexa extended warranty section --*/
      .nexa-extended-banner {
         background-image: url('https://images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Banner/banners/nexa-extended-warranty-banner.webp');
         background-size: cover;
         width: 100%;
         background-repeat: no-repeat;
         background-position: top center;
         padding: 120px 15px;
         margin-bottom: 50px;
      }

      .nexa-extended-banner h1 {
         font-size: 28px;
         color: #ffffff;
         font-weight: 500;
         margin: 0;
         text-transform: uppercase;
      }

      .nexa-extended-advantages {
         padding-bottom: 70px;
      }

      .nexa-extended-advantages h2 {
         font-size: 23px;
         color: #000000;
         font-weight: 500;
         text-transform: uppercase;
         margin-bottom: 40px;
         text-align: center;
      }

      .nexa-extended-advantages .inner img {
         width: 35%;
         object-fit: cover;
      }

      .nexa-extended-advantages .inner {
         text-align: center;
         border: 1px solid #dadada;
         background-color: #faf8f8;
         padding: 15px;
         height: 100%;
      }

      .nexa-extended-advantages .inner p {
         font-size: 14px;
         color: #000000;
         font-weight: 400;
         text-transform: capitalize;
         padding-top: 15px;
      }

      .nexa-extended-advantages .inner span {
         font-weight: 600;
      }

      .nexa-extended-tabs {
         margin-bottom: 250px;
      }

      .nexa-extended-tabs .nav-tabs {
         justify-content: center;
         border-top: 1px solid #15151e26;
         border-bottom: 1px solid #15151e26;
      }

      .nexa-extended-tabs .table-bordered td,
      .nexa-extended-tabs .table-bordered th {
         border: 1px solid #0a0a0a;
         padding: 10px 20px;
         color: #000000;
         font-size: 14px;
      }

      .nexa-extended-tabs .table-bordered td:first-child {
         font-weight: 600;
      }

      .nexa-extended-tabs .table-bordered thead {
         background-color: #c4c4c4;
      }

      .nexa-extended-tabs a img {
         width: 100%;
         object-fit: scale-down;
         height: 30px;
      }

      .view-extended {
         position: relative;
      }

      .view-extended .table {
         margin-bottom: 0;
      }

      .view-extended .table-note {
         text-align: center;
         background-color: #cccccc5c;
         border-bottom-left-radius: 10px;
         border-bottom-right-radius: 10px;
         padding: 13px;
      }

      .view-extended .table-note p {
         font-size: 13px;
         font-weight: 500;
         color: #15151e;
         margin: 0;
      }

      .nexa-extended-tabs .nav-tabs .nav-item.show .nav-link,
      .nexa-extended-tabs .nav-tabs .nav-link.active {
         color: #495057;
         border-color: transparent;
         background-color: #cccccc;

      }

      .nexa-extended-tabs .nav-tabs .nav-item:hover {
         background-color: #eeeeee;
      }

      .nexa-extended-tabs .nav-tabs .nav-link {
         margin: 0;
         padding: 10px 30px;
      }

      .nexa-extended-tabs .nav-tabs .nav-item {
         margin-bottom: 0;
      }

      .nexa-extended-tabs .horizontal-tabs {
         padding-bottom: 30px;
      }

      .nexa-extended-tabs .nav-pills .nav-link.active,
      .nexa-extended-tabs .nav-pills .show>.nav-link {
         background-color: #cccccc;
      }

      .nexa-extended-tabs .nav-justified .nav-item:hover {
         background-color: #eeeeee;
      }


      .nexa-extended-tabs #nested-tab,
      .nexa-extended-tabs #sub:hover {
         background-color: unset;
      }

      .nexa-extended-tabs #nested-tab {
         color: #000000;
      }

      .nexa-extended-tabs #nested-tab:active {
         color: #c4c4c4;
      }

      .view-extended h3 {
         font-size: 19px;
         color: #000000;
         padding-top: 40px;
         padding-bottom: 40px;
         text-align: center;
         font-weight: 500;
      }

      @media only screen and (max-width: 1024px) {
         .nexa-extended-banner h1 {
            font-size: 25px;
         }

         .nexa-extended-advantages .box {
            margin-bottom: 10px;
         }
      }

      @media only screen and (max-width: 812px) {
         .nexa-extended-banner {
            background-position: top right;
            padding: 80px 0;
         }

         .nexa-extended-banner h1 {
            font-size: 21px;
         }

         .nexa-extended-tabs a img {
            height: 25px;
         }

         .nexa-extended-tabs .nav-tabs .nav-link {
            padding: 10px 18px;
         }

         .nexa-extended-tabs .table-bordered td,
         .nexa-extended-tabs .table-bordered th {
            padding: 10px 10px;
            font-size: 13px;
         }
      }

      @media only screen and (max-width: 480px) {
         .nexa-extended-banner {
            padding: 40px 0;
         }

         .nexa-extended-banner h1 {
            font-size: 18px;
         }

         .nexa-extended-tabs a img {
            height: 20px;
         }

         .nexa-extended-tabs .table-bordered td,
         .nexa-extended-tabs .table-bordered th {
            padding: 8px 7px;
            font-size: 12px;
         }

         .view-extended .table-note p {
            font-size: 12px;
         }
      }


/*-- nexa extended warranty section end --*/

/*-- finance-Page --*/

.finance-form-banner img,
.insurance-banner img,
.outlets-banner img {
    width: 100%;
    object-fit: cover;
}

.finance-form {
    padding: 0 0 100px;
}

.finance-form h2 {
    padding: 60px 0;
    font-size: 28px;
    color: #15151e;
    font-weight: 500;
}

.finance-form .heading {
    text-align: center;

}

.finance-form .custom-select {
    font-size: 14px;
}

.finance-form .form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5);
}

.finance-form .has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    color: #000000;
}

.finance-form .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

.finance-form .input-group-text {
    color: #000a5d;
    font-weight: 500;
    font-size: 14px;
}

.finance-form h3 {
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0 30px;
}

.finance-form .btn-primary,
.finance-form .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    padding: 10px 24px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.finance-form .custom-file-label::after {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.finance-form #calculate-loan td {
    padding-bottom: 7px;
}

.finance-form p {
    font-size: 14px;
    padding: 5px 0 15px;
    font-weight: 400;
    color: #4f4f4f;
}

.finance-form .pick-button {
    margin: 10px 0 10px 10px;
    padding: 3px 0 0;
}

/*-- finance end --*/

.services-section-form{
    padding:40px 100px;
}













/*-- thank you page --*/

.thankyoupage {
    width: 100%;
    text-align: center;
    padding: 0 0 100px;
}

.thankyou-banner {
    margin-bottom: 40px;
}

.thankyou-banner img {
    width: 100%;
    object-fit: cover;
}

.thankyoupage h1 {
    margin: 0;
    font-family: Montserrat, sans-serif;
    font-size: 4.25rem;
    color: #000;
    font-weight: 700;
    line-height: 1.1;
    text-shadow: 1px 1px 2px #8d8d8d;
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.thankyoupage p {
    font-size: 18px;
    padding-bottom: 20px;
}

.thankyoupage .button {
    text-transform: uppercase;
    white-space: normal;
    cursor: pointer;
    background-color: #15151e;
    border: 0;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    padding: 10px 20px;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.main-content__checkmark {
    font-size: 6.75rem;
    line-height: 1;
    color: #24b663;
    text-shadow: 1px 1px 2px #8d8d8d;
}



/*-- thank you end --*/

/*-- Insurance-Page --*/

.insurance-banner {
    background-size: cover;
    background-position: center;
    position: relative;
    min-height: 350px;
}
.banner-title-card {
    position: relative;
    margin-top: 145px;
}
.banner-title-card h5{
	    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
}
.banner-title-card h4{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 34px;
    color: #06c300;
    line-height:45px;
}

.banner-title-card h3{
    text-transform: uppercase;
    font-weight: 600;
    font-size:40px;
    line-height:65px;
}
.paragraph-common p{
       font-size: 17px;
       margin-bottom: 15px;
}

.title-heading-h2 h2{
    text-transform: uppercase;
    font-size: 30px;
    line-height: 35px;
    color: #000;
    font-weight: 700;
    letter-spacing:0.5px;
    padding-bottom: 10px;
}

.heading-lease-h5{
text-transform: uppercase;
    font-size: 22px;
    line-height: 30px;
    color: #283b88;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-bottom: 8px;
}

.card-lease-column {
    position: relative;
    background: #fff;
    border-radius:5px;
}
.title-header-lease {
    background: #283b88;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 15px;
}
.title-header-lease h6{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.list-item-lease {
    padding: 10px 11px;
}
.list-item-lease ul{
    margin: 0;
    padding-left:30px;
}
.list-item-lease ul li{
    display: list-item;
     list-style-image: url('../images/icons-tic-check.png');
    font-size: 16px;
    margin-bottom: 8px;
}


.card-ui-skoda-benefits{
background: #fff;
    position: relative;
    padding: 20px 30px;
    transition: 0.3s;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%);
    height: 100%;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #283b88;
}
.benefits-data h4{
    font-size: 20px;
    line-height: 27px;
    color: #313131;
}
.accordion_head span{
    font-size: 20px;
}

.insurance {
    background-color: #15151e;
    padding: 60px 0;
    text-align: center;
    color: #ffffff;
}

.insurance-form {
    margin: 40px 0 100px;
}



.insurance h1 {
    font-size: 40px;
}

.insurance-form .custom-select {
    font-size: 14px;
}

.insurance-form .form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5);
}

.insurance-form .has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 13px;
    font-weight: 500;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    color: #15151e;
}

.insurance-form .has-float-label label::after {
    content: " ";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 50%;
    left: -.2em;
    right: -.2em;
    z-index: -1;
}

.insurance-form .input-group-text {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
}

.insurance-form h3 {
    color: #000000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0 30px;
}

.insurance-form .btn-primary,
.insurance-form .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    padding: 10px 24px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.insurance-form .custom-file-label::after {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.insurance-form #calculate-loan td {
    padding-bottom: 7px;
}

.insurance-form p {
    font-size: 15px;
    padding: 5px 0 30px;
    font-weight: 400;
    color: #4f4f4f;
}

.insurance-form .pick-button {
    margin: 10px 0 10px 10px;
    padding: 3px 0 0;
}


.card.cardAccessories{
	    box-shadow: inherit;
}

/*-- insurance end --*/

/*-- Outlet section
--------------------------*/
.outlet {
    width: 100%;
    height: auto;
    padding: 60px 0 60px;
}

.outlet .map-container-5 {
    overflow: hidden;
    position: relative;
    height: 100px;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}

.outlet .card {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    padding: 15px;
    margin-bottom: 50px;
    background-color: #eeeeee;
    height:auto !important;
}

.outlet .card-body {
    margin-top: -50px;
    padding: 0 0 8px;
}

.outlet .map-container-5 iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.outlet .nav-tabs .nav-item.show .nav-link,
.outlet .nav-tabs .nav-link.active,
.outlet .nav-tabs .nav-link {
    color: #000000;
    background-color: #eeeeee;
    border-color: #dee2e6 #dee2e6 #fff;
}

.outlet .nav-item .nav-link.active {
    border: 1px solid #fff;
    background-color: #000000;
    color: #ffffff;
}

.outlet .tab-content > .active {
    display: block;
    padding: 60px 15px 15px;
    background-color: #ffffff;
}

.outlet .card.card-cascade .view.view-cascade.gradient-card-header {
    padding: 15px;
    color: #15151e;
    text-align: left;
    background-color: #ffffff;
}

.outlet .card.card-cascade .view.view-cascade {
    border-radius: .25rem;
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.outlet .view {
    position: relative;
    overflow: hidden;
    cursor: default;
}

.outlet .card h5 {
    font-size: 17px;
    text-transform: uppercase;
    margin: 0 0 7px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.outlet .card p {
    font-size: 13px;
    line-height: 22px;
}

.outlet .card span {
    font-size: 13px;
    display: block;
    line-height: 25px;
    margin: 2px 0;
}

.outlet .card span i {
    margin-right: 5px;
}

/*-- Modal -- */
.alert-cookie-policy {
    display: none;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    z-index: 999;
}

.alert-cookie-policy .alert {
    border-radius: 0;
}


/*-- gallery page --*/


        .gallery {
            width: 100%;
            padding: 50px 0 180px;
        }

        .gallery-banner img {
            width: 100%;
            object-fit: cover;
        }

        .gallery .heading {
            text-align: center;
        }



        .gallery .gallery-model {
            background-color: #000000;
            position: relative;
            margin-bottom: 30px;
        }

        .gallery .gallery-model:after {
            background-color: rgba(0, 0, 0, .7);
            position: absolute;
            top: 0;
            left: -30%;
            bottom: 0;
            right: 70%;
            transform: skew(20deg) translateX(-75%)
        }

        .gallery .gallery-model:hover:after {
            transform: skew(20deg) translateX(0)
        }

        .gallery .gallery-model img {
            width: 100%;
            object-fit: cover;
            height: auto;
        }

        .gallery .gallery-model:hover img {
            opacity: .5;
        }

        .gallery .gallery-model .box-content {
            position: absolute;
            top: 40%;
            right: 45%;
            z-index: 1;
        }

        .gallery .gallery-model .icon {
            padding: 0;
            list-style: none
        }


        .gallery .gallery-model .icon li a {
            text-align: center
        }

        .gallery .gallery-model .title {
            font-size: 20px;
            font-weight: 900;
            color: #fff;
            margin: 0 0 10px;
            transform: scale(0)
        }

        .gallery .gallery-model:hover .title {
            transform: scale(1)
        }

        .gallery .gallery-model .icon li,
        .gallery .gallery-model .post {
            opacity: 0;
            transform: translateX(40px);
            transition: all .35s ease 0s
        }

        .gallery .gallery-model .post {
            display: block;
            font-size: 14px;
            color: #fff;
            margin-bottom: 5px
        }

        .gallery .gallery-model .icon {
            display: inline-block;
            margin: 0
        }

        .gallery .gallery-model:hover .icon li,
        .gallery .gallery-model:hover .post {
            opacity: 1;
            transform: translateX(0)
        }

        .gallery .gallery-model:hover .icon li:first-child {
            transition-delay: .1s;
        }

        .gallery .gallery-model:hover .icon li:nth-child(2) {
            transition-delay: .2s;
        }

        .gallery .gallery-model .icon li a {
            display: block;
            width: 35px;
            height: 35px;
            line-height: 35px;
            background-color: #ffffff;
            font-size: 18px;
            color: #605f5f;
            transition: all .35s ease;
            border-radius: 50%;

        }

        .gallery .gallery-model .icon li a:hover {
            background-color: #605f5f94;
            color: #ffffff;
        }

        @media only screen and (max-width:990px) {
            .gallery .gallery-model {
                margin-bottom: 30px;
            }
        }

/*-- gallery page end --*/


/*-- nexa-corporate --*/
        .nexa-corporate-banner {
            background-image: url('../../images-saboomaruti-in.s3.ap-south-1.amazonaws.com/saboonexa/Banner/banners/Book-showroom-visit-or-corp-sales.jpg');
            background-size: cover;
            width: 100%;
            background-repeat: no-repeat;
            background-position: top center;
            padding: 125px 15px;
            margin-bottom: 50px;
        }

        .nexa-corporate-banner h1 {
            font-size: 26px;
            color: #ffffff;
            font-weight: 500;
            margin: 0;
            text-transform: uppercase;
        }

        .nexa-corporate h2,
        .corporate-enquiry h2 {
            font-size: 24px;
            color: #000000;
            font-weight: 500;
            margin: 0 0 20px;
            letter-spacing: 0.2px;
            text-transform: uppercase;
        }

        .corporate-enquiry h2 {
            margin-bottom: 40px;
        }

        .nexa-corporate p {
            font-size: 16px;
            color: #000000;
            margin: 0;
            line-height: 26px;
            font-weight: 400;
            padding-bottom: 16px;
        }

        .corporate-enquiry {
            padding-bottom: 250px;
        }

        .corporate-enquiry h5 {
            font-size: 15px;
            color: #000000;
            padding-bottom: 20px;
            letter-spacing: 0.2px;
        }

        .nexa-corporate {
            margin-bottom: 100PX;
        }

        .corporate-enquiry .btn {
            font-size: 15px;
            background-color: #000000;
            border-color: #000000;
            border-radius: 0;
            padding: 8px 24px;
            border-radius: 4px;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .corporate-enquiry .form-control:focus {
            color: #000000;
            border-color: #000000;
            outline: 0;
            box-shadow: unset;
        }

        .corporate-enquiry .form-control {
            font-size: small;
            height: 38px;
        }

/*-- nexa-cars page --*/
        .newcar-banner {
            padding-bottom: 70px;
        }

        .newcar-banner img {
            width: 100%;
            object-fit: cover;
        }

        .nexacars .title {
            text-align: center;
            padding: 0 15px 60px;

        }

        .nexacars .title p {
            width: 60%;
            margin: 0 auto;

        }

        .nexacars .card {
            box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.3);
            width: 100%;
            height: 100%;
            background-color: #e3e2e2;
        }

        .nexacars .card .card-body {
            background-color: #ffffff;
        }

        .nexacars .card .btn {
            font-size: 14px;
            color: #ffffff;
            font-weight: 400;
            padding: 10px 12px;
            margin: 15px 0 0;
            border: 1px transparent;
            background-color: #15151e;
        }

        .nexacars .card .btn:hover {
            background-color: #ec1b23;
        }

        .nexacars .card-01 .height-fix .card-img-top {
            width: 100%;
            height: 100%;
        }
        
        .nexacars .card-body img {
            width: auto;
            object-fit: contain;
        }

        .nexacars .custom-product h3 {
            font-size: 25px;
            color: #15151e;
            text-transform: capitalize;
            margin: 0;
            letter-spacing: 0.2px;
            font-weight: 600;
        }

        .nexacars .owl-nav {
            position: absolute;
            top: -50px;
            left: 15px;
        }

        .nexacars .owl-dots {
            display: none;
        }

        .nexacars .owl-carousel .owl-stage-outer {
            padding: 15px 0;
        }

        .nexacars .owl-carousel .owl-nav button.owl-next,
        .nexacars .owl-carousel .owl-nav button.owl-prev,
        .nexacars .owl-carousel button.owl-dot {
            background-color: #15151e;
            color: #fff;
            width: 45px;
            height: 45px;
            margin-right: 8px;
            font-size: 30px;
            vertical-align: middle;
        }

        .nexacars small {
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 700;
            letter-spacing: 1px;
            color: #000000;
        }

        .nexacars h6 {
            font-weight: 700;
            font-size: 18px;
            color: #000000;

        }

        .nexacars h4 {
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 700;
            letter-spacing: 1px;
        }

        /*-- ribbon-wrapper-green --*/
        .nexacars .ribbon-wrapper-green {
            width: 80px;
            height: 85px;
            overflow: hidden;
            position: absolute;
            top: 0px;
            right: 15px;
        }

        .nexacars .ribbon-green {
            font: bold 12px Sans-Serif;
            letter-spacing: 0.5px;
            color: #ffffff;
            text-align: center;
            text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            position: relative;
            padding: 5px 0;
            text-transform: uppercase;
            left: -5px;
            top: 15px;
            width: 120px;
            background-color: #ec1b23;
            -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            z-index: 1;
        }

        .nexacars .ribbon-green:before,
        .nexacars .ribbon-green:after {
            content: "";
            border-top: 3px solid #6e8900;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            bottom: -3px;
        }

        .nexacars .ribbon-green:before {
            left: 0;
        }

        .nexacars .ribbon-green:after {
            right: 0;
        }

        .nexacars .mid {
            background-color: #eaeaea;
        }
/*-- nexa-cars page end --*/

/*-- more page --*/

      .services-banner img,
      .service-types img {
         width: 100%;
         object-fit: cover;
      }

      .services-banner {
         padding-bottom: 100px;
      }

      .service-types {
         padding-top:70px;
         padding-bottom: 100px;
      }

      .service-box .icon,
      .service-box .title {
         margin: 0;
         position: absolute;
      }

      .service-box {
         box-shadow: 0 0 3px rgba(0, 0, 0, .3);
         position: relative;
      }

      .service-box img {
         width: 100%;
         height: auto;
      }

      .service-box .box-content {
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, .6);
         opacity: 0;
         position: absolute;
         top: 0;
         left: 0;
         /*
         transform: perspective(400px) rotateX(-90deg);
         transform-origin: center top 0;
*/
         transition: all .5s ease 0s;
      }

      .service-box .icon li a,
      .service-box .title {
         background-color: #000000;
         font-size: 20px;
         color: #fff;
      }

      .service-box:hover .box-content {
         opacity: 1;
         transform: perspective(400px) rotateX(0);
      }

      .service-box .title {
         padding: 5px 7px;
         border-radius: 5px;
         font-weight: 600;
         bottom: 20px;
         left: 20px;
         transition: all .9s ease 0s;
      }

      .service-box:hover .title {
         bottom: -40px;
      }

      .service-box .icon {
         list-style: none;
         padding: 0;
         top: 42%;
         left: 0;
         right: 0;
      }

      .service-box .icon li a {
         display: block;
         width: 40px;
         height: 40px;
         line-height: 40px;
         border-radius: 50%;
         margin-right: 7px;
      }

      service-box .service-box .icon li a:hover {
         background: #fff;
         color: #000;
      }

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

         .service-box .icon li a,
         .service-box .title {
            font-size: 16px;
         }
      }

      @media only screen and (max-width:990px) {
         .service-box {
            margin-bottom: 70px;
         }
      }

/*-- offers page --*/

        .offers{
            margin-top:50px;
            margin-bottom:130px;
        }
        
        .offers .heading {
            text-align: center;
            padding: 0 0 80px;
        }
        
        .offers .heading h2 {
           text-transform: uppercase;
            font-size: 26px;
            color: #15151e;
            font-weight: 700;
            letter-spacing: 2px;
            padding-bottom: 10px;
        }

        .offers .heading h3 {
            margin: 0 auto;
            font-size: 14px;
            letter-spacing: 0.5px;
            padding: 10px 0;
            line-height: 22px;
            font-weight: 600;
        }

        .offers .heading p {
            width: 60%;
            margin: 0 auto;
            font-size: 15px;
        }

        .card {
            box-shadow: 0px 0 8px 0px rgba(0, 0, 0, 0.3);
            width: 100%;
            height: 100%;
            background-color: rgb(197 200 196 / 45%);
        }

        .card .card-body {
            background-color: #ffffff;
        }

        .offers .card .btn {
            font-size: 14px;
            color: #ffffff;
            font-weight: 400;
            padding: 6px 12px;
            margin: 15px 0 0;
            border: 1px transparent;
            background-color: #15151e;
        }

        .offers .card .btn:hover {
            background-color: #ec1b23;
        }

        .card-01 .height-fix .card-img-top {
            width: 100%;
            height: 100%;
        }

        .offers .custom-product {
            margin-bottom:30px;
        }

        .offers .card-body img {
            width: auto;
            object-fit: contain;
        }

        .offers .custom-product h3 {
            font-size: 25px;
            color: #15151e;
            text-transform: capitalize;
            margin: 0;
            letter-spacing: 0.2px;
            font-weight: 600;
        }

        .offers .owl-nav {
            position: absolute;
            top: -50px;
            left: 15px;
        }

        .offers .owl-dots {
            display: none;
        }

        .offers .owl-carousel .owl-stage-outer {
            padding: 15px 0;
        }

        .offers .owl-carousel .owl-nav button.owl-next,
        .offers .owl-carousel .owl-nav button.owl-prev,
        .offers .owl-carousel button.owl-dot {
            background-color: #15151e;
            color: #fff;
            width: 45px;
            height: 45px;
            margin-right: 8px;
            font-size: 30px;
            vertical-align: middle;
        }

        .offers small {
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 1px;
        }
        
        .offers .key {
             text-align: center;
            display: block;
            padding-top: 10px;
        }

        .offers h6 {
            font-weight: 700;
            font-size: 18px;
            color: #ec1b23;

        }

        /*-- ribbon-wrapper-green --*/
        .ribbon-wrapper-green {
            width: 80px;
            height: 85px;
            overflow: hidden;
            position: absolute;
            top: 0px;
            right: 15px;
        }

        .ribbon-green {
            font: bold 12px Sans-Serif;
            letter-spacing: 0.5px;
            color: #ffffff;
            text-align: center;
            text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            position: relative;
            padding: 5px 0;
            text-transform: uppercase;
            left: -5px;
            top: 15px;
            width: 120px;
            background-color: #ec1b23;
            -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
            z-index: 1;
        }

        .ribbon-green:before,
        .ribbon-green:after {
            content: "";
            border-top: 3px solid #6e8900;
            border-left: 3px solid transparent;
            border-right: 3px solid transparent;
            position: absolute;
            bottom: -3px;
        }

        .ribbon-green:before {
            left: 0;
        }

        .ribbon-green:after {
            right: 0;
        }

        /* Slider */
        .offers-slider-section .carousel-item {
            height: 500px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        .offers-slider-section .carousel-control-prev i,
        .offers-slider-section .carousel-control-next i {
            font-size: 20px;
            line-height: 36px;
        }

        .offers-slider-section .carousel-control-next span,
        .offers-slider-section .carousel-control-prev span {
            width: 40px;
            height: 40px;
            background-color: #15151e;
            color: #ffffff !important;
            border-radius: 4px;
        }


/*-- offers page end --*/

/*-- Footer section -- */
footer .fa-arrow-up {
    margin: 10px;
    position: absolute;
    bottom: 0px;
    left: 4px;
    top: 5px;
    font-size: 20px;
    transition: 0.7s;
}
footer .footerp>p>span {
background-color: #283b88;
    color: #fff;
    width: auto;
    display: block;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 5px 10px;
    border-radius: 4px;
}
footer .footerp>p>span .fa {
    margin-right: 5px;
    font-size: 14px;
}
footer .fa-arrow-up:hover {
    top: 0;
}

footer .left {
    color: #616161;
    font-size: 14px;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 8px 2px;
    border-right: 2px solid #bfbfbf;
    transition: 0.3s;
}
.mnius-margin-top{
	margin-top:-40px !important;
}

.kilimanjaro_area {
    position: relative;
    z-index: 1;
}

.foo_top_header_one {
    background-color: #000;
    color: #fff;
}

.section_padding_100_70 {
    padding-top: 70px;
    padding-bottom: 20px;
}

.foo_top_header_one {
    color: #fff;
}

.kilimanjaro_part {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.foo_top_header_one .kilimanjaro_part > h5 {
    color: #fff;
}

.kilimanjaro_part p {
    font-size: 14px;
    padding-bottom: 15px;
    font-weight: 300;
}

.kilimanjaro_single_contact_info > p,
.kilimanjaro_single_contact_info > h5,
.kilimanjaro_blog_area > a,
.foo_top_header_one .kilimanjaro_part > p {
    color: rgba(255, 255, 255, .5);
}

ul {
    margin: 0;
    padding: 0;
}

.kilimanjaro_bottom_header_one {
    background-color: #111;
}

.section_padding_50 {
    padding: 12px 0;
}

.kilimanjaro_bottom_header_one p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}

.kilimanjaro_bottom_header_one a {
    color: inherit;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition:0.5s;
}

.kilimanjaro_bottom_header_one a:hover{
    color:#ed1c24;
}

a,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.m-top-15 {
    margin-top: 15px;
}

ul {
    margin: 0;
    padding: 0;
}

.kilimanjaro_widget > li {
    display: inline-block;
}

ol li,
ul li {
    list-style: outside none none;
}

.kilimanjaro_widget a {
    border: 1px solid #333;
    border-radius: 6px;
    color: #888;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 4px;
    padding: 7px 12px;
}

ul {
    margin: 0;
    padding: 0;
}

.kilimanjaro_links a {
    color: rgba(255, 255, 255, .5);
    font-size: 13px;
}

top-15 {
    margin-top: 15px;
}

.foo_top_header_one .kilimanjaro_part > h5 {
    color: #fff;
}

.kilimanjaro_part h4,
.kilimanjaro_part h5 {
    margin-bottom: 15px;
    font-size: 15px;
    text-transform: capitalize;
}

.kilimanjaro_social_links > li {
    display: inline-block;
}


.kilimanjaro_social_links a {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0.5px;
    margin-bottom: 3px;
    margin-right: 5px;
    text-transform: capitalize;
    transition: all ease 0.6s;
}

.kilimanjaro_social_links a:hover {
    color: #fff;
}

.kilimanjaro_blog_area .kilimanjaro_date {
    color: #27ae60;
    font-size: 13px;
    margin-bottom: 5px;
}

.kilimanjaro_blog_area > p {
    color: rgba(255, 255, 255, .5);
    line-height: 1.3;
    margin-bottom: 0;
}

.kilimanjaro_works > a {
    display: inline-block;
    float: left;
    position: relative;
    width: 33.33333333%;
    z-index: 1;
}

.kilimanjaro_thumb {
    left: 0;
    position: absolute;
    top: 0;
    width: 75px;
}

footer .copyright{
    text-align:left;
}
footer .design{
    text-align:right;
    color:#ffffff;
}

.kilimanjaro_links a:hover {
    color: #ffffff;
}

.kilimanjaro_links a i {
    padding-right: 10px;
    line-height: 18px;
}

/* :: 18.0 Footer Area CSS */

.footer_area {
    position: relative;
    z-index: 1;
}

.footer_bottom p > i,
.footer_bottom p > a:hover {
    color: #27ae60;
}

.social_links_area {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 50px 0 30px 0;
    text-align: center;
    position: relative;
    z-index: 1;
}

.social_links_area > a:hover {
    color: #27ae60;
}

.inline-style .social_links_area > a:hover {
    background-color: transparent;
    color: #27ae60;
    border: 0px solid transparent;
}

.single_feature:hover .feature_text h4 {
    color: #27ae60;
}

.kilimanjaro_blog_area {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding: 0 0 15px 90px;
    position: relative;
    z-index: 1;
}

.kilimanjaro_links a {
    border-bottom: 1px solid #333;
    color: rgba(255, 255, 255, .5);
    display: flex;
    font-size: 13px;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.kilimanjaro_links a:active{
    color:#ffffff;
}

/*-- cookies --*/
.cookie-box {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 1rem 2rem;
    background: #fff;
    -webkit-transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.75s cubic-bezier(0.19, 1, 0.22, 1);
}

.cookie-box--hide {
    opacity: 0;
    bottom: -100%;
}

.cookie-button {
    display: inline-block;
    cursor: pointer;
    padding: 0.65rem 0.85rem;
    margin-left: 0.45rem;
    color: #fff;
    font-size: 0.75rem;
    letter-spacing: 1px;
    background-image: linear-gradient(62deg, #fbab7E 0%, #f7ce68 100%);
}

/*-- breadcrumbs section --*/

.breadcrumbs {
    background-color: #ffffff;
    box-shadow: 0 0 7px #dad9d9;
    padding: 15px 0;
    min-height: 40px;
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.breadcrumbs li a {
    color: #000000;
    font-weight: 600;
}

.breadcrumbs ol li + li::before {
    display: inline-block;
    padding-right: 10px;
    color: #15151e;
    content: ">";
    font-weight: 600;
}

.breadcrumbs ol li + li {
    padding-left: 10px;
}

@media only screen and (max-width:812px){
    /*.breadcrumbs {*/
    /*    margin-bottom: 70px;*/
    /*}*/
}

/*-- breadcrumbs section end --*/

/* ---------------------------------
        All sections Media Queries 
------------------------------------ */

@media only screen and (max-width: 1920px) and (min-width: 1440px) {
    .container {
        max-width: 1420px;
    }
header {
        margin-top: -67px;
}
    .navbar-dark .navbar-nav .nav-link {
        padding: 22px 12px;
        font-size: 14px;
    }

    header .btn {
        min-width: 200px;
        height: 50px;
        font-size: 16px;
    }

    header p {
        font-size: 20px;
    }

    header h1 {
    font-size: 30px;
    padding-bottom: 15px;
    line-height: 40px;
    font-weight: 500;
    }

    .header-top {
        padding: 10px 0 10px;
    }

    .header-top .left {
        font-size: 16px;
    }

    .header-top .top-icons a {
        font-size: 20px;
        margin-right: 10px;
    }
    
    .header-top .top-icons a i:hover{
        color:#e41b22;
    }

    .header-top .btn-danger {
        font-size: 14px;
    }

    .enquiry-form h3 {
        font-size: 22px;
        padding-bottom: 20px;
    }

    .enquiry-form .form-control,
    .enquiry-form .custom-select,
    .enquiry-form .button {
        font-size: 16px;
        height: 45px;
    }

    .enquiry-form {
        padding: 60px 0;
    }

    .services img {
        height: 60px;
        margin-bottom: 20px;
    }

    .home-newsletter .single h2 {
        font-size: 32px;
    }

    .kilimanjaro_links a {
        font-size: 14px;
    }


    .nexaproducts .title p,
    .testimonials .title p,
    .services-section .title p,
    .blog .title p,
    .locater .title p,
    .products-page .title p {
        font-size: 18px;
        line-height: 28px;
    }

    .blog .post-content .text {
        font-size: 16px;
    }

    .testimonial p {
        font-size: 16px;
        line-height: 26px;
    }

    .locater .locater-blocks address {
        font-size: 16px;
        line-height: 28px;
    }

    .locater .locater-blocks p {
        font-size: 16px;
    }

    .about-us .about-sec p {
        font-size: 16px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 1336px) {
    .nexaproducts .inside .price {
        top: 5px;
        left: 5px;
    }
   
    .testimonial {
        padding: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .container {
        max-width: 100%;
    }

    header h1 {
        font-size:22px;
        letter-spacing: 0.6px;
    }

    header p {
        font-size: 16px;
    }

    .blog .post-content a {
        font-size: 19px;
        line-height: 25px;
    }

    .blog .blog-post img {
        height: 185px;
    }

    .blog .inner-view {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 812px) {
    header video {
        display: block;
    }

    /* header {
        height: 550px;
    } */

    header .btn:before,
    header .btn:after {
        background-color: #f7f4f4;
    }

    header .btn:hover {
        color: #15151e;
    }

    header h1 {
          font-size: 30px;
    letter-spacing: 0.5px;
    line-height: 45px;
    margin-bottom: 12px;
    }
    
    .title{
        text-align:center !important;
    }
    
    .services {
    margin-top: 40px;
    margin-bottom: 35px;
    }
    .enquiry-form {
        padding:30px 0;
    }
    .mnius-margin-top {
    margin-top: 15px !important;
}

.home-newsletter {
    padding: 30px 0 30px 0;
}
.kilimanjaro_area:before{
    display:none !important;
}
.section_padding_100_70 {
    padding-top: 30px;
    padding-bottom: 10px;
   /* margin-top: 25px;*/
}

    .nexaproducts .title p,
    .testimonials .title p,
    .services-section .title p,
    .blog .title p {
        font-size: 15px;
        line-height: 22px;
        width: 80%;
    }

    .testimonial {
        padding: 15px;
    }

    .locater .locater-blocks figcaption {
        padding: 20px;
    }

    .home-newsletter .single .form-control {
        height: 100%;
    }

    .home-newsletter .single .btn {
        min-height: 100%;
        padding: 0 .75rem;
    }

    .nexaproducts .title h5,
    .testimonials .title h5,
    .services-section h5,
    .blog .title h5,
    .locater .title h5 {
        font-size: 18px;
    }

    .nexaproducts .title p,
    .testimonials .title p,
    .services-section .title p,
    .blog .title p,
    .locater .title p {
        font-size: 17px;
        line-height: 26px;
        padding-bottom:0;
    }


  
    .blog .post-content .text {
        font-size: 16px;
    }

    .blog .blog-post img {
        height: 100%;
    }

    .blog .post-content {
        margin-left: 0;
    }

    .blog .inner-view {
        margin-bottom: 30px;
    }

    .blog .aside {
        padding-top: 50px;
    }

    .testimonials .testimonial-box {
        margin-bottom: 20px;
    }

    .locater {
        padding:30px 20px 2px;
    }

    .home-newsletter .single h2 {
        font-size: 32px;
    }
    
    
    .kilimanjaro_bottom_header_one p {
        font-size: 12px;
        padding-bottom: 2px;
     }
     .kilimanjaro_bottom_header_one a {
    font-size: 12px;
}
}

@media only screen and (max-width: 650px) {
    .header-top .btn-danger{
        margin-bottom:5px;
    }
    
    /* header {
        height: 500px;
    } */

    header h1 {
        font-size: 24px;
    }

    header p {
        font-size: 15px;
    }

    .nexaproducts .title p,
    .testimonials .title p,
    .services-section .title p,
    .blog .title p,
    .locater .title p {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
    }
    
    .header-top{
        text-align:center;
    }
    
    .header-top .top-icons {
        text-align: center;
    }

    .locater .box {
        margin-bottom: 15px;
            margin-top: 0 !important;
    }


    .blog .post-content {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .blog .blog-post {
        margin-bottom: 15px;
    }
    
    footer .copyright,footer .design {
    text-align: center;
}
}

@media only screen and (max-width: 480px) {
    .header-top .top-icons {
        text-align: center;
    }
    
    header h1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px;
    }

    header p {
        font-size: 14px;
    }
.nexaproducts .inside{
    text-align:center;
}
    .nexaproducts .title h2 {
        font-size: 25px;
    }
    .kilimanjaro_area:before{
    display:none !important;
}
.section_padding_100_70 {
    padding-top: 30px;
}

    .nexaproducts .title h2,
    .testimonials .title h2,
    .services-section .title h2,
    .blog .title h2,
    .nexaproducts .title h2,
    .locater .title h2 {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 1px;
        padding-bottom: 5px;
    }

    .nexaproducts .title h5,
    .testimonials .title h5,
    .services-section h5,
    .blog .title h5 {
        font-size: 18px;
        color: #000000;
        letter-spacing: 2px;
        line-height: 20px;
    }

    .blog .post-content a {
        font-size: 19px;
        line-height: 24px;
    }

    .nexaproducts .zoom-img a {
        display: block;
    }

    .blog .thumbnail {
        padding-bottom: 15px;
    }

    .blog .post-content .text {
        font-size: 14px;
    }

    .home-newsletter .single h2 {
            font-size: 23px;
    margin-bottom: 15px;
    }
    .title{
        text-align:center !important;
    }
	
	.navbar ul li .dropdown-men-sm{
		margin-top:-397px;
	}
	
		.navbar-toggler{
    display:block;
    border: none !important;
}


.nav-toggle {
    transform: inherit;
    position: relative;
    top: -5px;
    left: 5px;
}

.nav-toggle:focus {
  outline-width: 0;
}

.nav-toggle [class*='bar-'] {
    background:#fff;
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    border-radius: 33px;
    height: 2px;
    width: 35px;
    margin-bottom: 5px;
    cursor: pointer;
  
}

.nav-toggle .bar-bot {
  margin-bottom: 0;
}

.opened .bar-top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
          transform-origin: 15% 15%;
}
.opened .bar-mid {
  opacity: 0;
}
.opened .bar-bot {
  -webkit-transform: rotate(45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 15% 95%;
          transform-origin: 15% 95%;
}

.active-timing {
    width: 220px !important;
    margin-left: -228px !important;
    padding: 10px 10px 10px !important;
}
.active-timing:after {
    margin-left: 104px !important;
}
.cookie-card-data h5 {
    font-size: 13px;
}
	
	.insurance-banner {
    min-height: 100px;
}
.banner-title-card {
    margin-top: 20px;
}
.banner-title-card h3 {
    font-size: 17px;
    line-height:21px;
}
.banner-title-card h4 {
    font-size: 20px;
    line-height: 26px;
}

	
	
}

@media only screen and (max-width: 375px){
    .header-top .btn-danger{
        margin:6px 5px;
    }
}

/*-- header-top section 
------------------------- */

@media only screen and (max-width: 480px) {
    .header-top {
        padding: 10px 0 10px;
        display: none;
    }

    .header-top .left {
        font-size: 12px;
        padding-right: 4px;
    }

    .header-top .inner {
        align-items: flex-end;
        text-align: center;
    }

    .header-top span {
        display: inline-block;
        text-align: center;
    }

    header .btn {
        min-width: 140px;
        padding: 0px 25px;
        height: 35px;
    }

.services {
    margin-top: 30px;
    margin-bottom: 30px;
}

}

/* Navigation section
---------------------------- */

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {

    /* remove the padding from the navbar so the dropdown hover state is not broken */
    .navbar {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* makes the dropdown full width  */
    .navbar .dbmenu {
        position: static;
    }


}


/*--Video section
--------------------- */

@media (pointer: coarse) and (hover: none) {
    .video {
        background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
    }

    .video video {
        display: none;
    }
}


/*-- Nexaproducts section -- */

@media only screen and (max-width: 1024px) {
    .nexaproducts .bottom a {
        font-size: 11px;
    }

    .nexaproducts .inside .price {
        top: 10px;
        left: 10px;
    }
}

@media only screen and (max-width: 650px) {
    .nexaproducts .title h2 {
        font-size:25px;
    }

    .nexaproducts .bottom a {
        font-size: 10px;
        padding: 5px;
        width: 46%;
    }

    .nexaproducts figcaption {
        padding: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .nexaproducts .bottom a {
        font-size: 12px;
        width: 45%;
    }

    .nexaproducts figcaption {
        padding: 15px;
    }
    
    .single-product{
        text-align:center;
        padding: 40px 0 40px;
    }
    
    .single-product .carousel-inner{
        margin-bottom:0;
    }
    
    .single-product .carousel-indicators {
        bottom: -35px;
    }
    
    .single-product .buttonDownload{
        float:unset;
    }
}


/*-- about section --*/

@media only screen and (max-width: 812px) {
    .about-us .about-sec figure {
        margin: 20px 0 0;
    }

    .about-us .about-sec {
        padding: 15px 15px 30px;
        margin-bottom:5px;
    }

    .about-page .about-contant p {
        font-size: 15px;
        padding-bottom: 25px;
    }

    .about-us h2 {
        margin-bottom:10px;
    }
    
    .accessories-banner img{
        width:100%;
    }
    
    .nexa-accessories .owl-dots {
    display: block;
}
.testimonials-description {
    padding: 20px 15px 25px;
}
    
}

@media only screen and (max-width: 650px) {
    .about-us h2 {
        font-size: 25px;
    }

    .about-us .about-sec {
        padding: 15px 0 30px;

    }
}

/*-- about end --*/


/*-- terms of use section
------------------------------ */
@media only screen and (max-width:650px) {
    .terms-of-use .content {
        margin: 50px 0 100px;
    }

    .terms-of-use .top-title h1 {
        font-size: 27px;
    }

    .terms-of-use .content h3 {
        font-size: 17px;
        line-height: 22px;
    }

    .terms-of-use .content p {
        font-size: 15px;
        line-height: 27px;
        text-align: unset;
    }
    .mnius-margin-top {
    margin-top: 15px !important;
}
  .mobile-mt-2{
          margin-top: 2rem!important;
  } 
  
  .available-services {
    padding-bottom: 0;
}
.home-newsletter {
    padding: 30px 0 32px 0;
}


}


/*-- Contact-us section
--------------------------- */

@media only screen and (max-width: 650px) {
    .contact-us {
        background-position: right;
    }

    .tab-content {
        margin-top:0;
    }
    .view-car-tabs {
    padding: 40px 0 20px;
    }
    .view-car-tabs .nav-tabs {
    padding-bottom: 0;
}

.specifications {
    padding: 10px 0;
}

.title-heading-h2 h2 {
    font-size: 20px;
}
    .tab-content p,
    .tab-content span {
        font-size: 14px;
        line-height: 23px;
    }

    .form-control {
        font-size: small;  
        }
        
        .card-ui-skoda-benefits {
    margin-bottom: 15px;
    height:auto;
}
.mobile-mt-0{
    margin-top:0 !important;
}
.mobile-pb-0{
    padding-bottom:0 !important;
}
.nav-tabs.tabsCarPolicy .nav-item {
    margin-left: 0 !important;
    width: 100% !important;
}



}

/*-- testimonials section
------------------------------ */

@media only screen and (max-width: 812px) {
    .testimonial-header h1 {
        font-size: 35px;
    }

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

    .testimonials-description .inner {
        padding: 40px;
    }

    .testimonials-description .inner p,
    .testimonials-description .inner span {
        font-size: 14px;
        letter-spacing: 0.7px;
        line-height: 23px;
    }
}

@media only screen and (max-width: 650px) {
    .testimonial-header h1 {
        font-size: 33px;
    }

    .testimonials-description .heading h2 {
        font-size: 27px;
    }

    .testimonials-description .inner {
        padding: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .testimonials-description .heading h2 {
        font-size: 23px;
    }

    .testimonials-description .heading {
        padding: 50px 0;
    }
}


/*-- single-product --*/

@media only screen and (max-width: 1024px) {
    .specifications .brochure a {
        font-size: 14px;
    }

    .specifications .specifications-tabs .title {
        font-size: 22px;
        letter-spacing: 0.5px;
    }

    .specifications {
        background-size: 370px;
    }

    .car-models form {
        width: 80%;
    }
}

@media only screen and (max-width: 812px) {
    .specifications .specifications-tabs .title {
        font-size: 20px;
        letter-spacing: 0;
    }

    .specifications {
        background-size: 300px;
    }

    .specifications .tab-content .table-responsive .table-left th,
    .specifications .tab-content .table-responsive .table-left td {
        font-size: 13px;
    }

    .specifications .tab-content .title-small span {
        font-size: 16px;
    }

    .table .thead-dark th {
        font-size: 15px;
    }

    .specifications .brochure a {
        font-size: 13px;
        padding: 5px 8px;
    }

    .specifications .brochure i {
        padding: 5px;
    }

    .car-models form {
        width: 100%;
    }
}

@media only screen and (max-width: 650px) {
    .specifications .specifications-tabs .title::after {
        width: 10%;
    }

    .car-models .aside {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 480px) {
    .specifications .brochure {
        background-color: #15151e;
        float: none;
        border: 2px solid #15151e;
        margin-right: 0;
        display: block;
        width: fit-content;
    }

    .specifications .brochure:last-child {
        margin-top: 20px;
    }

    .specifications .specs-remark {
        font-size: 10px;
    }

    .specifications {
        background-size: 250px;
    }
    
    .contact-us {
    padding:20px 0;
    }
    .contact-us h1 {
    font-size: 25px;
    }
    .contact-main {
    margin-bottom: 0;
    padding-top: 0 !important;
}
.dropdown-container {
    background-color: #efefef;
    position: relative;
    left: 0;
    top: 0;
    width: 200px;
}
    
    
}

/*-- faq --*/

@media only screen and (max-width: 1024px) {
    #faq .card p {
        font-size: 15px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 650px) {
    #faq .card .card-header .btn-header-link {
        font-size: 15px;
        padding: 17px;
    }

    #faq .card p {
        font-size: 14px;
        line-height: 24px;
    }

    .faq .heading {
        margin-bottom: 50px;
    }

    .faq {
        margin: 40px 0 150px;
    }
}

/*-- finance section --*/

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

    .finance-form .btn-primary,
    .finance-form .btn-primary:not(:disabled):not(.disabled):active {
        font-size: 15px;
        padding: 4px 18px;
    }
}

/*-- insurance --*/

@media only screen and (max-width: 650px) {
    .insurance h1 {
        font-size: 30px;
    }
}

/*-- suzuki-connect --*/

@media only screen and (max-width: 1024px) {
    .connect-app h2 {
        font-size: 30px;
    }

    .connect-app p {
        font-size: 15px;
    }

    .suzuki-connect figure {
        width: 100%;
    }
}

@media only screen and (max-width: 812px) {
    .suzuki-connect .logo {
        width: 45%;
    }

    .new-features h4 {
        font-size: 14px;
    }

    .connect-app figure {
        margin: 0 auto;
        width: 60%;
        padding-bottom: 30px;
    }

    .suzuki-best-connections h2 {
        font-size: 38px;
    }

    .col {
        flex-basis: 0;
    }

    .connect-app h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 650px) {
    .suzuki-connect p {
        width: 100%;
    }

    .suzuki-connect {
        text-align: center;
    }

    .suzuki-connect img {
        padding-top: 20px;
        width: 70%;
    }

    .new-features .col {
        flex-basis: 0;
    }

    .col {
        flex: 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .new-features .col {
        flex: 100%;
        padding-bottom: 30px;
    }

    .suzuki-connect p {
        font-size: 14px;
    }

    .suzuki-best-connections h2 {
        font-size: 35px;
    }

    .connect-app a img {
        width: 35%;
    }

    .connect-app ul li {
        font-size: 14px;
    }

    .connect-app h2 {
        font-size: 21px;
    }

    .connect-app p,
    .connect-app span {
        font-size: 14px;
    }
}

/*-- thank you page --*/

@media only screen and (max-width:812px) {
    .thankyoupage h1 {
        font-size: 50px;
    }

    .main-content__checkmark {
        font-size: 75px;
    }

    .thankyoupage p {
        font-size: 15px;
        padding-bottom: 20px;
    }

    .thankyoupage .button {
        padding: 8px 18px;
    }
}

@media only screen and (max-width: 480px) {
    .thankyoupage h1 {
        font-size: 40px;
    }

    .main-content__checkmark {
        font-size: 65px;
    }
}

/*-- thank you end --*/

/*-- single-product page section --*/

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

    .register-interest-form p,
    .register-interest-form .declaimer {
        font-size: 14px;
        line-height: 24px;
    }

    .singlepage-brochure .about-brochure h3 {
        font-size: 25px;
    }

    #pdtViewer img {
        height: auto !important;
    }
}

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

    .register-interest-form p,
    .register-interest-form .declaimer {
        font-size: 13px;
    }

    .singlepage-brochure .about-brochure {
        margin-bottom: 50px;
        box-shadow: 1px 3px 20px 1px rgb(0 0 0 / 48%);
        padding-bottom: 15px;
    }

    .singlepage-brochure .inner-side {
        padding-right: 15px;
    }

    .singlepage-brochure .brochure-side {
        text-align: left;
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }

    .singlepage-brochure .inner-side figure {
        margin-bottom: 20px;
    }

    .singlepage-brochure .bottom {
        padding-bottom: 0;
        padding-top: 15px;
    }

    .singlepage-brochure .inner-aside {
        padding-left: 15px;
    }

    .singlepage-brochure .brochure-side hr {
        float: left;
    }

    .singlepage-brochure .brochure-dec {
        width: 100%;
        margin-left: 0;
        padding: 0 15px;
    }

    .singlepage-brochure .about-brochure .text {
        padding-top: 15px;
    }

    .singlepage-brochure .about-brochure h3 {
        font-size: 25px;
    }

    .singlepage-brochure .inner-aside figure {
        margin-top: 15px;
    }

    .col {
        max-width: 100%;
    }

    .single-product figure {
        text-align: center;
        margin-bottom:0;
    }

    .exterior .carousel-indicators,
    .interior .carousel-indicators {
        bottom: 40px;
    }
}

@media only screen and (max-width: 650px) {
    .specifications .nav-pills-custom .nav-link {
        line-height: 20px;
    }

    .specifications a img {
        width: 7%;
        object-fit: contain;
        margin-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .singlepage-brochure .about-brochure h3 {
        font-size: 18px;
    }

    .single-product .scross-img {
        width: 100%;
        object-fit: cover;
    }

    .singlepage-brochure .about-brochure p {
        font-size: 14px;
    }

    .singlepage-brochure hr {
        height: 2px;
    }

    .view-car-tabs .nav-tabs .nav-link {
        font-size: 14px;
        padding: 5px 10px;
        margin-bottom: 5px;
    }

    .exterior .carousel-indicators,
    .interior .carousel-indicators {
        bottom: 30px;
    }
    .services .inner-part {
    min-height: 130px;
}
.services h3{
       font-size: 14px; 
}

}


/*-- outlet section --*/

@media only screen and (max-width: 480px) {
    .outlet .tab-content > .active {
        padding: 60px 5px 15px;
    }
}

/*-- corporate page --*/

  @media only screen and (max-width: 1024px) {
            .nexa-corporate-banner h1 {
                font-size: 21px;
            }

            .nexa-corporate h2,
            .corporate-enquiry h2 {
                font-size: 19px;
            }

            .nexa-corporate p {
                font-size: 15px;
                line-height: 25px;
                padding-bottom: 15px;
            }

            .corporate-enquiry h5 {
                font-size: 14px;
                line-height: 23px;
            }
        }

        @media only screen and (max-width: 812px) {
            .nexa-corporate-banner {
                padding: 80px 0;
            }

            .nexa-corporate-banner h1 {
                font-size: 20px;
            }
        }

        @media only screen and (max-width: 650px) {
            .nexa-corporate p {
                font-size: 14px;
                line-height: 25px;
                padding-bottom: 13px;
            }
            
            .header-top .buttons{
                margin-top:8px;
            }

            .nexa-corporate h2,
            .corporate-enquiry h2 {
                font-size: 18px;
            }

            .nexa-corporate {
                margin-bottom: 60PX;
            }
        }

        @media only screen and (max-width: 480px) {
            .nexa-corporate-banner h1 {
                font-size: 18px;
            }

            .nexa-corporate h2,
            .corporate-enquiry h2 {
                font-size: 17px;
            }
        }


/*-- nexa-cars --*/

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

            .nexacars .owl-carousel .owl-nav button.owl-next,
            .nexacars .owl-carousel .owl-nav button.owl-prev,
            .nexacars .owl-carousel button.owl-dot {
                width: 40px;
                height: 40px;
                vertical-align: middle;
                line-height: 0;
            }

            .nexacars .title {
                padding: 0 15px 20px;
            }

            .nexacars .title p {
                width: 80%;
            }
        }

        @media only screen and (max-width: 480px) {
            .nexacars .title p {
                width: 100%;
            }

            .nexacars .owl-carousel .owl-nav button.owl-next,
            .nexacars .owl-carousel .owl-nav button.owl-prev,
            .nexacars .owl-carousel button.owl-dot {
                width: 30px;
                height: 35px;
                font-size: 25px;
            }
        }
        
/*-- offers page --*/

        @media only screen and (max-width: 1440px) {
            .offers-slider-section .carousel-item {
                height: 400px;
                background-position: center center;
            }
        }

        @media only screen and (max-width: 1024px) {
            .offers-slider-section .carousel-item {
                height: 280px;
            }

            .offers-slider-section .carousel-control-prev i,
            .offers-slider-section .carousel-control-next i {
                font-size: 18px;
                line-height: 37px;
            }
        }

        .offers-slider-section .carousel-control-next span,
        .offers-slider-section .carousel-control-prev span {
            width: 35px;
            height: 35px;
        }

        @media only screen and (max-width: 812px) {
            .offers-slider-section .carousel-item {
                height: 240px;
                background-position: top center;
            }

            .offers .owl-carousel .owl-nav button.owl-next,
            .offers .owl-carousel .owl-nav button.owl-prev,
            .offers .owl-carousel button.owl-dot {
                width: 40px;
                height: 40px;
                vertical-align: middle;
                line-height: 0;
            }
            
            .offers {
                margin-bottom: 100px;
            }
        }

        @media only screen and (max-width: 650px) {
            .offers .heading h3 {
                font-size: 13px;
            }

            .offers .heading {
                padding-bottom: 70px;
            }

            .offers .heading p {
                width: 100%;
            }
        }


        @media only screen and (max-width: 480px) {
            .offers-slider-section .carousel-item {
                height: 120px;
                background-position: top center;
            }

            .offers-slider-section .carousel-control-next span,
            .offers-slider-section .carousel-control-prev span {
                width: 30px;
                height: 30px;
            }

            .offers-slider-section .carousel-control-prev i,
            .offers-slider-section .carousel-control-next i {
                font-size: 15px;
                line-height: 32px;
            }

            .offers .heading h2 {
                font-size: 17px;
            }

            .offers .owl-carousel .owl-nav button.owl-next,
            .offers .owl-carousel .owl-nav button.owl-prev,
            .offers .owl-carousel button.owl-dot {
                width: 30px;
                height: 35px;
                font-size: 25px;
            }
        }

/******Add New Css*****/

.owl-theme.testiDots .owl-dots, .owl-theme.testiDots .owl-nav {
    display: block !important;
    position: absolute !important;
}

.owl-theme.testiDots .owl-dots .owl-dot {
    display: black;
    outline: none;
    top: -30px;
    left: 50%;
    transform: translate(140px, 0);
}

.owl-theme.testiDots .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 4px 4px;
    background: #595959;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 50%;
    outline: none;
}
.owl-theme.testiDots .owl-dots .owl-dot.active span, .owl-theme.testiDots .owl-dots .owl-dot:hover span {
    background:#283b88;
}

.logoText{
font-weight: 800;
font-size: 20px;
text-transform: uppercase;
}
.cardOwl{
	position: relative;
    text-align: center;
    background-color: #eee;
}


.connect-with-bonwic{
    width: 50px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    z-index: 9999;
    display: inline-block;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.connect-with-bonwic a img{
	margin-bottom:10px;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}


.blog-post{
	margin-bottom: 30px;
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    position: relative;
}
.post-content {
    padding: 20px;
    position: relative;
}

.post-content h6{
    font-size: 13px;
    margin-bottom: 10px;
    color: #29b540;
}

.full-post-detail h6{
  font-size: 14px;
    margin-bottom:3px;
    color: #29b540;	
}
.full-post-detail h2{
    font-size: 35px;
    margin-bottom: 25px;
}	
.posblog-details{
	margin-top:20px;
}
.posblog-details p{
	font-size: 18px;
    margin-bottom: 13px;
}


.heading-cars h2{
    font-size: 30px;
    font-weight: 800;
    color: #000;
    margin-bottom:15px;
}
.heading-cars p{
	font-size:20px;
	    line-height: 24px;
}

.locater .locater-blocks h2{
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 28px;
    color: #283b88;
    letter-spacing: 1px;
}



.iamgesAnimation-thankyou {
    width: 260px;
    margin: 0 auto;
    margin-top: 100px;

}



/*********Cars card*******/

.multipule-cars-card{
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 20%);
    margin-bottom: 30px;
}
.price-ticker {
    position: absolute;
    top: 12px;
    left: 12px;
	z-index:9;
}
.price-ticker span{
    font-size:14px;
    font-weight:600;
    color:#000;
}
.price-ticker h6{
color: #868585;
    font-size: 12px;
}
.card-details {
padding: 20px 12px;
    background-color: #f7f7f7;
    position: relative;
}

.button.secondary{
height: 25px;
    width: 25px;
    display: inline-block;
    margin-right: 3px;
    border: 1px solid #ddd;
}
.silverbg{
		background-color:rgb(0, 83, 118);
}
.maplebg{
	    background-color: rgb(71, 56, 50);
}
.candybg{
	background-color: rgb(255, 252, 244);
}
.magicBlack{
	background-color: rgb(75, 75, 75);
}
.silverBri{
	background-color: rgb(212, 212, 212);
}

.torandoRedMetallic{
	    background-color: rgb(170, 19, 26);
}

.candyWhiteKushaq{
	background-color:#fff;
}
.carbonSteelMetallic{
	background-color: rgb(91, 94, 99);
}
.honeyOrangeMetallic{
	background-color: rgb(215, 118, 40);
}
.brilliantSilverKushq{
	background-color: rgb(125, 127, 117);
}
.candyWhiteRapid{
	background-color:rgb(219 218 224);
}
.lapizBlueRapid{
	background-color: rgb(34, 74, 156);
}
.brilliantSilverRapid{
	background-color: rgb(160, 163, 168);
}
.carbonSteelRapid{
	background-color: rgb(91, 94, 99);
}
.toffeeBrownRapid{
	    background-color:rgb(92 58 50);
}
.flashRedRapid{
    background-color: rgb(200, 36, 46);
}

.businessGreySupreb{
	background-color: rgb(66, 66, 66);
}
.moonWhiteSSupreb{
    background-color: rgb(240, 240, 240);
}
.magneticBrownSupreb{
	background-color: rgb(25, 21, 17);
}
.magicBlackSupreb{
	background-color: rgb(14, 14, 14);
}
.lavaBlueSupreb{
	    background-color: rgb(31, 73, 91);
}
.steelGreySupreb{
	background-color: rgb(97, 98, 93);
}
.raceBlueSupreb{
	    background-color: rgb(41, 81, 134);
}


.bgGrey{
    background: #fbfbfb;
}

.button.active {
	border: 2px solid #283b88;
	position:relative;
}
.button.active:after{
    left: 7px;
    top: 1px;
    content: '';
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
.title-cars h3{
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 30px;
}

.address-card-ui ul{
    margin:0;
    padding:0;
}
.address-card-ui ul li{
    display: list-item;
    position: relative;
    padding-left: 22px;
    line-height: 35px;
}
.address-card-ui ul li a{
    color:#ffc107;
}
.address-card-ui ul li:after{
content: "";
    width: 11px;
    height: 2px;
    background: #3c3c3c;
    position: absolute;
    left: 5px;
    border-radius: 50px;
    top: 15px;
}


.active-timing {
background-color: #fff;
    width: 280px;
    margin-left: -290px;
    padding: 15px 25px 15px;
    border-radius: 4px;
    /* margin-top: -27px; */
    top: 114px;
    position: relative;
	display:none;
	-webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
    -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    box-shadow: 2px 2px 6px rgb(0 0 0 / 28%);
    border: 1px solid #f7f7f7;
}

.active-timing:after {
border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #FFF 10px;
    bottom: 75px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: 134px;
    position: absolute;
    width: 0;
    transform: rotate(-90deg) !important;
}

.active-timing p{
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
}

.connect-with-bonwic:hover .active-timing {
display:block;	
}

.whatsaapChat{
	    background: #283b88;
    font-size: 12px;
    padding: 5px 18px 5px;
    color: #fff;
    border-radius: 4px;
	text-align:center;
    letter-spacing: 1px;
}
.whatsaapChat:hover{
	background-color:#000;
	color:#fff;
}

.locater-blocks-logo{
position:relative;
background-color:#f6f7f2;
min-height: 223px;
width: 100%;
border: 1px solid #dedede;
}
.locater-blocks-logo figure img{
	    width: 100%;
    padding-top:0;
    object-fit: cover;
}

.about-contant-mission h3{
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
	color:#283b88;
    margin-bottom: 15px;
}
.about-contant-mission p{
    font-size: 15px !important;
    line-height: 26px !important;
    letter-spacing: 0.2px !important;
}

.about-contant-vision h3{
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
color:#283b88;	
}

.about-contant-vision p{
    font-size: 15px !important;
    line-height: 26px !important;
    letter-spacing: 0.2px !important;
}
.about-contant-vision ul{
margin-top: 20px;
    padding-left: 17px;
}
.about-contant-vision ul li{
display: list-item;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px;
    list-style: circle;
    font-weight: 500;
}

.gallery-card {
    background: #fff;
    position: relative;
    margin-bottom:30px;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color:rgb(57 158 54 / 59%);
  
}

.gallery-card:hover .overlay {
  opacity: 1;
}

.gallery-card .text {
  color: white;
  font-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.gallery-card .text i{
	font-size:30px;
}

.locater .locater-blocks.text-light-grey{
	color: #949494 !important;
}


.cookie-alert {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 9999;
    opacity: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    height: 50px;
    background: #283b88;
	    padding: 15px 0;
		color:#fff;
}

.cookie-alert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
.cookie-card-data h5{
	font-size:18px;
}
.cookie-card-data h5 span{
	font-size:15px;
}

.btn.btnCookies{
    background: #000;
    padding: 7px 46px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    display: block;
    margin-top: -9px;
}



/***********Faq**********/
.accordion_container {
    width:100%;
}

.according-group{
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #283b88;
    border-radius: 5px;
}

.accordion_head {
    color: #283b88;
    cursor: pointer;
    font-size: 16px;
    margin: 0 0 1px 0;
    padding: 15px 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.accordion_body {
    background: #fbfbfb;
    border-radius:0 0 5px 5px;
}
.accordion_body p {
    padding:10px 15px;
    margin: 0px;
}
.plusminus {
    float:right;
}
.col-data-radio {
    margin-right: 20px;
}


.emi-scheme p {
    font-size: 13px;
    padding: 5px 0 13px;
    font-weight: 600;
    color: #333333;
}

.nav-tabs.tabsCarPolicy .nav-item {
    margin-bottom: 15px;
    margin-left: 34px;
}
.nav-tabs.tabsCarPolicy {
    border-bottom: none;
}

.nav-tabs.tabsCarPolicy .nav-item.show .nav-link, .nav-tabs.tabsCarPolicy .nav-link.active {
    color: #fff;
    background-color: #283b88;
    border: 2px solid #283b88 !important;
}
.nav-tabs.tabsCarPolicy .nav-link {
border: 2px solid #929292;
    padding: 20px 25px;
    border-radius: 50px;
    font-size: 18px;
    background: #f7f7f7;
    color: #000;
}

.according-new-data{
    padding:30px 0 30px;
}
.according-new-data ul{
    margin:0;
    padding-left:35px;
}
.according-new-data ul li{
     font-size: 14px;
    list-style: disc;
    margin-bottom: 7px;
}
.according-new-data h5{
    padding-left: 15px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}

/******************************************* 17-09-2021 ************************************************/

 @media only screen and (max-width: 480px) {
.cookie-alert.show{
    height: 140px !important;
}
.cookie-card-data {
    margin-bottom: 20px;
}

.about-us {
    margin: 20px 0 20px;
}
.navbar ul li .dropdown-nav-sm{
width:100%
}

}

 @media only screen and (max-width: 1024px){
.insurance-banner img {
    min-height: 150px;
}
}




.dropdown-toggle::after{
    display:none;
}
.iconToggle i{
font-size: 10px;
    position: relative;
    bottom: 1px;
    left: 2px;
    font-weight: 100;
    transform: rotate(272deg);
}








@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  and (-webkit-min-device-pixel-ratio: 1) {

.navbar-toggler{
    display:block;
    border: none !important;
}


.nav-toggle {
    transform: inherit;
    position: relative;
    top: -5px;
    left: 5px;
}

.nav-toggle:focus {
  outline-width: 0;
}

.nav-toggle [class*='bar-'] {
    background:#fff;
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .2s ease all;
    transition: .2s ease all;
    border-radius: 33px;
    height: 2px;
    width: 35px;
    margin-bottom: 5px;
    cursor: pointer;
  
}

.nav-toggle .bar-bot {
  margin-bottom: 0;
}

.opened .bar-top {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 15% 15%;
          transform-origin: 15% 15%;
}
.opened .bar-mid {
  opacity: 0;
}
.opened .bar-bot {
  -webkit-transform: rotate(45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 15% 95%;
          transform-origin: 15% 95%;
}
.hidden-ipad{
    display:none;
}
.nexaproducts {
    padding-top: 0;
}
.ipad-mt-20{
    margin-top:20px;
}
.dropdown-menu .dropdown .dropdown-menu {
    margin-top: 0;
    border-width: 1px;
    margin-left: 20px;
}
.nav-item.dropdown-nav{
    position:relative;
}
.insurance-banner {
    min-height: 160px;
}
.banner-title-card {
    margin-top: 40px;
}

.card-ui-skoda-benefits {
    margin-bottom: 15px;
   height: 200px;
}
.mobile-mt-0 {
    margin-top: 0 !important;
}
.nav-tabs.tabsCarPolicy .nav-item {
    margin-left:5px;
}
.nav-tabs.tabsCarPolicy .nav-link {
    padding: 7px 7px;
    border-radius: 50px;
    font-size: 12px;
}
.about-us {
    margin: 15px 0 70px;
}
    

}




@media only screen  and (min-device-width:1024px)  and (max-device-width: 1180px)  and (-webkit-min-device-pixel-ratio: 1) {
  .ipad-mt-20{
    margin-top:0;
}  
.hidden-ipad{
    display:block;
}
header {
    position: relative;
    background-color: black;
    height: 40vh;
    margin-top: 0;
}
.nav-tabs.tabsCarPolicy .nav-link {
    padding: 18px 28px;
    border-radius: 50px;
    font-size: 16px;
}
.card-ui-skoda-benefits {
    margin-bottom: 28px;
    height: 200px;
}
.card-ui-skoda-benefits {
    padding: 20px 15px;
}
.about-us {
    margin:50px 0 70px;
}


}





/******************Blogs Page css*****************/

.blogs-section{
    background-color:#fbfbfb;
    margin-bottom: 100px;
}

.article-poster-thumbnail img{
    border-radius: 5px 5px 0 0;
}
.article-post-card{
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px 0 rgb(0 43 92 / 8%);
}

.article-title {
    padding: 20px 15px;
    position: relative;
}

.article-title h4{
    font-size: 20px;
    font-weight: 500;
    line-height: 27px;
    color:#585858;
    margin-bottom:30px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.article-title span{
    background: #283b88;
    padding: 6px 20px;
    border-radius: 4px;
    color: #fff;
}
.article-title span:hover{
background: #000;
}


.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #283b88;
    border-color: #283b88;
}
.page-link {
    color: #283b88;
}
.article-full-detail h2{
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #383838;
}
.article-post-full-view {
    margin-top: 25px;
    position: relative;
}
.article-post-full-view p{
    font-size:18px;
    margin-bottom: 15px;
}
.article-full-topBanner {
    padding-top: 115px;
    position: relative;
    z-index:9;
}
.article-full-topBanner h2{
font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    line-height: 42px;
}
.overlyBg-dark-blog{
        position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: linear-gradient(to right, rgb(0 0 0 / 61%), rgb(0 0 0 / 16%));
}

/**********Close Blogs*********/


@media only screen and (max-width: 650px){
.tab-content p, .tab-content span {
    line-height: 1 !important;
}
}



/**********Pagination*********/
.pagination li a{
color: #000;
    border: 1px solid #d2d2d2;
    padding: 6px 13px;
    margin-right: 6px;
}



.pagination li.active a {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.homebanner {
    float: left;
    width: 100%;
    position: relative;
}

.homebanner .carousel .carousel-indicators {
    right: 10%;
    bottom: 40px;
    left: auto;
    margin: 0px;
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}


.homebanner .desktopbanner {
    float: left;
    width: 100%;
    position: relative;
}

.fullbanner {
    width: 100%;
}

}

.homebanner .bannercontent {
    position: absolute;
    top: 15%;
    left: 9%;
    text-align: left;
}

.homebanner .bannercontent h3 {
    margin: 15px 0;
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: bold;
}

.homebanner .bannercontent h3 span {
    color: #9699a0;
    font-size: 1rem;
    font-weight: 600;
}

.homebanner .bannercontent ul {
    padding: 0px;
    margin: 0px 0 0;
}

.homebanner .bannercontent ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.homebanner .bannercontent ul li a {
    background: #000000;
    font-size: 0.9375rem;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 13px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    text-decoration: none;
    border: 1px solid #000000;
}


.homebanner .create_inspire {
    position: absolute;
    bottom: 40px;
    left: 9%;
    text-align: left;
}

.homebanner .desktopimage {
    display: block;
}

.homebanner .mobilebanner {
    float: left;
    width: 100%;
    position: relative;
    display: none;
}

.homebanner .mobilebanner .bannercontent {
    position: static;
}

.homebanner .mobilebanner .bannercontent .carbrandlogo {
    position: absolute;
    top: 20px;
    left: 15px;
}

.homebanner .mobilebanner .bannercontent .carbrandprice {
    position: absolute;
    top: 20px;
    right: 15px;
}

.homebanner .bannercontent h3 {
    margin: 15px 0;
    color: #FFFFFF;
    font-size: 1.5rem;
    font-weight: bold;
}

.homebanner .bannercontent h3 span {
    color: #9699a0;
    font-size: 1rem;
    font-weight: 600;
}

.homebanner .mobilebanner .bannercontent ul {
    background: #000000;
}

.homebanner .bannercontent ul li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.homebanner .bannercontent ul li a {
    background: #000000;
    font-size: 0.9375rem;
    color: #FFFFFF;
    display: block;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 13px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    text-decoration: none;
    border: 1px solid #000000;
}

.homebanner .create_inspire {
    position: absolute;
    bottom: 40px;
    left: 9%;
    text-align: left;
}

@media (max-width: 1200px){.inrsecondlevel .nexacars ul li a{font-size:0.75rem}}.inrsecondlevel .nexacars ul li a:hover:after{width:100%;transition-duration:.5s;-webkit-transition-duration:.5s}.inrsecondlevel .nexacars ul li a:after{background:#000;height:1px;width:0%;left:0;right:0;bottom:-2px;position:absolute;content:'';transition-duration:.5s;-webkit-transition-duration:.5s}.homebanner{float:left;width:100%;position:relative}@media (max-width: 767px){.homebanner .carousel-item{padding:0 0 60px;background:#000}}@media (max-width: 767px){.homebanner #carouselExampleIndicators .carousel-item{padding:0;background:none}}.homebanner .desktopimage{display:block}@media (max-width: 767px){.homebanner .desktopimage{display:none}}.homebanner .mobileimage{display:none}@media (max-width: 767px){.homebanner .mobileimage{display:block}}@media (max-width: 767px){.homebanner .carbrandlogo{float:left;width:50%}.homebanner .carbrandlogo img{max-width:125px}}@media (max-width: 767px){.homebanner .carbrandprice{float:right;width:50%}.homebanner .carbrandprice h3{text-align:right}.homebanner .carbrandprice h3 span{display:block}}.homebanner .bannercontent{position:absolute;top:15%;left:9%;text-align:left}@media (max-width: 1200px){.homebanner .bannercontent{left:5%}}@media (max-width: 992px){.homebanner .bannercontent{left:2%}}@media (max-width: 767px){.homebanner .bannercontent{left:0;right:0;width:100%;float:left;top:0;padding:20px;height:100%}}.homebanner .bannercontent.nexamusic{top:35%;right:0%;left:0;text-align:center}@media (max-width: 1200px){.homebanner .bannercontent.nexamusic{right:27%}}@media (max-width: 767px){.homebanner .bannercontent.nexamusic{right:0;left:0;top:0}}.homebanner .bannercontent h3{margin:15px 0;color:#FFFFFF;font-size:1.5rem;font-weight:bold}@media (max-width: 767px){.homebanner .bannercontent h3{margin:0px;font-weight:400;font-size:1.25rem}}.homebanner .bannercontent h3 span{color:#9699a0;font-size:1rem;font-weight:600}@media (max-width: 767px){.homebanner .bannercontent h3 span{margin:5px 0 0 0px;font-weight:400;font-size:0.875rem}}.homebanner .bannercontent ul{padding:0px;margin:0px 0 0}@media (max-width: 767px){.homebanner .bannercontent ul{float:left;width:100%;position:absolute;bottom:0px;left:0;padding:0 15px;text-align:center}}.homebanner .bannercontent ul li{display:inline-block;margin:0 10px 0 0}@media (max-width: 992px){.homebanner .bannercontent ul li{margin:0 5px 0 0}}@media (max-width: 767px){.homebanner .bannercontent ul li{width:48%;margin:0 1%;text-align:center}}.homebanner .bannercontent ul li:last-child{margin:0}.homebanner .bannercontent ul li a{background:#000000;font-size:0.9375rem;color:#FFFFFF;display:block;text-transform:uppercase;font-weight:500;padding:10px 13px;transition-duration:1s;-webkit-transition-duration:1s;text-decoration:none;border:1px solid #000000}@media (max-width: 1200px){.homebanner .bannercontent ul li a{padding:12px 10px;font-size:0.75rem}}@media (max-width: 992px){.homebanner .bannercontent ul li a{padding:10px 6px;font-size:0.625rem}}@media (max-width: 767px){.homebanner .bannercontent ul li a{background:#FFFFFF;color:#000000;padding:12px 0px;font-size:0.75rem;line-height:0.875rem;font-weight:500;position:relative;overflow:hidden}}.homebanner .bannercontent ul li a:hover{background:#FFFFFF;border:1px solid #FFFFFF;color:#000000;transition-duration:1s;-webkit-transition-duration:1s}@keyframes ripple-in1{0%{transform:scale(0)}100%{transform:scale(2);opacity:1}}.homebanner .create_inspire{position:absolute;bottom:40px;left:9%;text-align:left}@media (max-width: 1200px){.homebanner .create_inspire{left:5%;bottom:20px}}@media (max-width: 767px){.homebanner .create_inspire{left:0;float:left;width:100%;padding:0 15px;bottom:25%}}@media (max-width: 767px) and (max-width: 767px){.homebanner .create_inspire img{width:210px}}.homebanner .carousel .carousel-indicators{right:10%;bottom:40px;left:auto;margin:0px}@media (max-width: 1200px){.homebanner .carousel .carousel-indicators{right:5%;bottom:20px}}@media (max-width: 767px){.homebanner .carousel .carousel-indicators{left:0;right:0;text-align:center;bottom:15%}}.homebanner .carousel .carousel-indicators li{height:4px;width:32px;margin:0 4px;background-color:transparent;border-radius:0%;cursor:pointer;border:1px solid #FFFFFF;box-shadow:0 0 10px #000000}.homebanner .carousel .carousel-indicators li:hover{box-shadow:0 0 10px #ccc}@media (max-width: 767px){.homebanner .carousel .carousel-indicators li{border:1px solid #FFFFFF;height:4px;width:32px}}.homebanner .carousel .carousel-indicators li.active{background-color:#FFFFFF;border:1px solid #FFFFFF}.homebanner .carousel .carousel-indicators li.active:hover{box-shadow:none}@media (max-width: 767px){.homebanner .carousel .carousel-indicators li.active{border:1px solid #FFFFFF}}
@media (max-width: 767px){.thankyouSubscribeform .subscribeformIn h3{font-size:1.125rem}}.thankyouSubscribeform .subscribeformIn .closethankyou_msg{width:30px;height:30px;border-radius:50%;background:#000 url(//nexaprod.azureedge.net/dist/assets/images/closewidget.png) no-repeat center center;background-size:12px 12px;position:absolute;top:-14px;right:-14px;cursor:pointer;transition:all ease 0.4s;-webkit-transition:all ease 0.4s}.homebanner .desktopbanner{float:left;width:100%;position:relative}@media (max-width: 767px){.homebanner .desktopbanner{display:none}}.homebanner .desktopbanner.ignisContent .bannercontent a{background:#FFFFFF;border:1px solid #FFFFFF;color:#000000}.homebanner .desktopbanner.ignisContent .bannercontent a:hover{background:#000000;color:#FFFFFF;border:1px solid #FFFFFF}.homebanner .mobilebanner{float:left;width:100%;position:relative;display:none}@media (max-width: 767px){.homebanner .mobilebanner{display:block}}.homebanner .mobilebanner.ignisContent .bannercontent a{background:#FFFFFF;border:1px solid #FFFFFF;color:#000000}.homebanner .mobilebanner.ignisContent .bannercontent a:hover{background:#000000;color:#FFFFFF;border:1px solid #FFFFFF}.homebanner .mobilebanner.ignisContent .create_inspire{text-align:center;bottom:21%}.homebanner .mobilebanner.ignisContent .create_inspire img{display:inline-block}.homebanner .mobilebanner.resumepersonalization .bannercontent{background:#404040;position:absolute;width:100%;padding:15px;top:0;left:0;margin:0;height:auto}.homebanner .mobilebanner.resumepersonalization .bannercontent p{color:#FFFFFF;font-size:0.9375rem;line-height:1.375rem;margin:0 0 10px}@media (max-width: 369px){.homebanner .mobilebanner.resumepersonalization .bannercontent p{font-size:0.8125rem;line-height:1.25rem}}.homebanner .mobilebanner.resumepersonalization .bannercontent a.personalize_btn{display:inline-block;padding:9px 13px;background:#000000;font-size:0.875rem;color:#FFFFFF;border:1px solid #000000;transition-duration:1s;-webkit-transition-duration:1s;letter-spacing:.5px}.homebanner .mobilebanner.resumepersonalization .bannercontent a.personalize_btn:hover{background:#FFFFFF;color:#000000;transition-duration:1s;-webkit-transition-duration:1s}.homebanner .mobilebanner.resumepersonalization .create_inspire{bottom:10px}.homebanner .mobilebanner.resumepersonalization .create_inspire img{width:210px}.homebanner .mobilebanner .bannercontent{position:static}.homebanner .mobilebanner .bannercontent .carbrandlogo{position:absolute;top:20px;left:15px}.homebanner .mobilebanner .bannercontent .carbrandprice{position:absolute;top:20px;right:15px}.homebanner .mobilebanner .bannercontent ul{background:#000000}
.homebanner .carousel .carousel-indicators.newBannreindicators{bottom:4%}
@media (max-width: 767px){.homebanner .carousel .carousel-indicators li.active{border:1px solid #FFFFFF}}.fullbanner{width:100%}.exploremorebox{padding:15px;background:#000000;float:left;width:100%;display:none}@media (max-width: 767px){.exploremorebox{display:block}}.exploremorebox ul{padding:0px;text-align:center;margin:0px 0 0}.exploremorebox ul li{display:inline-block;margin:0 10px 0 0}.exploremorebox ul li:last-child{margin:0}.exploremorebox ul li a{background:#fff;font-size:15px;color:#000000;display:block;text-transform:uppercase;font-weight:500;padding:12px 20px;transition-duration:1s;-webkit-transition-duration:1s;text-decoration:none;border:1px solid #fff}.exploremorebox ul li a:hover{background:inherit;color:#FFFFFF;transition-duration:1s;-webkit-transition-duration:1s}.exploremorebox h5{text-align:center;margin:0px 0 0}.exploremorebox h5 label{display:block;font-size:21px;color:#FFFFFF;font-weight:400;margin:15px 0}.exploremorebox h5 img{-webkit-animation:comeout 1.5s linear infinite;-moz-animation:comeout 1.5s linear infinite;-o-animation:comeout 1.5s linear infinite;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);position:relative}@keyframes comeout{0%{top:-10px;width:20px;margin:0 auto}100%{top:0px;width:20px;margin:0 auto}}



.inr-sign::before,.percentage::before,.month::before {
    content: "\20B9";
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    padding: 4.5px 10px;
    text-align: center;
    position: absolute;
}

.percentage::before {
    content: "\0025" !important;
}

.month::before {
    content: "Mo" !important;
}

.icons{
    font-size: 12px;
    padding: 6px .75rem;
    box-shadow: 0 0 0 -0.8rem rgba(0,123,255,.25)!important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}