@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800;900&display=swap");

/*
font-family: 'Montserrat', sans-serif;
*/

@font-face {
    font-family: "Good Times Rg";
    src: url("../fonts/GoodTimesRg-Regular.eot");
    src: url("../fonts/GoodTimesRg-Regular.eot?#iefix")
            format("embedded-opentype"),
        url("../fonts/GoodTimesRg-Regular.woff2") format("woff2"),
        url("../fonts/GoodTimesRg-Regular.woff") format("woff"),
        url("../fonts/GoodTimesRg-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*Main Css */
::selection {
    background: #e78200;
    color: #2a2a2a;
    text-shadow: none;
}
::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: none;
}
::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #dedede;
}
::-webkit-scrollbar-thumb:vertical {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #e00000;
}

body {
    font-family: "Poppins", sans-serif;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1;
    color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    font-weight: normal;
}
*:hover,
*:focus,
* {
    outline: none !important;
}
img {
    max-width: 100%;
    height: auto;
}
a,
input[type="submit"] {
    -webkit-transition: all 0.4s ease-In-out;
    -moz-transition: all 0.4s ease-In-out;
    -o-transition: all 0.4s ease-In-out;
    transition: all 0.4s ease-In-out;
    display: inline-block;
    cursor: pointer;
}
a:hover {
    color: #e00000;
    text-decoration: none;
}
p,
a {
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}
p {
    line-height: 26px;
    display: block;
}
span {
    display: inline-block;
}

textarea,
select,
input[type],
textarea,
select,
button {
    background: transparent;
    border: none;
    border-radius: 0px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
::-webkit-input-placeholder {
    color: #a3a3a3;
    font-weight: 400;
}
::-moz-placeholder {
    color: #a3a3a3;
    font-weight: 400;
}
:-ms-input-placeholder {
    color: #a3a3a3;
    font-weight: 400;
}
:-moz-placeholder {
    color: #a3a3a3;
    font-weight: 400;
}

/* Tabbing CSS */
[class^="box-"] {
    display: none;
}
[class^="box-"].showfirst {
    display: block;
}

/* Accordion CSS */
.myaccordion li .faq-opt {
    display: none;
}
.myaccordion li.active .faq-opt {
    display: block;
}
.myaccordion li.active .faq-ang h4:before {
    content: "\f077";
}

/* Custom Slick Css */
.slick-list {
    margin: 0 -15px;
}
.slick-slide {
    margin: 0 15px;
}
ul.slick-dots {
    padding: 50px 0 0;
    text-align: center;
}
ul.slick-dots li {
    margin: 0 20px 0 0px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    padding: 0px;
    border: none;
}
.slick-dots li button:before,
.slick-dots li button:before {
    color: #fff;
    opacity: 1;
    font-size: 20px;
}
.slick-dots li button {
    height: 8px;
    width: 8px;
    border-radius: 50%;
    padding: 0px;
    background: #d6d6d6;
    border: none;
    cursor: pointer;
    font-size: 0px;
    padding: 0px;
    -webkit-transition: all 0.4s ease-In-out;
    -moz-transition: all 0.4s ease-In-out;
    -o-transition: all 0.4s ease-In-out;
    transition: all 0.4s ease-In-out;
    box-sizing: border-box;
}
.slick-dots li.slick-active button {
    background: #f3c919;
    width: 11px;
    height: 11px;
}
span.arrows {
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 2;
    cursor: pointer;
    line-height: 39px;
    font-size: 12px;
    text-align: center;
    font-weight: 300;
    top: 0;
    border-radius: 0;
    background: #f7f7f7;
    color: #696969;
}
span.arrows.next {
    right: 1%;
}

/* Global Css */
.sprite-icn:before {
    content: "";
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.ovr-hiddn {
    overflow: hidden;
}

.overlay:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.overlay {
    display: none;
}
.overlay.active {
    display: block;
}

.mn-btn {
    color: #ffffff;
    font-size: 18px;
    background: #000000;
    border: 1px solid #000000;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px 0px;
}
.mn-btn:hover {
    background: transparent;
    color: #000000;
}

/* Padding Classes */
.pad-sec {
}
.pad-zero {
    padding: 0px;
}
.pad-l-zero {
    padding-left: 0px;
}
.pad-r-zero {
    padding-right: 0px;
}

/* Heading Classes */
.mn-hd h1 {
}
.mn-hd h2 {
}
.mn-hd h3 {
}
.mn-hd h4 {
}
.mn-hd h5 {
}
.mn-hd h6 {
}
.mn-hd p {
}
.mTop-60 {
    margin-top: 60px;
}
.mtop-20 {
    margin-top: 20px;
}
.mbottom-20 {
    margin-top: 20px;
}
/* header CSS */
header {
    -webkit-transition: all 0.4s ease-In-out;
    -moz-transition: all 0.4s ease-In-out;
    -o-transition: all 0.4s ease-In-out;
    transition: all 0.4s ease-In-out;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    z-index: 999;
}
.main-header {
}
.logo {
    display: inline-block;
}
.logo img {
    display: block;
}

/* Menu Css */
.menu {
    font-size: 0px;
    display: inline-block;
    vertical-align: middle;
}
.menu li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
}
.menu li.last {
    margin-right: 0px;
}
.menu li a {
    display: block;
    font-size: 16px;
    color: #cecece;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    padding: 33px 0;
}
.menu li:hover a:after,
.menu li.active a:after {
    content: "";
    width: 100%;
    background: url("../images/hover.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 17px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* Dropdown CSS*/
@keyframes btotreverse {
    0% {
        top: 75px;
        opacity: 1;
    }
    100% {
        top: 115px;
        opacity: 0;
    }
}
@keyframes btot {
    0% {
        top: 115px;
        opacity: 0;
    }
    100% {
        top: 40px;
        opacity: 1;
    }
}
.dropdown-nav {
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}
.dropdown-nav:hover {
    overflow: visible;
}
ul.dropdown {
    position: absolute;
    width: 100%;
    left: -0px;
    margin: auto;
    background: #fff;
    padding: 20px;
    text-align: left;
    border-radius: 2px;
    box-shadow: 0 0 10px 3px #00000014;
    opacity: 0;
    animation: btotreverse 0.5s forwards;
}
ul.dropdown li {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}
ul.dropdown li a {
    padding: 0;
    font-size: 14px;
    color: #000 !important;
    display: block;
    width: 100%;
    margin: 0px 0 15px;
    text-align: center;
    font-weight: 600;
    background: transparent !important;
}
ul.dropdown li.last a {
    margin-bottom: 0px;
}
ul.dropdown li a:hover {
    color: #000 !important;
}
.dropdown-nav:hover ul.dropdown {
    animation: btot 0.5s forwards;
    z-index: 9;
}

/* Write your CSS styling from here */

.menuWrap {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

ul.accoutNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.accoutNav li a {
    color: #cecece;
    padding: 0 25px;
}
ul.accoutNav li:first-child a {
    display: flex;
    align-items: center;
}
ul.accoutNav li:first-child a img {
    margin-right: 15px;
}
ul.accoutNav li:nth-child(2) {
    position: relative;
}
ul.accoutNav li:nth-child(2) span {
    position: absolute;
    top: 0;
    right: 10px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    line-height: 25px;
    color: #cecece;
    font-size: 14px;
    background: url("../images/count.png");
    background-size: cover;
}
ul.accoutNav li:nth-child(3) a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 15px 20px;
}
ul.accoutNav li:nth-child(3) a i {
    margin-right: 15px;
}
ul.accoutNav li:nth-child(3) a:hover {
    background: #fff;
    color: #000;
}

/* Filter Section CSS Start */

section.filterMain {
    width: calc(100% - 75px);
    margin: -220px auto 0;
}
section.filterMain ul.mainTabs {
    display: flex;
    margin: 0 0 0 40px;
}
section.filterMain ul.mainTabs li a {
    background: #373737;
    color: #fff;
    border: 2px solid #ffffff;
    padding: 20px 30px;
    font-size: 22px;
    border-radius: 10px 10px 0px 0px;
    margin: 0 15px;
    border-bottom: none;
    position: relative;
}

section.filterMain ul.mainTabs li.current a {
    border-color: #58a700;
    background: rgba(88, 167, 0, 0.2);
}
section.filterMain .tabBoxMain {
    background: #ffffff;
    padding: 78px 50px;
    box-shadow: 30px 30px 99px #00000029;
    border-radius: 8px;
    position: relative;
}

section.filterMain ul.mainTabs li.current a:after {
    content: "";
    position: absolute;
    bottom: 0;
    background: url(../images/filterActive.png);
    width: 20px;
    height: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

section.filterMain .tabBoxMain label {
    display: block;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 18px;
}
section.filterMain .tabBoxMain select {
    width: 100%;
    height: 70px;
    border: 1px solid #585858;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 18px;
    color: #979797;
}

section.filterMain .tabBoxMain button {
    width: 100%;
    border: none;
    background-image: linear-gradient(
        to left,
        #86c440,
        #6cbb4b,
        #54b155,
        #3ca65c,
        #239b62
    );
    height: 70px;
    border: 4px solid #fff;
    box-shadow: 0px 0px 18px #0000004f;
    color: #fff;
    font-size: 18px;
    margin: 40px 0 0 0;
}

section.filterMain .tabBoxMain button i {
    margin-right: 10px;
    font-size: 22px;
}

/* Filter Section CSS Close */

/* Vechile Type Section CSS start  */

.secVehicleType {
    background: #f6f6f6;
}
.secVehicleTypeWrap {
    width: calc(100% - 140px);
    margin: 0 auto 0;
    padding-top: 140px;
}

.secVehicleType h3 {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 25px;
    margin-bottom: 15px;
}
.secVehicleType h2 {
    font-weight: 700;
    font-size: 40px;
    color: #333333;
    line-height: 43px;
    margin-bottom: 20px;
}
.secVehicleType p {
    font-size: 20px;
    line-height: 30px;
    width: 70%;
}
.secVehicleType ul {
    margin-top: 70px;
}
.secVehicleType ul li {
    background: #fff;
    text-align: center;
    border-radius: 10px;
}
.secVehicleType ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    padding: 50px 0;
}

.secVehicleType ul li h4 {
    font-weight: 600;
    font-size: 26px;
    color: #818181;
    width: 100%;
}

.testiArrows {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0;
    position: relative;
}
.testiArrows:after {
    content: "";
    width: 42%;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #ddd;
}
.testiArrows:before {
    content: "";
    width: 42%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #ddd;
}
.testiArrows .prev,
.testiArrows .next {
    height: 59px;
    width: 60px;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
    margin: 0 10px;
}
.testiArrows .prev i,
.testiArrows .next i {
    color: #86c440;
    font-size: 20px;
}

.testiArrows .prev:hover i,
.testiArrows .next:hover i {
    color: #fff;
    font-size: 20px;
}

.testiArrows .prev {
    background: url("../images/prevBg.png");
}
.testiArrows .next {
    background: url("../images/nextBg.png");
}

.testiArrows .prev:hover {
    background: url("../images/prevHover.png");
}
.testiArrows .next:hover {
    background: url("../images/nextHover.png");
}
/* Vechile Type Section CSS Close  */

/* Features Section Css Start */

.featureSec {
    background: url("../images/featureBg.png");
}
.featureSecWrap {
    width: calc(100% - 140px);
    margin: 0 auto;
    padding: 100px 0;
}

.featureDesTop {
    margin-bottom: 100px;
}
.featureDesTop h4 {
    font-family: "Good Times Rg";
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 3.2px;
}
.featureDesTop h3 {
    font-size: 42px;
    color: #86c440;
    font-weight: 700;
    line-height: 63px;
}
.featureDesTop p {
}

.featureBox {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}
.imgBox {
    position: relative;
}
.imgBox ul {
    position: absolute;
    right: 10px;
    top: 10px;
}
.imgBox ul li a {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: #fff;
    margin: 0 0 20px;
    padding: 8px;
}
.imgBox ul li a:hover {
    color: red;
}

.boxInfo {
    padding: 0 20px;
    position: relative;
}
.boxInfo:before {
    content: "";
    height: 59px;
    width: 7px;
    background: #bcbcbc;
    position: absolute;
    left: 0;
    top: 57%;
    left: -10px;
}
.boxInfo h5 {
    font-size: 18px;
    color: #fff;
    margin: 15px 0 15px 0;
    background-image: linear-gradient(
        to left,
        #86c440,
        #6cbb4b,
        #54b155,
        #3ca65c,
        #239b62
    );
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
}
.boxInfo h6 {
    color: #545454;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}
.boxInfo ul {
    display: flex;
}
.boxInfo ul li {
    color: #fdc101;
    margin: 0 8px 0 0;
    font-size: 18px;
}
.boxInfo ul li:last-child {
    color: #cecece;
}

.vehicleSpec {
}
.vehicleSpec ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: center;
}
.vehicleSpec ul li {
    font-size: 13px;
    color: #545454;
    align-items: center;
    display: flex;
    width: 30%;
    margin: 10px 0;
}
.vehicleSpec ul li img {
    margin-right: 10px;
}

.featureBox-2 {
    padding-top: 85px;
    padding-bottom: 85px;
}

.viewMoreBtn {
    margin: 90px 0 0;
    text-align: center;
}
.viewMoreBtn a {
    display: inline-block;
    border: 2px solid #86c440;
    padding: 20px 40px;
    border-radius: 5px;
    color: #86c440;
}
.viewMoreBtn a:hover {
    background: #86c440;
    color: #fff;
}

/* Features Section Css Close */

/* CTA Banner CSS Start  */

.ctaBanner {
    background: #f6f6f6;
    padding: 100px 0;
}
.ctaWrapper {
    width: calc(100% - 140px);
    margin: 0 auto;
}
.ctaWrapper .col-md-6 {
    padding: 0;
}
.ctaWrapper h3 {
    font-size: 30px;
    color: #818181;
    line-height: 70px;
}
.ctaWrapper h3 span {
    font-family: "Good Times Rg";
    font-size: 60px;
    color: #86c440;
}
.ctaWrapper p {
    color: #818181;
    font-size: 20px;
}

.carImg {
    height: 100px;
    width: 100px;
    border: 2px solid #86c440;
    border-radius: 6px;
    text-align: center;
    line-height: 140px;
}

.ctaBanner h4 {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}
.ctaBanner p {
    font-size: 18px;
}
/* CTA Banner CSS Close  */

/* Popular CSS Start   */

.popularSec {
    background: url("../images/popularBg.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.popularSec .featureSecWrap {
    padding: 0;
}

/* Popular CSS Close   */

/* Testimonials CSS Start  */

.testimonialsSec {
    background: url("../images/testiBg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px;
}

.testimonialsWrapper {
    width: calc(100% - 300px);
    margin: 0 auto;
}

.testimonialsSec h3 {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 3.2px;
    line-height: 25px;
}
.testimonialsSec h4 {
    font-weight: 700;
    font-size: 42px;
    color: #fff;
    line-height: 63px;
}
.testimonialsSec p {
    color: #fff;
}
.testimonialsSec ul {
    margin: 50px 0;
}
.testimonialsSec ul li {
    text-align: center;
}
.testimonialsSec ul li p {
    font-size: 25px;
    font-style: italic;
    line-height: 40px;
}

ul.slider-nav {
    padding: 0 0;
    margin: 0;
}
ul.slider-nav li img {
    margin: 0 auto;
}
ul.slider-nav li {
    padding: 20px;
}
ul.slider-nav li.slick-current img {
    transform: scale(1.3);
}

/* Testimonials CSS Close  */

.ourClients {
    margin-top: -200px;
    margin-bottom: 100px;
}
.ourClients ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ourClients ul li {
}

/* Blog Section CSS Start */

.blogSection {
    padding: 100px 0;
    background: #f6f6f6;
}
.blogSection h4 {
    text-transform: uppercase;
    font-size: 30px;
    color: #000;
    font-weight: 700;
}
.blogSection h3 {
    text-transform: uppercase;
    font-size: 50px;
    color: #86c440;
    margin: 20px 0;
    font-weight: 700;
}
.blogSection p {
}

.blogBox {
    margin-top: 50px;
}
.blogImgHolder {
    position: relative;
}
.blogImgHolder img {
    width: 100%;
}

.categoryHolder {
    position: absolute;
    bottom: 3px;
    left: 40px;
    background-image: linear-gradient(
        to left,
        #86c440,
        #6cbb4b,
        #54b155,
        #3ca65c,
        #239b62
    );
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    font-size: 20px;
}

.blogDesHolder {
    padding: 30px 0;
    background: #fff;
}
.blogDesHolder h6 {
    color: #bababa;
    line-height: 28px;
    letter-spacing: 0.65px;
}
.blogDesHolder h6 span {
    color: #86c440;
}
.blogDesHolder h2 {
    color: #545454;
    letter-spacing: 0.98px;
    line-height: 28px;
    margin-bottom: 20px;
}

.blogTitleHolder {
    position: relative;
    padding: 0 40px;
}
.blogTitleHolder:before {
    content: "";
    height: 59px;
    width: 7px;
    background: #bcbcbc;
    position: absolute;
    top: 0;
    left: 0;
}

.blogTxtHolder {
    padding: 0 40px;
}
.blogTxtHolder p {
    font-size: 15px;
    color: #676767;
    line-height: 25px;
    margin-bottom: 20px;
}
.blogTxtHolder p a {
    font-size: 13px;
    color: #545454;
    text-decoration: none;
}
.blogTxtHolder p a i {
    color: #86c440;
}

.blogBoxOnlyImg {
    background: #fff;
    padding: 96px 50px;
}

/* Blog Section CSS Close */

/* Footer CSS Start  */

footer {
    background: url("../images/footer.png");
    background-repeat: no-repeat;
    background-position: center;
    padding: 150px 0;
    background-size: cover;
}
.footerWrapper {
    width: calc(100% - 140px);
    margin: 0 auto;
}
.footerWrapper .widget {
}
.footerWrapper .widget p {
    color: #8c8c8c;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
}
.footerWrapper .widget p strong {
    font-weight: 700;
    color: #fff;
}

ul.footerSocial {
    display: flex;
    align-items: center;
}
ul.footerSocial li a {
    margin-right: 15px;
    font-size: 14px;
    color: #86c440;
}

.footerWrapper .widget h3 {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    color: #86c440;
    margin-bottom: 50px;
    position: relative;
    padding: 0 0 0 20px;
}
.footerWrapper .widget h3:before {
    content: "";
    height: 25px;
    width: 4px;
    background: #86c440;
    position: absolute;
    top: -5px;
    left: 0;
}

.footerWrapper .widget ul.useFullLinks {
}
.footerWrapper .widget ul.useFullLinks li a {
    color: #8c8c8c;
    margin-bottom: 15px;
}
.footerWrapper .widget ul.useFullLinks li a:hover {
    color: #86c440;
}
.footerWrapper .widget ul.useFullLinks li a i {
    margin-right: 15px;
    color: #8c8c8c;
}

ul.addressInfo {
    display: block;
}
ul.addressInfo li {
    display: flex;
    color: #8c8c8c;
    margin-bottom: 20px;
    line-height: 25px;
    align-items: baseline;
}
ul.addressInfo li i {
    color: #fff;
    margin-right: 20px;
}

.footerWrapper .widget form input {
    width: 100%;
    background: #fff;
    height: 57px;
    border-radius: 8px;
    padding: 0 15px;
}
.footerWrapper .widget form button {
    background-image: linear-gradient(
        to left,
        #86c440,
        #6cbb4b,
        #54b155,
        #3ca65c,
        #239b62
    );
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
    border-radius: 8px;
    margin-top: 20px;
}

.copyRightMain {
    background: #000;
    padding: 20px 0;
}
.copyright {
    width: calc(100% - 140px);
    margin: 0 auto;
}
.copyright p {
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
}
.copyright p span {
    color: #86c440;
}
.copyright ul {
    display: flex;
    justify-content: end;
}
.copyright ul li {
}
.copyright ul li a {
    color: #ddd;
    font-weight: 700;
    color: #8c8c8c;
    margin-right: 15px;
}

/* Footer CSS Close  */

/* End Styling */

/* Hamburger Menu */
.menu-Bar {
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0px;
    margin: auto;
    z-index: 22;
    display: none;
}
.menu-Bar span {
    display: block;
    height: 4px;
    width: 100%;
    background: #ffff00;
    position: absolute;
    transition: 0.6s all;
    border-radius: 100px;
}
.menu-Bar span:nth-child(1) {
    top: 0;
}
.menu-Bar span:nth-child(2) {
    top: 8px;
    transform-origin: left;
}
.menu-Bar span:nth-child(3) {
    top: 16px;
}
.menu-Bar.open span {
    background: #b70404;
}
.menu-Bar.open span:nth-child(1) {
    transform: rotate(45deg);
    top: 12px;
    transform-origin: right-center;
}
.menu-Bar.open span:nth-child(2) {
    width: 0;
    opacity: 0;
}
.menu-Bar.open span:nth-child(3) {
    transform: rotate(-45deg);
    top: 12px;
    transform-origin: right-center;
}
.bannerheightadjust {
    min-height: 590px;
}
.mainbanneroverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1041px;
}
.mainbanneroverlay h2 {
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 17px;
}
.mainbanneroverlay .breadcrumb {
    padding: 26px 54px;
    background: rgba(0, 0, 0, 0.47);
    border-radius: 7px;
}
.mainbanneroverlay .breadcrumb ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainbanneroverlay .breadcrumb ul li {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
}
.mainbanneroverlay .breadcrumb ul li a {
    color: #fff;
}
.mainbanneroverlay .breadcrumb ul li::before {
    content: "/";
    margin: 0 10px;
    position: relative;
    display: inline-block;
}
.mainbanneroverlay .breadcrumb ul li:first-child:before {
    display: none;
}
.customize-container {
    max-width: 1667px;
    padding: 80px 15px;
    background: #f6f6f6;
}
.notifyalertgreen {
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    color: #261f1f;
    padding: 17px 30px;
    background: #edfeda;
    border: 1px solid #86c440;
    border-radius: 5px;
    margin-bottom: 80px;
    position: relative;
}
.notifyalertgreen .closealertbar {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.carcomparisonsection {
}
.carcomparisonsection .dragableslidingcars {
    flex-wrap: nowrap;
    overflow: hidden;
    /* overflow-x: scroll; */
    padding-bottom: 20px;
}
.carcomparisonsection .dragableslidingcars .carcard {
}
.carcomparisonsection .dragableslidingcars .carcard .inner {
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .imageholder {
    border-radius: 7px 7px 0 0;
    overflow: hidden;
    position: relative;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .imageholder img {
    border-radius: 7px 7px 0 0;
    width: 100%;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .imageholder
    .iconholder {
    position: absolute;
    z-index: 1;
    top: 32px;
    right: 20px;
    display: flex;
    flex-direction: column;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .imageholder
    .iconholder
    button {
    width: 38px;
    height: 38px;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 100%;
    color: #fff;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .content {
    padding: 19px 25px;
    position: relative;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .content::before {
    content: "";
    width: 7px;
    height: 60px;
    background: #bcbcbc;
    position: absolute;
    left: -10px;
    top: 66px;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .content .ranktag {
    width: 58px;
    height: 32px;
    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    color: #ffffff;
    border-radius: 5px;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .content .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: #545454;
    margin-bottom: 14px;
}
.carcomparisonsection .dragableslidingcars .carcard .inner .content .starrated {
    margin-bottom: 27px;
    display: flex;
    align-items: center;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .content
    .starrated
    span {
    color: #cecece;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .content
    .starrated
    span.checked {
    color: #fdc101;
}

.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .content
    .starrated
    .stars {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-right: 9px;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .content
    .starrated
    .value {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #bababa;
}

.carcomparisonsection .dragableslidingcars .carcard .inner .content .footer {
    display: flex;
    align-items: center;
    gap: 10px;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .content
    .footer
    .vehicleprofile {
    width: 166px;
    height: 46px;
    border-color: #86c440;
    border-width: 1px;
    border-style: solid;
    background: #edfeda;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 1;
    color: #86c440;
    border-radius: 5px;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .inner
    .content
    .footer
    .vehicledelete {
    width: 46px;
    height: 46px;
    border-color: #ff7575;
    border-width: 1px;
    border-style: solid;
    background: #feebec;
    border-radius: 5px;
    color: #ff7575;
}
.selectcarcards {
    border-color: #86c440;
    border-width: 2px;
    border-style: solid;
    background: #ffffff;
    border-radius: 8px;
}
.selectcarcards .top {
    text-align: center;
    padding: 54px 30px 132px;
    border-bottom: 1px solid #dedede;
}
.selectcarcards .top .iconholderbtn {
    margin: 0 auto;
    margin-bottom: 17px;
    width: 143px;
    height: 143px;
}
.selectcarcards .top .iconholderbtn img {
    width: 100%;
}
.selectcarcards .top .note {
}
.selectcarcards .top .note .black {
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 6px;
    display: block;
}
.selectcarcards .top .note .maxallowed {
    font-size: 18px;
    font-weight: 300;
    color: #86c440;
    display: block;
}
.selectcarcards .bottom {
    padding: 30px;
}
.selectcarcards .bottom p {
    font-size: 18px;
    font-weight: 300;
    color: #261f1f;
    margin-top: 20px;
    display: flex;
    line-height: 1;
    align-items: center;
    gap: 14px;
}
.selectcarcards .bottom p:first-child {
    margin-top: 0;
}
.selectcarcards .bottom p input {
}
.selectcarcards .bottom p label {
    font-weight: 300;
}
.selectcarcards .bottom p .checkboxholder {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.selectcarcards .bottom p .text {
    font-size: 18px;
    font-weight: 300;
    color: #261f1f;
    line-height: 1;
}
.selectcarcards .bottom p .checkboxholder input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.selectcarcards .bottom p .checkboxholder .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #cecece;
    background: #fcfcfc;
    border-radius: 5px;
}
.selectcarcards .bottom p .checkboxholder:hover input ~ .checkmark {
    background-color: #ccc;
}
.selectcarcards .bottom p .checkboxholder input:checked ~ .checkmark {
    border-color: #86c440;
    border-width: 1px;
    border-style: solid;

    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
}
.selectcarcards .bottom p .checkboxholder .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.selectcarcards .bottom p .checkboxholder input:checked ~ .checkmark:after {
    display: block;
}
.selectcarcards .bottom p .checkboxholder .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.carcomparisonsection .dragableslidingcars .carcard .carselector {
    margin-bottom: 20px;
}
.carcomparisonsection .dragableslidingcars::-webkit-scrollbar {
    height: 8px;
}
.carcomparisonsection .dragableslidingcars::-webkit-scrollbar-thumb {
    background: #86c440;
    border-radius: 40px;
}
.carcomparisonsection .dragableslidingcars::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 40px;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .carselector
    .select2-container {
    width: 100% !important;
    height: 66px;
    border-color: #86c440;
    border-width: 1px;
    border-style: solid;
    background: #fff;
    color: #000;
    border-radius: 5px;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    color: #000000;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .carselector
    .select2-container
    .selection {
    display: block;
    height: 66px;
    padding: 0 15px;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .carselector
    .select2-container--default
    .select2-selection--single {
    background: none;
    border: 0;
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .carselector
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
}
.carcomparisonsection
    .dragableslidingcars
    .carcard
    .carselector
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-width: 8px 6px 0 6px;
}
/* .carcomparisonsection .dragableslidingcars .carcard .carselector .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 20px;
    padding-right: 0;
} */
.carslidernavigation .testiArrows {
    padding: 53px 0;
}
.filtersidebar {
    background: #fff;
    border-radius: 8px;
}
.filtersidebar h4 {
    font-size: 22px;
    color: #545454;
    margin-bottom: 19px;
    padding: 30px 30px 0;
}
.filtersidebar .filtersearch {
    padding: 0 30px 23px;
}
.filtersidebar .filtersearch .inner {
    border: 1px solid #cecece;
    background: #fcfcfc;
    position: relative;
    border-radius: 5px;
}
.filtersidebar .filtersearch .inner input {
    background: none;
    border: 0;
    width: 100%;
    padding: 18px 50px 18px 20px;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 300;
    color: #979797;
}
.filtersidebar .filtersearch .inner button {
    background: none;
    border: 0;
    position: absolute;
    font-size: 18px;
    color: #8c8c8c;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.filtersidebar .filteroption {
    padding: 23px 30px;
    border: 1px solid #eeeeee;
}
.filtersidebar .filteroption ul {
    margin: 0;
    padding: 0;
}
.filtersidebar .filteroption ul li {
    margin-top: 20px;
}
.filtersidebar .filteroption ul li:first-child {
    margin-top: 0;
}
.filtersidebar .filteroption label {
    font-size: 18px;
    font-weight: 300;
    color: #979797;
    display: block;
}
.filtersidebar .filteroption label .checkboxholder {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.filtersidebar .filteroption label .text {
    font-size: 18px;
    font-weight: 300;
    color: #979797;
    line-height: 1;
}
.filtersidebar .filteroption label .checkboxholder input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.filtersidebar .filteroption label .checkboxholder .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #cecece;
    background: #fcfcfc;
    border-radius: 5px;
}
.filtersidebar .filteroption label .checkboxholder:hover input ~ .checkmark {
    background-color: #ccc;
}
.filtersidebar .filteroption label .checkboxholder input:checked ~ .checkmark {
    border-color: #86c440;
    border-width: 1px;
    border-style: solid;
    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
}
.filtersidebar .filteroption label .checkboxholder .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.filtersidebar
    .filteroption
    label
    .checkboxholder
    input:checked
    ~ .checkmark:after {
    display: block;
}
.filtersidebar .filteroption label .checkboxholder .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.filtersidebar .filteroption .title {
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #545454;
    line-height: 24px;
    background-image: url(../images/filteroptionsarrow.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.filtersidebar .filteroption.active .title {
    background-image: url(../images/filteroptiondownarrow.png);
}
.filtersidebar .filteroption .filtercontent {
    display: none;
    padding-top: 23px;
}
.filtersidebar .filtersubmit button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 76px;
    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
    color: #fff;
    font-size: 20px;
    border-radius: 8px;
}
.filtersidebar .filtersubmit img {
    transform: rotate(-90deg);
    margin-right: 10px;
    width: 28px;
}
.filtersidebar .filterreset {
    font-size: 18px;
    color: #8c8c8c;
    text-align: center;
}
.filtersidebar .filterreset button {
    margin-top: 22px;
    padding: 0;
    font-size: 18px;
    color: #8c8c8c;
    text-align: center;
}
.sidebaradholder {
    margin: 35px 24px 0 24px;
}
.sidebaradholder img {
    max-width: 100%;
}
.selectedcarsstrip {
    display: flex;
    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
    align-items: center;
    padding: 20px 0;
    border-radius: 10px;
    justify-content: space-between;
    margin-top: 55px;
}
.selectedcarsstrip ul {
    margin: 0;
    padding: 0;
    display: flex;
}
.selectedcarsstrip ul li {
    font-family: "Poppins";
    font-size: 17px;
    color: #ffffff;
    border-left: 2px solid #fff;
    padding-left: 20px;
    padding-right: 20px;
}
.selectedcarsstrip ul li:first-child {
    border: 0;
    padding-left: 0;
}
.selectedcarsstrip .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
}
.selectedcarsstrip button {
    font-size: 14px;
    color: #ffffff;
    height: 36px;
    border: 1px solid #fff;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.selectedcarsstrip button:hover {
    color: #86c440;
    background: #fff;
}
.selectedcarsstrip button.cancelstrip {
    border: 0;
}
.comparecartabsbar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    margin-top: 20px;
    position: sticky;
    top: 0;
    z-index: 100;
}
.comparecartabsbar .selector {
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    /* transition-duration:0.6s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); */
    transition: all 0.2s ease-in-out;
    height: 4px;
    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
}
.comparecartabsbar a {
    font-size: 20px;
    font-weight: 500;
    color: #545454;
}
.comparecartabsbar a:hover {
    color: #2fa05d;
}
.comparecartabsbar a.active {
    color: #2fa05d;
}
.comparecaraccordians {
}
.comparecaraccordians .eachaccordian {
    border: 1px solid #9d9d9d;
    border-radius: 10px;
    margin-top: 20px;
}
.comparecaraccordians .eachaccordian:first-child {
    margin-top: 0;
}
.comparecaraccordians .eachaccordian .accordiantitle {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    padding: 19px 30px;
    border-bottom: 1px solid #9d9d9d;
    border-radius: 10px;
    background-color: #fff;
    background-image: url(../images/accordianopen.png);
    background-position: 99% center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.comparecaraccordians .eachaccordian .accordiantitle.active,
.comparecaraccordians .eachaccordian .accordiantitle.sticky {
    background-image: url(../images/accordianclose.png);
}
.comparecaraccordians .eachaccordian .accordiantitle.sticky {
    position: sticky;
    top: 70px;
    z-index: 99;
}
.comparecaraccordians .eachaccordian .accordiancontent {
    background: #f5f6f7;
    height: 0;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}
.comparecaraccordians .eachaccordian .accordiancontent.active {
    padding: 60px 15px;
    height: auto;
    overflow: auto;
}
.comparecaraccordians .eachaccordian .accordiancontent label {
    font-size: 18px;
    font-weight: 300;
    color: #979797;
    display: block;
}
.comparecaraccordians .eachaccordian .accordiancontent label .checkboxholder {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 5px;
}
.comparecaraccordians .eachaccordian .accordiancontent label .text {
    font-size: 18px;
    font-weight: 300;
    color: #000;
    line-height: 1;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder
    input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder
    .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #cecece;
    background: #fcfcfc;
    border-radius: 5px;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder:hover
    input
    ~ .checkmark {
    background-color: #ccc;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder
    input:checked
    ~ .checkmark {
    border-color: #86c440;
    border-width: 1px;
    border-style: solid;
    background: #86c440;
    background: linear-gradient(-93deg, #86c440 0%, #239b62 100%);
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder
    .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder
    input:checked
    ~ .checkmark:after {
    display: block;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    label
    .checkboxholder
    .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.comparecaraccordians .eachaccordian .accordiancontent .table-wrapper {
    overflow-x: auto;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .table-wrapper::-webkit-scrollbar {
    height: 8px;
    background: #fff;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .table-wrapper::-webkit-scrollbar-thumb {
    background: #86c440;
    border-radius: 40px;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .table-wrapper::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 40px;
}
.tablerow {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.tablerow .stickycol {
    position: sticky;
    left: 0;
    background: #f5f6f7;
    display: flex;
    align-items: center;
    padding: 0;
    flex: 0 0 auto;
    gap: 40px;
    height: 63px;
}
.tableinnercols {
    display: flex;
    background: #fff;
    border-radius: 10px;
    align-items: center;
}
.tableinnercols.greenhighlight {
    background: rgba(177, 228, 120, 0.33);
}
.tableinnercols .tablecol {
    padding: 0;
    flex: 0 0 auto;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.comparecaraccordians .eachaccordian .accordiancontent .horsepowermeter {
    height: 31px;
    border-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    filter: drop-shadow(0px 0px 7.5px rgba(0, 0, 0, 0.19));
    background: #ffffff;
    padding: 2px;
    margin: 0 10px;
    width: 100%;
    border-radius: 35px;
    overflow: hidden;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .horsepowermeter
    .overlaymeter
    .textholder {
    width: 50%;
    z-index: 3;
    color: white;
    text-align: center;
    height: 100%;
    font-size: 18px;
    background: #e5405e;
    background: linear-gradient(
        to right,
        #e5405e 0%,
        #ffdb3a 45%,
        #3fffa2 100%
    );
    border-radius: 32px;
}

.comparecaraccordians .eachaccordian .accordiancontent .horsepowermeter {
    height: 31px;
    border-color: #ffffff;
    border-width: 2px;
    border-style: solid;
    filter: drop-shadow(0px 0px 7.5px rgba(0, 0, 0, 0.19));
    background: #ffffff;
    padding: 2px;
    margin: 0 10px;
    border-radius: 35px;
    width: 100%;
    position: relative; /* relative here */
}

.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .horsepowermeter
    .overlaymeter {
    height: 24px;
    border-radius: 25px;
    -webkit-mask: linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0);
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .horsepowermeter
    .overlaymeter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        -90deg,
        #e90f16 0%,
        #fdc101 45.6%,
        #2a9e5f 100%
    );
}

.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .horsepowermeter
    .overlaymeter {
    font-size: 18px;
    color: #fff;
    text-align: right;
}
.comparecaraccordians
    .eachaccordian
    .accordiancontent
    .horsepowermeter
    .valueholder {
    position: absolute;
    top: 0;
    left: 2px;
    z-index: 10;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: right;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
}
.filtersidebar .filteroption .customrangeslider .slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    cursor: pointer;
    outline: none;
    border-radius: 15px;
    height: 6px;
    background: #ccc;
}
.filtersidebar .filteroption .customrangeslider p {
    color: #979797;
    font-family: "Poppins";
    font-size: 18px;
    font-weight: 300;
    margin: 10px 0 0;
}

.filtersidebar .filteroption .customrangeslider .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    background-color: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.16));
    border-radius: 50%;
    border: none;
    transition: 0.2s ease-in-out;
}

.filtersidebar .filteroption .customrangeslider .slider::-moz-range-thumb {
    height: 17px;
    width: 17px;
    background-color: #fff;
    filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.5));
    border-radius: 50%;
    border: none;
    transition: 0.2s ease-in-out;
}

.filtersidebar
    .filteroption
    .customrangeslider
    .slider::-webkit-slider-thumb:hover {
    box-shadow: 0 0 0 10px rgba(86, 165, 75, 0.1);
}

.filtersidebar
    .filteroption
    .customrangeslider
    .slider:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(86, 165, 75, 0.2);
}

.filtersidebar
    .filteroption
    .customrangeslider
    .slider:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 13px rgba(86, 165, 75, 0.2);
}

.filtersidebar
    .filteroption
    .customrangeslider
    .slider::-moz-range-thumb:hover {
    box-shadow: 0 0 0 10px rgba(86, 165, 75, 0.1);
}

.filtersidebar
    .filteroption
    .customrangeslider
    .slider:active::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(86, 165, 75, 0.2);
}

.filtersidebar
    .filteroption
    .customrangeslider
    .slider:focus::-moz-range-thumb {
    box-shadow: 0 0 0 13px rgba(255, 85, 0, 0.2);
}

.border.border-green.bg-white.mb1.col-4 {
    border: 5px dashed #86c440 !important;
    border-radius: 5px !important;
}

.tooltip-main {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    font-weight: 700;
    background: #f3f3f3;
    border: 1px solid #737373;
    color: #737373;
    margin: 4px 121px 0 5px;
    float: right;
    text-align: left !important;
}

.tooltip-qm {
    float: left;
    margin: -2px 0px 3px 4px;
    font-size: 12px;
}

.tooltip-inner {
    max-width: 236px !important;
    height: auto;
    font-size: 10px;
    padding: 2px 5px;
    background: #ffffff;
    color: #737373;
    text-align: left;
    border: 0 !important;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
}

.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #fff;
}
.compareablecarslist .tableinnercols {
    background: none;
}
.compareablecarslist .tableinnercols .tablecol {
    font-family: "Poppins";
    font-size: 20px;
    line-height: 34px;
    height: 84px;
    border-left: 1px solid #d5d5d5;
}
.compareablecarslist .tableinnercols .tablecol:first-child {
    border: 0;
}
.compareablecarslist .tablerow {
    margin-bottom: 0;
}
/* Responsive Media Queries */
@media (max-width: 1660px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1440px) {
}
@media (max-width: 1200px) {
    img {
        max-width: 100%;
        height: auto;
    }
    .menu-Bar {
        display: block;
        top: 0px;
    }
    .menuWrap.open {
        display: flex;
        left: 0px;
    }
    .menuWrap {
        position: fixed;
        left: -210%;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background: #ff8000;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        transition: all 0.4s ease;
        z-index: 3;
        width: 100vw;
    }
    ul.menu li {
        display: block;
    }
    ul.menu li a {
        margin-bottom: 10px;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding-right: 0px;
        margin-right: 0px;
        color: #fff;
        font-size: 15px;
        text-transform: capitalize;
    }
    .logo img {
        max-width: 50%;
    }
    .container {
        position: relative;
    }
    header .header-top {
        display: none;
    }
    header .main-header ul.menu > li {
        display: block;
        padding: 0px;
    }
    header .main-header ul.menu > li a {
        color: #fff;
        padding: 0px;
    }
    header .main-header ul.menu > li a:before {
        display: none;
    }
}
@media (max-width: 1024px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 767px) {
}
@media (max-width: 480px) {
}