
/* ===== FILTER ===== */
.c5wrapper .filters {}

.c5wrapper .filters .filter-group { margin-bottom:15px; }
.c5wrapper .filters .filter-group .card-header { border-bottom:0; }
.c5wrapper .filters .filter-group .card-header a { display:flex; flex-direction:row; color:var(--bs-black); text-decoration:none; }
.c5wrapper .filters .filter-group .card-header a h6 { padding:0; margin-bottom:0; margin-left:10px; }
.c5wrapper .filters .filter-group .card-header a i { transition:all 0.35s ease; }
.c5wrapper .filters .filter-group .card-header a.collapsed i { transform:rotate(-90deg); }

.c5wrapper .filters .filter-group .card-header .nav-pills {  --bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-link-active-color: var(--bs-black); --bs-nav-pills-link-active-bg: var(--bs-primary); }
.c5wrapper .filters .filter-group .card-header .nav { --bs-nav-link-color: var(--bs-primary); --bs-nav-link-hover-color: var(--bs-primary-hover); }
.c5wrapper .filters .filter-group .card-header .nav-link { border: 0 !important; border-radius: 0; padding: 5px 25px; font-weight: 500; }

.c5wrapper .filters .slider-range { display:flex; justify-content:space-between; align-items:center; }
.c5wrapper .filters .slider-range .slider-bar { width:70%; margin:0 10px; }
.c5wrapper .filters .slider-range .slider-min-amount,
.c5wrapper .filters .slider-range .slider-max-amount { width:15%; font-weight:bold; }
.c5wrapper .filters .slider-range .slider-max-amount { text-align:right; }

.c5wrapper .filters .slider-range .ui-state-active {
/* .c5wrapper .filters .slider-range .ui-widget-content .ui-state-active,
.c5wrapper .filters .slider-range .ui-widget-header .ui-state-active,
.c5wrapper .filters .slider-range a.ui-button:active,
.c5wrapper .filters .slider-range .ui-button:active,
.c5wrapper .filters .slider-range .ui-button.ui-state-active:hover { */
border:1px solid var(--bs-primary-hover); background:var(--bs-primary); font-weight:normal; color:#fff
}

/* ===== CARS ===== */
.c5wrapper .car .price { font-size: 18px; color:var(--bs-danger); padding: 10px 0; }
.c5wrapper .car .price.price-sell .price-normal { font-size: 15px; color:var(--bs-gray-600); text-decoration: line-through; }
.c5wrapper .car .price.price-sell .price-sell { font-style: italic; font-weight: bold; }
.c5wrapper .car .price .price-request { font-size: 15px; color:var(--bs-gray-600); }
.c5wrapper .car .price .price-vat { color: var(--bs-gray-600); font-size: 12px; font-weight: bold; }

.c5wrapper .car-image { position: relative; overflow: hidden;}
.c5wrapper .car-image .car-label { position: absolute; }
.c5wrapper .car-image .car-label.car-label-new { top: 25px; right: -50px; font-size: 14px; font-weight: 600; transform: rotate(45deg); border: 1px solid var(--bs-primary); background-color: var(--bs-primary); color: var(--bs-white); padding: 0 60px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; }
.c5wrapper .car-image .car-label.car-label-just-in { bottom: 10px; left: 10px; font-size: 14px; text-transform: uppercase; border: 1px solid var(--bs-success); background-color: var(--bs-success); color: var(--bs-white); padding: 5px; border-radius: 5px; font-weight: bold; }


/* ===== CAR CARD ===== */
.c5wrapper .car-card { margin:0; background-color:var(--bs-white); box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); border-radius:5px; transition:0.2s all; box-sizing:border-box; flex-grow:1; flex-basis:0; margin-bottom:30px; }
.c5wrapper .car-card:hover { transform:scale(1.02); box-shadow:0 4px 10px rgba(0, 0, 0, 0.2); border-color:var(--bs-success); }
.c5wrapper .car-card .col-12:last-child { text-align:left; }
@media (max-width:991px) {
    .c5wrapper .car-card .col-12:last-child { text-align:center; }
}
.c5wrapper .card-image { margin: 10px 0;}

.c5wrapper .car-card h3 { font-size: 18px; margin-top:15px; color:var(--bs-black) !important; text-decoration:none; }
.c5wrapper .car-card h4 {font-size:15px; margin-top:-5px; color:var(--bs-gray-600); }
.c5wrapper .car-card li { color:var(--bs-black); font-size:14px; }
.c5wrapper .car-card .btn { margin-bottom:15px; }
.c5wrapper .car-card ul li img { width: 45px; }
@media (max-width:1025px) {
    .c5wrapper .car-card ul li img { width: 30px; }
}
