/**
 * Autonomy WP Plugin Styles
 */


.car-list-area {position: relative}
.car-list-area .cw-container {display: flex;gap: 30px;}

.car-widget{padding: 20px;border-radius: 10px;background: #fff;margin-bottom: 25px;border:1px solid #6a686b4d;}
.car-widget .car-widget-group .form-group{margin-bottom: 20px;}
.car-widget .car-widget-group label{font-size: 14px;font-weight: 600;line-height: 18px;color: #666;display: block;margin-bottom: 8px;text-transform: capitalize;}
.car-widget .car-widget-group .form-control{padding: 16px;height: auto;color: #666;font-size: 16px;line-height: 24px;border-radius: 8px;box-shadow: none;border-color:#ced4da;}

.car-widget-title {font-size: 18px;font-weight: 600;margin-bottom: 20px;display: flex;justify-content: space-between;align-items: center;position: relative;padding-right: 30px;color:#2d2d2d;}
.car-widget-title .reset-filter{position: absolute;z-index: 1;right: 0;}

.car-filter-sidebar {flex: 0 0 300px;}
.car-widget-mobile-filter {display: none;cursor: pointer;}

.car-widget-footer .cw-btn-block+.cw-btn-block {margin-top: 8px;}

#collapsemorefilter {display: block;}

.car-list-view{flex: 1;max-width: 100%;}
.car-list-sort{border: 1px solid #6a686b4d;display: flex;justify-content: space-between;align-items: center;background: #fff;margin-bottom: 25px;padding: 10px 10px 10px 15px;border-radius: 10px;}
.car-list-sort h6{font-weight: 600;font-size: 16px;margin: 0;}

.car-list-type{display: flex;align-items: center;gap: 8px;}
.car-list-type .btn-box{border:1px solid #6a686b4d;border-radius: 10px;color: #666;background-color: #fff;height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;box-shadow: none;text-decoration: none !important;}
.car-list-type .btn-box i{font-size: 16px;line-height: 16px;height: 16px;width: 16px;display: flex;align-items: center;}
.car-list-type .btn-box.active{background-color: #fff;line-height: normal;}

.car-list-view .car-sort-box{display: flex; align-items: center;gap: 10px;}
.car-list-view .car-sort-box .sort-box-item{position: relative;}
.car-list-view .car-sort-box .sort-box-item a{display: flex;height: 40px;border-radius: 10px;text-decoration: none;align-items: center;justify-content: center;padding-left:6px;padding-right:20px;position: relative;}
.car-list-view .car-sort-box .sort-box-item a i[class*='ai-']{height: 24px;width: 24px;font-size: 24px;color:#fff;display: flex;align-items: center;justify-content: center;}
.car-list-view .car-sort-box .sort-box-item a i:not([class*='ai-']).active{opacity: 1;}
.car-list-view .car-sort-box .sort-box-item a i:not([class*='ai-']){position: absolute;right: 8px;font-size: 14px;color: #fff;opacity: 0.4;}
.car-list-view .car-sort-box .sort-box-item a i.fa-caret-up{top: 8px;}
.car-list-view .car-sort-box .sort-box-item a i.fa-caret-down{bottom: 8px;}



.car-list-view-type:not(.car-card-list-type){display: flex;flex-wrap: wrap;}
@media screen and (min-width:1200px){
    .car-list-view-type:not(.car-card-list-type) .car-card-item{flex:0 0 calc(100%/3 - 10px);max-width: calc(100%/3 - 10px);margin-right: 15px;}
    .car-list-view-type:not(.car-card-list-type) .car-card-item:nth-child(3n){margin-right: 0;}
}
.car-list-view-type.car-card-list-type .car-card-item{display: flex;}
.car-list-view-type.car-card-list-type .car-card-item .car-card-img{flex:0 0 250px;max-width: 250px;}
.car-list-view-type.car-card-list-type .car-card-item .car-card-content{flex:0 0 calc(100% - 250px);max-width: calc(100% - 250px);padding: 0 0 0 20px;}
.car-list-view-type.car-card-list-type .car-card-item .car-card-content .car-card-list{margin-bottom: 5px;}
.car-list-view-type.car-card-list-type .car-card-item .car-card-content .car-card-footer{margin-top: auto;padding-top: 8px;}

.car-list-view-type:not(.car-card-list-type) .car-card-item .car-card-content .car-card-list{display: flex;align-items: center;flex-wrap:wrap;}
.car-list-view-type:not(.car-card-list-type) .car-card-item .car-card-content .car-card-list li{margin-right:0;flex:0 0 50%;max-width: 50%;}

.car-list-view-type.car-card-list-type .car-card-item .car-card-content .car-card-description{display: block;}
.car-card-description{display: block;color: #6e6e6e;font-size: 15px;letter-spacing: 0.2px;}
.car-card-description p{margin: 0;}

.no-car-found{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;margin:6vh 0;}
.no-car-found img{max-width: 380px;margin-bottom: 30px;display: block;}
.no-car-found h4{font-size: 24px;margin-bottom: 0px;color: #2d2d2d;}
.no-car-found p{margin:0 0 10px 0;font-size: 14px;color:#6e6e6e;}

.car-card-item{border-radius: 10px;padding: 10px;margin-bottom: 16px;border:1px solid #6a686b4d;}
.car-card-item .car-card-img{height: 210px;overflow: hidden;border-radius: 10px;position: relative;}
.car-card-item .car-card-img img{height: 100%;width: 100%;object-fit: cover;}
.car-card-item .car-card-img img.car-img-default{object-fit: contain;}
.car-card-item .car-card-content{position: relative;padding: 10px;display: flex;flex-direction: column;}
.car-card-item .car-card-content .car-card-top{}
.car-card-item .car-card-content .car-card-top h4{font-size: 18px;margin-bottom: 7px;}
.car-card-item .car-card-content .car-card-top h4 a{text-decoration: none;}
.car-card-item .car-card-content .car-card-list{margin-top: 5px;padding: 0;list-style: none;margin-bottom: 0;}
.car-card-item .car-card-content .car-card-list li{display: inline-block;margin-right: 10px;margin-bottom: 5px;font-size: 14px;color:#6e6e6e;font-weight: 500;letter-spacing: 0.5px;}
.car-card-item .car-card-content .car-card-list li i{margin-right: 6px;font-size: 18px;vertical-align: middle;line-height: 1;position: relative;top:-1px;}
.car-card-item .car-card-content .car-card-description{display: none;}
.car-card-item .car-card-content .car-card-footer{display: flex;justify-content: space-between;align-items: center;margin-top: 10px;padding-top: 15px;border-top: 1px dashed rgba(0, 0, 0, 0.1);}
.car-card-item .car-card-content .car-card-footer .car-card-price-block{}
.car-card-item .car-card-content .car-card-footer .car-card-price-block .car-card-price{font-size: 19px;line-height:normal;font-weight: 600;}
.car-card-item .car-card-content .car-card-footer .car-card-price-block .car-card-promo{font-size: 13px;line-height:normal;letter-spacing: 0.4px;}
.car-card-item .car-card-content .car-card-footer .car-card-price-block .car-card-promo b{font-weight: 600;color:#fff;}
.car-card-item .car-card-img .promo-top{border-radius: 0;letter-spacing: 1px;line-height: 1.2;position: absolute;right: 0;top: 14px;padding: 4px 8px 4px 16px;clip-path: polygon(100% 0%, 100% 100%, 0 100%, 12px 50%, 0 0);font-size: 12px;color:#fff;}
.car-card-item .car-card-content .car-card-footer .btn{display: inline-flex;gap: 5px;align-items: center;justify-content: center;letter-spacing: 0.5px;font-weight: 500;font-size: 14px;padding: 6px 12px;}


.car-details-area{display: flex;align-items: flex-start;gap: 30px;position: relative;}
.car-details-area .car-single-details{flex:0 0 calc(100% - 340px - 30px);max-width: calc(100% - 340px - 30px);padding: 20px;border-radius: 10px;background: #fff;margin-bottom: 30px;border: 1px solid #6a686b4d;}
.car-details-area .car-single-sidebar{flex:0 0 340px;max-width: 340px;position: sticky;top: var(--header-top-h,0)}
.car-single-details .car-single-intro{margin-bottom: 20px;}
.car-single-details .car-single-intro .car-single-title{margin-top: 0px;margin-bottom: 8px;font-size: 28px;color: #2d2d2d;letter-spacing: 0.4px;font-weight: 700;}

.car-details-area .car-single-meta{margin: 0;padding: 0;list-style: none;}
.car-details-area .car-single-meta .text-nowrap{white-space: nowrap;}
.car-details-area .car-single-meta li{display: inline-block;margin-right: 15px;font-size: 14px;color:#6E6E6E;font-weight: 500;letter-spacing: 0.5px;}
.car-details-area .car-single-meta li:last-child{margin-right: 0;}
.car-details-area .car-single-meta li i{color:#ff859d;margin-right: 6px;}

.car-single-slider .swiper-button-next,
.car-single-slider .swiper-button-prev{height: 40px;width: 40px;overflow: hidden;background-color: rgba(0, 0, 0, 0.8);border-radius: 100%;color:#ce3c58;text-decoration: none}
.car-single-slider .car-thumb-next,
.car-single-slider .car-thumb-prev{height: 30px;width: 30px;--swiper-navigation-size:30px}
.car-single-slider .swiper-button-next:after,
.car-single-slider .swiper-button-prev:after{font-size: 18px;font-weight: bold;}
.car-single-slider .swiper-button-disabled{display: none;}

.car-single-slider .car-main-swiper .swiper-slide{height: 570px;}
.car-single-slider .car-main-swiper .swiper-slide img{height: 100%;width: 100%;object-fit: cover;object-position: center;border-radius: 10px;}
.car-single-slider .car-main-swiper .swiper-slide.slide-main-default img{object-fit: contain;max-width: 300px;margin: 0 auto;display: block;}
.car-single-slider .car-thumb-swiper{margin-top: 20px;}
.car-single-slider .car-thumb-swiper .swiper-slide{width: auto;height: 80px;opacity: 0.5;cursor: pointer;}
.car-single-slider .car-thumb-swiper .swiper-slide img{border: 2px transparent inset;}
.car-single-slider .car-thumb-swiper .swiper-slide.slide-page-default img{border: 2px transparent inset;}
.car-single-slider .car-thumb-swiper .swiper-slide-thumb-active {opacity: 1;}
.car-single-slider .car-thumb-swiper .swiper-slide-thumb-active img{border: 2px inset;display: block;position: relative;}
.car-single-slider .car-thumb-swiper img {height: 100%;object-fit: cover;}

.car-single-info-wrap{margin-top: 20px;padding-top: 20px;border-top:1px dashed rgba(0, 0, 0, 0.15);}
.car-single-info-wrap .car-single-section-title{}
.car-single-info-wrap .car-single-section-title span{position: relative;padding-left: 22px;font-size: 19px;line-height: 1;font-weight: 600;letter-spacing: 0.4px;color:#2d2d2d;margin-bottom: 10px;display: inline-block;vertical-align: middle;}
.car-single-info-wrap .car-single-section-title span:before{top:3px;content: "";height: 12px;width: 12px;position: absolute;left: 0;background-color: #ce3c58;border-radius: 100%;}
.car-single-info-wrap .car-single-desc{color: #6E6E6E;font-size: 15px;letter-spacing: 0.2px;}
.car-single-info-wrap .car-single-meta{column-count: 4;}
.car-single-info-wrap .car-single-meta li{margin-right: 0;display: block;font-size: 15px;font-weight: normal;position: relative;padding-left: 18px;line-height: normal;margin-bottom: 6px;}
.car-single-info-wrap .car-single-meta li i{position: absolute;left: 0px;top: 3px;}

.car-single-info-wrap .car-key-list{margin: 0;padding: 0; list-style: none;display: flex;flex-wrap: wrap;}
.car-single-info-wrap .car-key-list li{flex:0 0 calc(100%/4);max-width: calc(100%/4);display: flex;align-items: center;margin-bottom: 16px;}
.car-single-info-wrap .car-key-list li .car-key-icon{flex:0 0 36px;max-width: 36px;}
.car-single-info-wrap .car-key-list li .car-key-icon i{font-size: 24px;line-height: 1;color:#ff859d;}
.car-single-info-wrap .car-key-list li .car-key-content{flex:1;max-width: 100%;padding-right: 10px;}
.car-single-info-wrap .car-key-list li .car-key-content span{color: #6E6E6E;font-size: 13px;font-weight: 500;letter-spacing: 0.4px;display: block;line-height: normal;}
.car-single-info-wrap .car-key-list li .car-key-content h6{font-size: 15px;font-weight: 600;margin: 0;line-height: normal;letter-spacing: 0.5px;}

.car-single-widget-group{background: #fff8f9;padding: 16px;border-radius: 8px;margin-bottom: 20px;}
.car-single-widget-group .car-single-price{color: #ce3c58;font-weight: bold;font-size: 24px;line-height: 1;margin-bottom: 10px;border-bottom:1px dashed rgba(0, 0, 0, 0.15);padding-bottom: 10px;}
.car-single-widget-group .car-single-meta li{position: relative;padding-left: 18px;}
.car-single-widget-group .car-single-meta li i{position: absolute;left: 0px;top: 3px;margin: 0;}

.car-single-sidebar .car-single-contact-number{}
.car-single-sidebar .car-single-contact-number p{margin: 0;}
.car-single-sidebar .car-single-contact-number i{color: #ce3c58;margin-right: 6px;font-size: 18px;}
.car-single-sidebar .car-single-contact-number a{color: #2d2d2d;font-weight: 600;font-size: 16px;text-decoration: none;}
.car-single-sidebar .car-single-contact-number a:hover{color:#ce3c58;text-decoration: none;}

.car-single-contact{display: flex;align-items: flex-start;border-bottom: 1px dashed rgba(0, 0, 0, 0.15);padding-bottom: 10px;margin-bottom: 10px;}
.car-single-contact .car-single-avtar{padding-right: 10px;width: 50px;}
.car-single-contact .car-single-avtar img{height: 40px;width: 40px;border-radius: 100%;object-fit: cover;}
.car-single-contact .car-single-contact-name{}
.car-single-contact .car-single-contact-name h4{color:#2d2d2d;margin: 0;font-size: 15px;font-weight: 600;letter-spacing: 0.4px;}
.car-single-contact .car-single-contact-name span{display: block;color: #6A686B;font-size: 14px;font-weight: 400;line-height: 1.5;}

.car-single-widget-group .car-widget-title{border-bottom: 1px dashed rgba(0, 0, 0, 0.15);padding-bottom: 10px;margin-bottom: 10px;}


.pagination-nav {margin-top: 40px;}
.pagination {display: flex;list-style: none;padding: 0;gap: 5px;justify-content: center;}
.page-item.disabled .page-link {pointer-events: none;opacity: 0.5;}
.page-item.active .page-link {background: #d63353;color: #fff;border-color: #d63353;}
.page-link {padding: 8px 12px;border: 1px solid #ddd;border-radius: 4px;text-decoration: none;color: #333;transition: all 0.3s;}
.page-link:hover {background: #f8f9fa;}

.cw-btn{display: inline-block;padding: 6px 18px;border: none;border-radius: 10px;cursor: pointer;text-align: center;font-size: 16px;transform: translateY(0);transition: all 0.2s ease-in-out;line-height: 1.5;text-decoration: none !important;}
.cw-btn:hover{transform: translateY(-5px);}
.cw-btn-theme {background: #d63353;color: #fff;}
.cw-btn-theme:hover {background: #b82d46;color: #fff;}
.cw-btn-secondary {background-color: #5a6268;color: #fff;}
.cw-btn-secondary:hover{color: #fff;background-color: #5a6268;}
.cw-btn-light {background: #f8f9fa;color: #333;border: 1px solid #ddd;}

.cw-btn-light:hover,
.cw-btn-light.active {background: #e9ecef;}

.cw-btn-block {display: block; width: 100%;}
.cw-btn-sm {padding: 6px 12px;font-size: 14px;}

.cw-form-group{margin-bottom: 15px;}
.cw-form-group .cw-form-control {width: 100%;font-size: 14px;padding: 8px 16px;background-color: #fff;border: 1px solid #ced4da;transition: border-color .15s
ease-in-out, box-shadow .15s ease-in-out;background-clip: padding-box;font-weight: 400;display: block;box-shadow: none;height: auto;border-radius: 8px;}
.cw-form-group .cw-form-control:focus {border-color: #d63353;border-style: solid;}



/*==== Start : Responsive =====*/
@media screen and (min-width: 481px) and (max-width: 1199px) {
    .car-list-view-type:not(.car-card-list-type) .car-card-item{flex: 0 0 calc(100% / 2 - 5px);max-width: calc(100% / 2 - 5px);margin-right: 10px;}
    .car-list-view-type:not(.car-card-list-type) .car-card-item:nth-child(2n){margin-right: 0px;}
}

@media (max-width: 767px) {
    #collapsemorefilter {display: none;}
    #collapsemorefilter.show {display: block;}
    .car-widget-mobile-filter {display: block;}

    .car-list-area .car-filter-sidebar{max-width: 100%;}
    .car-list-area .car-list-view{padding: 0;}
    .car-list-area .cw-container{display: block;}

    .car-filter-sidebar .car-widget{position: relative;}
    .car-filter-sidebar .car-widget .car-search-form .car-widget-title{margin-bottom: 20px;}
    .car-filter-sidebar .car-widget .car-widget-title{margin-bottom: 0;}
    .car-filter-sidebar .car-widget .car-widget-title{padding-right: 60px;}
    .car-filter-sidebar .car-widget .car-widget-title a{right: 35px;top: 1px;}
    .car-filter-sidebar .car-widget .car-widget-mobile-filter{position: absolute;right: 21px;font-size: 22px;top: 21px;line-height: 1;color: #d63353;}
    .car-filter-sidebar .car-widget .car-widget-mobile-filter.active i:before{content: "\f056";}
    .car-filter-sidebar .car-widget #collapsemorefilter{padding-top: 20px;}

    .car-list-view .car-list-sort h6{font-size: 14px;}

    .car-details-area{display: block;}
    .car-details-area .car-single-sidebar,
    .car-details-area .car-single-details {max-width: 100%;}
    .car-single-slider .car-main-swiper .swiper-slide{height: 420px;}
    .car-single-info-wrap .car-key-list li{flex: 0 0 calc(100% / 2);max-width: calc(100% / 2);}
    .car-single-info-wrap .car-key-list li .car-key-content h6{font-size: 14px;}
    .car-single-info-wrap .car-single-section-title span{font-size: 18px;}
}

@media screen and (min-width: 481px){
    .car-list-view-type:not(.car-card-list-type) .car-card-item{display: flex;flex-direction: column;}
    .car-list-view-type:not(.car-card-list-type) .car-card-item .car-card-img{flex:0 0 210px;}
    .car-list-view-type:not(.car-card-list-type) .car-card-item .car-card-content{height: 100%;}
    .car-list-view-type:not(.car-card-list-type) .car-card-item .car-card-content .car-card-list{flex: 1;max-height: 100%;margin-top: 0;}
}
@media screen and (max-width: 480px) {
    .car-list-view .car-list-sort .car-list-type {display: none;}
    .car-list-view-type {display: block !important;}
    .car-single-slider .car-main-swiper .swiper-slide {height: 280px;}
}
@media screen and (max-width: 420px){
    .car-list-view .car-list-sort{padding: 8px;}

    .car-single-info-wrap .car-key-list li{flex: 0 0 calc(100% / 1);max-width: calc(100% / 1);}
    .car-single-info-wrap .car-single-meta{column-count: 1;}
    .car-card-item .car-card-content{padding-left: 0;padding-right: 0;}
    .offer-wrap .offer-showing{height: 240px;}

    .no-car-found img{max-width: 90%;}
}
@media screen and (max-width: 390px){

}
@media screen and (max-width: 370px){
    .car-details-area .car-single-details{padding: 12px;}
    .car-single-slider .car-main-swiper .swiper-slide {height: 240px;}
    .car-single-slider .car-thumb-swiper .swiper-slide{height: 50px;}
    .car-single-slider .car-thumb-next,
    .car-single-slider .car-thumb-prev{height: 18px;width: 18px;--swiper-navigation-size:18px}
    .car-single-slider .car-thumb-next:after,
    .car-single-slider .car-thumb-prev:after{font-size: 8px;}

    .hero-wrap.hero-small-extra{padding-top: 340px;}
}