section.hero .heading h3 {
    color: #fff;
}


/*New Vehicle Page*/

body .listing-featured-vehicles {

    background: none;

}

.listing-featured-vehicles .featured-vehicles .featured-vehicle-slider .item img  {

    height: 250px;

    object-fit: cover;


}




.gridCol {

    border: 1px solid #dedede;

    padding-top: 8px;

    padding-bottom: 8px;

    margin-bottom: 30px;

    padding-left: 15px;

    padding-right: 15px;

    border-radius: 0px 30px 0px 0px;

}

.gridCol span {

    position: relative;

    top: 10px;

    font-size: 16px;

    color: #363636;

    font-weight: 500;

}

.rightController {

    float: right;

}

.rightController .fa-chevron-down {

    position: absolute;

    z-index: 1;

    right: 80px;

    color: #fff;

}

.rightController select {

    width: 215px;

    height: 45px;

    background: #363636;

    color: #fff;

    padding: 0px 7px;

    font-size: 14px;

    border-radius: 30px;

    padding-left: 20px;

}

.rightController select{

    appearance: none;

}

.rightController {

    display: flex;

    align-items: center;

    justify-content: center;

}

.rightController i.fa-th {

    background: #0018f8;

    color: #fff;

    width: 43px;

    display: flex;

    align-items: center;

    height: 43px;

    justify-content: center;

    margin-left: 10px;

    border-radius: 50%;

    transition: all 0.5s ease-in;

}

.rightController i:hover {

    background: #000000;

}

.paginationNo {

    float: right;

    background: #363636;

    height: 40px;

    width: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    color: #fff !important;

    margin: 0px 7px;

    font-weight: 600 !important;

    top: 0px !important;

    transition: ease all 0.25s;

    cursor: pointer;

}



.paginationNo:hover {

    background: #0018f8;

}
/* 
.productCategoryCol {

    border: 1px solid #dedede;

    border-radius: 0px 30px 0px 0px !important;

}
 */

 .productCategoryCol {
    box-shadow: 0px 13px 8px #0000000D;
    border-radius: 6px;
}
.productCategoryCol .accordion{
    padding: 0 10px 24px;
}
.productCategoryCol .accordion h5:after {

    content: '\f0d8';

    font-family: 'Font Awesome 5 Free';

    font-weight: 700;

    position: absolute;

    right: 10px;

    font-size: 12px;

    top: 15px;

    background: #ececec;

    height: 25px;

    display: flex;

    width: 25px;

    justify-content: center;

    border-radius: 50%;

    font-size: 17px;

}

 .card.changeIcon h5:after{

    content: '\f0dd' !important;

    font-family: 'Font Awesome 5 Free';

    background: #ececec;

    height: 25px;

    display: flex;

    width: 25px;

    justify-content: center;

    border-radius: 50%;

    font-size: 17px;

} 

.productCategoryCol .accordion .btn-link {

    font-size: 16px;

    color:#000;

    line-height: 30px;

    font-weight: 600;

    width: 100%;

    text-align: left;

    position: relative;

    z-index: 1;

    padding-left: 0px;

}

.productCategoryCol .accordion .btn-link:hover {

    text-decoration: none;

}

.productCategoryCol .card {

    border:none;

    border-radius: 0px;

}

/*.productCategoryCol .accordion {

    border: 1px solid #ccc;

}*/

.productCategoryCol .accordion .card-header {

    padding: 0px 0px 0px 10px;

    background: none;

    border: none;

}

.productCategoryCol .accordion {

    margin: 0px 0px;

    border-radius: 0px;



}

.productCategoryCol > h3 {

    color: #9e0b0f;

    font-size: 28px;

    padding: 13px 13px;

    font-weight: 700;

    margin-bottom: 0px;

}

.productArchiveRow {

    margin-top: 30px;

}

.designActive {

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

    margin: 8px 8px;

    border-radius: 0px;

}

.designActive .btn-link {

    color: #9e0b0f !important;

     text-decoration: none;

}

.designActive h5:before {

    color:#9e0b0f !important;

}

.productCategoryCol .accordion .card-body {

    padding: 0px 11px 0px 10px;

    position: relative;



}

.productCategoryCol .accordion .card-body ul {

    padding-left: 0px;

    margin-left: 32px;

}

.productCategoryCol .accordion .card-body ul li {

    margin: 5px 0px;

    font-weight: 500;

}

.productCategoryCol .accordion .card-body ul li a {

    color: #000;

    font-weight: 600;

}

.productCategoryCol .accordion .card-body ul li a.selectedTab {

    color: #9e0b0f;

}

.fullWidthInput {

    width: 100%;

}

.inputCurve {

    border: 1px solid #dedede;

    font-size: 14px!important;

    color: #000;

    padding: 6px 10px 6px 15px;

    border-radius: 4px 25px 0px 0px;

}

.inputCurve:focus {

    outline: none;

}

.card-body.titleSearch:after {

    content: '\f002';

    font-family: 'Font Awesome 5 Free';

    font-weight: 700;

    position: absolute;

    right: 24px;

    top: 2px;

    color: #a1a1a1;



}

.halfWidthSelect {

    width: 42%!important;

    -webkit-appearance: none;

}

.fullWidthSelect {

    width: 100%;

    -webkit-appearance: none;

}

@media (max-width: 992px) {
    .featured-vehicle{
        margin-top: 40px;
    }
    .halfWidthSelect {
        width: 47% !important;
    }
}
@media(max-width: 767px){
    .halfWidthSelect {
        width: 42% !important;
    } 
}


#collapseTwo .toClass {

    padding: 0px 6px;

    color: #a1a1a1;

}



#collapseThree .card-body input{
    margin-bottom: 14px;
}
#collapseThree .card-body:before {

    /* content: '\f0dd' !important; */

    font-family: 'Font Awesome 5 Free';

    font-weight: 700;

    position: absolute;

    left: 99px;

    top: 5px;

    color: #a1a1a1;

}





.card-body.fullCard:after {

     content: '\f0dd' !important;

    font-family: 'Font Awesome 5 Free';

    font-weight: 700;

    position: absolute;

    top: 5px;

    right: 30px;

    color: #a1a1a1;

}



.ui-state-default, .ui-widget-content .ui-state-default  {

    border: 1px solid #0018f8 !important;

    background: #0018f8 !important;

    border-radius: 50%;

}

.ui-widget-header,.ui-widget-content {

    background: #000 !important;

}

#slider-range {

    height: 4px;

    margin: 11px 0px 30px 0px;

}

.ui-slider-horizontal .ui-slider-handle {

    top: -8px !important;

}

.accessoryClass {

    padding: 30px 15px 0px 15px;

    color: #0018f8;

    font-size: 18px;

    font-weight: 600;

}

.accessoryClass:after   {

    display:none !important;

}



.scrollCard {

    height: 200px;

    overflow-y: scroll;

}



.scrollCard label {

    font-size: 13px;

}



/*Range Slider */



section.range-slider {

     position: relative;

     width: 100%;

     height: 100px;

     float: left;

     text-align: center;

}

 section.range-slider input[type="range"] {

     pointer-events: none;

     position: absolute;

     -webkit-appearance: none;

     -webkit-tap-highlight-color: rgba(255, 255, 255, 0);

     border: none;

     border-radius: 14px;

     background: #02051e;

     box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;

     -webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;

     overflow: hidden;

     left: 0;

     top: 0px;

     width: 100%;

     outline: none;

     height: 20px;

     margin: 0;

     padding: 0;

}

section.range-slider .rangeValues {

    position: relative;

    top: 30px;

}

.rangeValues .toPrice,.rangeValues .fromPrice {

    border: 1px solid #dedede;

    border-radius: 20px;

    padding: 7px 16px;

    font-size: 14px;

    color: #000;

    font-weight: 500;

}

.rangeValues {

    color:#0018f8;

    font-weight: bold;

}

 section.range-slider input[type="range"]::-webkit-slider-thumb {

     pointer-events: all;

     position: relative;

     z-index: 1;

     outline: 0;

     -webkit-appearance: none;

     width: 20px;

     height: 20px;

     border: none;

     border-radius: 14px;

     background: #0018f8 !important;

}









 section.range-slider input[type="range"]::-moz-range-thumb {

     pointer-events: all;

     position: relative;

     z-index: 10;

     -moz-appearance: none;

     width: 20px;

     height: 20px;

     border: none;

     border-radius: 14px;

     background-image: linear-gradient(to bottom, #dad8da 0, #413f41 100%);

    /* W3C */

}

 section.range-slider input[type="range"]::-ms-thumb {

     pointer-events: all;

     position: relative;

     z-index: 10;

     -ms-appearance: none;

     width: 20px;

     height: 20px;

     border-radius: 14px;

     border: 0;

     background:red;

    /* W3C */

}

 section.range-slider input[type="range"]::-moz-range-track {

     position: relative;

     z-index: -1;

     background:red;

     border: 0;

}

 section.range-slider input[type="range"]:last-of-type::-moz-range-track {

     -moz-appearance: none;

     background: none transparent;

     border: 0;

}

 section.range-slider input[type="range"]::-moz-focus-outer {

     border: 0;

}









/*Range Slider */





/*New Vehicle Page*/



/*New Vehicle Single*/



.rating-box i.checked {

    color: #fbb637;

}

.singleCarSlider .rating-box,.singleCarSlider .category-box {

    display: inline-block;

}

.carInfo {

    display: inline-block;

    margin-right: 40px;

    margin-left: 20px;

    position: relative;

}

.carInfo a, .carInfo button {

    font-weight: 500;

    color: #202020;

    border: none;

    background: none;

}

.carInfo:before {

    font-family: "Font Awesome 5 Free";

    font-weight: 700;

    position: absolute;

    left: -27px;

}

.carLocation:before {

    content: '\f059';



}

.carOffer:before {

    content: '\f02c';

}

.carTestDrive:before {

    content: '\f3fd';

}

.carEmail:before {

    content: '\f0e0';

}

.carPrint:before {

    content: '\f02f';

}

.shareCol {

    display: flex;

    align-items: center;

}

.shareClass {

    font-weight: 700;

    color: #363636;

}



.shareCol img {

    width: 40px;

    margin: 0px 6px;

}

.singleCarspecs img {

    width: 35px;

    height: 32px;

    object-fit: contain;

}

.singleCarspecs .singleCarspecsCol {

    border: 1px solid #dedede;

    padding: 20px 7px 14px 7px;

    border-radius: 0px 0px 30px 0px;

    margin: 25px 5px;

    max-width: 23%;

}

.borderlessInput {

    border:none;

    text-align: right;

    width: 100%;

}

.productCategoryCol.singleProductCategoryCol {

    border:none;

}

.productCategoryCol.singleProductCategoryCol h5 {

    border-bottom: 1px solid #ccc;

}

.singleProductCategoryCol .changeIcon  h5 .btn-link {

    color: #0018f8;

}

.singleProductCategoryCol table tr {

    border-bottom: 1px solid #ccc;

}

.singleProductCategoryCol table tr td {

    padding: 30px 0px 15px 0px;

    font-weight: 600;

    color: #363636;

    font-size: 18px;

}

.singleProductCategoryCol .card.changeIcon h5:after {

    background: #0018f8;

    color: #fff;

    font-size: 16px;

}

.singleVehiclesiderBar .pricing {

    background: #0018f8;

    border-radius: 0px 35px 0px 0px;

}

.singleVehiclesiderBar .pricing h3 {

    display: inline-block;

    background: #fff;

    color: #0018f8;

    font-weight: 800;

    padding: 8px 33px;

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

    margin-top: 50px;

}

.singleVehiclesiderBar .pricing h4 {

    color: #fff;

    font-weight: 500;

    padding-bottom: 40px;

    text-transform: uppercase;

}

.sellerInfoFields {

    padding: 0px 20px 0px 60px;

    transition: ease all 0.25s;

}

.sellerInfoFields h5 {

    color: #0018f8;

    font-size: 14px;

    font-weight: 600;

    transition: ease all 0.25s;

}

.sellerInfoFields li {

    margin-top: 30px;

    transition: ease all 0.25s;

}

.sellerInfoFields li p {

    color: #a1a1a1;

    font-weight: 500;

    transition: ease all 0.25s;

}

.sellerInfoFieldsData:hover:before {

    background: #363636;

}

.sellerInfoFieldsData:hover h5,.sellerInfoFieldsData:hover p {

    color: #363636;

}



.sellerInfoFieldsData:before {

    font-family: 'Font Awesome 5 free';

    position: absolute;

    left: 24px;

    color: #fff;

    background: #0018f8;

    width: 42px;

    height: 42px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    font-weight: 800;

}

.dealerName:before {

    content: '\f007';

}

.sellerLocation:before {

    content: '\f041';

}

.dealerPhone:before {

    content: '\f095';

}

.operationHours:before {

    content: '\f017';

}

.sellerInfoFieldsData .marginSpace {

    margin-right: 28px;

}





.sectionborderRadius {

    border: 1px solid #ccc;

    border-radius: 0px 30px 0px 0px;

}

.actionBtn {

    padding:20px;

}

.blueBtn {

    background: #0018f8;

    color: #fff;

    padding: 10px 28px 10px 46px;

    border-radius: 30px;

    border: 1px solid #0018f8;

    font-weight: 500;

    position: relative;

    font-size: 14px;

}

.blueBtn:hover {

    background: none;

    color: #0018f8;

}

.actionBtn .blueBtn:before {

    content: '\f0e0';

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    font-weight: 900;

    left: 20px;

    top: 9px;

}

.actionBtn .blueBorderBtn {

    border: 1px solid #0018f8;

    padding: 10px 28px 10px 46px;

    border-radius: 30px;

    font-weight: 500;

    font-size: 14px;

    position: relative;

}

.actionBtn .blueBorderBtn:before {

    content: '\f064';

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    font-weight: 900;

    left: 20px;

    top: 9px;

}

.actionBtn .blueBorderBtn:hover {

    background: #0018f8;

    color: #fff;



}

.sellerForm {

    padding: 30px 20px;

}

.contactSeller .blueBtn {

    display: block;

    text-align: center;

    margin: 0px 40px;

}

.advanceFilterTabs .nav-tabs .nav-link {

    flex: none;

    line-height: 20px;

    padding: 10px 32px;

    border: 1px solid #ccc;

    background: #ccc;

    color: #363636;

    font-weight: 600;

    font-size: 16px;

    margin-right: 10px;

    border-radius: 0px 20px 0px 0px;

}

.advanceFilterTabs .nav-tabs {

    border: none;

}

.advanceFilterTabs .nav-tabs .nav-link.active {

    background: #0018f8;

    color: #fff;

}

.advanceFilterTabsHalfWidth {

    width: 47.3%;

    -webkit-appearance: none;

}

#nav-tabContent #collapseTwo .toClass:before {

    left: 45%;

}





#nav-tabContent #collapseTwentyThree .toClass:after {

    content: '\f0dd' !important;

    font-family: 'Font Awesome 5 Free';

    font-weight: 700;

    position: absolute;

    right: 26px;

    top: 5px;

    columns: #a1a1a1;



}

#nav-tabContent #collapseTwentyThree .toClass:before {

    content: '\f0dd' !important;

    font-family: 'Font Awesome 5 Free';

    font-weight: 700;

    position: absolute;

    left: 45%;

    top: 5px;

}

#nav-tabContent .toClass {

    padding-right: 16px !important;

    padding: 0px;

}

.advanceFilterContent .productCategoryCol .accordion #headingOne h5:after {

    display: none !important;

}



.advanceFilterContent .card.changeIcon h5:after {

    background: #0018f8;

    color: #fff;

    font-size: 16px;

}

.advanceFilterContent .card-body.scrollCard {

    border: 1px solid #ccc;

    padding: 22px 0px;

}



/*New Vehicle Single*/

/*Package Page*/

.packagesSec {

    background: url(../images/packages/top-bg.jpg);

}

.packagesDetails .packageCol {

    padding: 50px 0px;

    box-shadow: 0px 0px 32px 0px #e8e8e8;

    border-radius: 0px 0px 0px 50px;

    transition: ease all 0.25s;

    margin-right: 50px;

    margin-top: 60px;

}

.packagesDetails .packageCol:hover h4 span   {

    background: #0018f8;

}

.packagesDetails .packageCol:hover ul.packageColList li:before {

    color: #0018f8;

}

.packagesDetails .packageCol:hover .getBtn {

    background: #0018f8;

}

.packagesDetails .packageCol h3 {

    text-align: center;

}

.packagesDetails .packageCol h4 {

    text-align: right;

    position: relative;

}

.packagesDetails .packageCol h4:before {

    content: '';

    background: #363636;

    height: 60px;

    left: -6px;

    top: -19px;

    width: 13px;

    position: absolute;

    border-radius: 20px;



}

.packagesDetails .packageCol h4 span {

    color: #fff;

    background: #363636;

    padding: 16px 45px;

    font-weight: 700;

    font-size: 24px;

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

    transition: ease all 0.25s;

}

.packagesDetails .packageCol h3 {

    text-align: center;

    margin-top: 59px;

    font-size: 30px;

    font-weight: 800;

}

.packagesDetails .packageCol ul.packageColList {

    padding: 0px 20px;

}

.packagesDetails .packageCol ul.packageColList li {

    font-size: 16px;

    color: #363636;

    border-bottom: 1px solid #ebebeb;

    padding: 15px 28px;

    font-weight: 500;

    position: relative;

}

.packagesDetails .packageCol ul.packageColList li:before {

    content: '\f058';

    font-family: 'Font Awesome 5 Free';

    position: absolute;

    left: 0px;

    font-weight: 800;

    transition: ease all 0.25s;

}

.packagesDetails .packagesDetailsRow:after {

    content: '';

    background: url(../images/packages/packages-img-2.png);

    width: 481px;

    background-repeat: no-repeat !important;

    height: 700px;

    left: auto;

    position: absolute;

    right: 0px;

}

.packagesDetails.packagesDetailsAutomotive .packagesDetailsRow:after {

    top: 1070px;

}



/*Package Page*/

.sidebarHeading {
    padding: 14px 12px;
    background-color: #0018F8;
    border-radius:  6px 6px 0px 0px;
}
.sidebarHeading h4{
    font: normal normal bold 16px/20px Proxima;
    color: #fff;
    margin: 0
}

.inputCurve {
    font-size: 14px;
    border: 2px solid #707070c4;
    border-radius: 6px;
    width: 100%;
    height: 34px;
    line-height: 1;
}
.inputCurve:focus {
    outline: none;
}

#toggledButton{
    height: 34px;
    font-weight: 500;
    border-radius: 4px;
    color: #0019F8;
    background: #fff;
    border: 1px solid #0019F8;
    margin-bottom: 24px;
    padding: 10px 30px;
    font: normal normal bold 14px/17px Proxima;
    line-height: 1;
    display: block;
    width: 100%;
}
#searchButton{
    height: 34px;
    font-weight: 500;
    border-radius: 4px;
    color: #ffff;
    background: #0019F8;
    border: 1px solid #0019F8;
    padding: 10px 30px;
    font: normal normal bold 14px/17px Proxima;
    line-height: 1;
    display: block;
    width: 100%;
}


/* ACD-1731 */
#vehicle-listing nav{
	display: none;
}
button.btn.d-block.d-lg-none.siedbar-handle-btn {
    background: #fff;
    border: 1px solid;
    color: rgb(0, 24, 248);
    border-radius: 6px;
    padding: 12px 30px;
}
@media(max-width: 992px){
    .productCategoryCol{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        max-height: 100%;
        overflow: auto;
        border-radius: 0px;
        opacity: 0;
        visibility: hidden;
        transform: translateX(-100%);
        transition: transform .3s  ease-out;
    }
    .productCategoryCol.show{
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
    }
    .sidebarHeading{
        border-radius: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
    }
    .listing-sidebar{
        position: sticky;
        position: -webkit-sticky;
        top:0;
        z-index: 90;
        padding: 10px 15px;
    }
}