::-webkit-scrollbar {width: 4px !important;height: 4px !important;}
:root {
  --pab-blue: #1d489c;
  --pab-blue-2: #00359a;
  --pab-blue-soft: #eef5ff;
  --pab-line: #c7d7f5;
  --pab-text: #2b2a29;
  --pab-muted: #747474;
  --pab-panel: #eaf2ff;
  --pab-orange: #fc510e;
  --pab-orange-2: #ff8629;
}
.inventory-listing .physical-online-block{margin-right:0.2rem}
.main.inventory-listing{
	@media (max-width: 768px){ padding-left:10px;padding-right:10px }
}
.vehicle-auctions-wrap .inventory-listing {
	margin-top:0;
	.listings-filter-left{ width:312px;background-color: #eaf2ff;border-radius:16px;flex-shrink: 0; }
	.listing-content-right{ width: calc(100% - 340px); }

	.listings-filter-left .no-tags { color: #7e879c;font-size: 13px; }
	.physical-online-block .checkmark{flex-shrink: 0;}
	.physical-online-block .container{padding-right: 18px !important;flex-shrink: 0;width: fit-content;}
	.physical-online-block .container:hover input~.checkmark{width:22px;height:22px}
	.listing-block-wrap .listing-block .image-section{border-radius: 14px !important;width:259px;height:200px;flex-shrink: 0;}

	.listing-block-wrap.grid-view .listing-block .content-section{height:auto;padding-bottom: 1rem}

	.listing-content-right .listing-block-wrap .listing-block, 
	.listing-content-right .listing-block-wrap.grid-view .listing-block.adbanner-block{border-radius: 14px;height:225px;}

	.listing-content-right .listing-block-wrap .listing-block{padding: 0.7rem 1.35rem 0.7rem 0.7rem;}

	.listing-block-wrap .listing-block .image-section .car-image{width:100%;height:100%;object-fit: cover}
	
	.listing-block-wrap .listing-block .button-section .view-now{color:#00359A;font-size: 16px;font-weight: 500;width:192px;height:42px;border-color: #00359A;}
	.listing-block-wrap .listing-block .button-section .view-now.interested-btn{color:#ffffff;background: linear-gradient(90deg, #FF8629 0%, #FC510E 100%)}
	.listing-block-wrap .listing-block .button-section .btn-contact{color:#747474;font-size:14px;font-weight:400}
	.listing-block-wrap .listing-block .button-section .btn-contact .number{
		color:#090091;font-weight:500;position: relative;
		&::after{    
			content: '';width: 0;height: 1px;
	    position: absolute;bottom: 0;left: 0;border-bottom: 1px dashed #090091;
	    transition: all 0.3s ease;
	  }
		&:hover{
			&::after{width: 100%;}
		}
	}
	.listing-block-wrap .listing-block .image-section .gradient-overlay .icon{box-shadow: 0px 4px 6.3px 0px #00000038;}

	.listing-content-right .listing-block-wrap.grid-view .listing-block{height:530px}
	.listing-content-right .listing-block-wrap.grid-view .listing-block .button-section{padding-bottom:10px}
	.listing-block-wrap .listing-block .content-section .content-oflisting .details-row .icon{min-width: unset;height:auto}

	.listing-block-wrap .listing-block .content-section .content-oflisting .listing-title .anchor{
		font-weight:500;display: -webkit-box;overflow: hidden;
		-webkit-box-orient: vertical;-webkit-line-clamp: 2;
	}
	.listings-filter-left .sections.selectYr .content-dd{ padding-top:2px }
	.listings-filter-left .sections .content-dd .features-wrap{margin-bottom:0}
	.listings-filter-left .sections .content-dd .features-wrap .filter-wrap{
		padding: 0px 15px;margin: 0 6px 12px 0px;
		&:hover{
    		color: rgba(43, 42, 41, 1) !important;font-weight:400;
			border: 1px solid #5373af !important;
    		background-color: rgba(202, 220, 255, 1) !important;
    		border-color: rgba(110, 152, 229, 1) !important;
		}
	}
	.listings-filter-left .sections .content-dd .features-wrap .filter-wrap.active{
		color: rgba(43, 42, 41, 1) !important;background-color: rgba(202, 220, 255, 1) !important;
    	border-color: rgba(110, 152, 229, 1) !important;
	}
	.listings-filter-left .sections .content-dd .filter-wrap .ui-slider .ui-slider-handle{width:17px;height:17px;}
	.listings-filter-left .sections .content-dd .filter-wrap .ui-slider{height: 4px}
	.listings-filter-left .sections .content-dd .filter-wrap .ui-slider .ui-slider-handle{top: -0.45em;}

	.terms-panel {
		  width: 100%;margin-bottom: 24px;border: 1px solid #a6b9e5;border-radius: 8px;
		  overflow: visible;background: linear-gradient(90deg, #f1f3ff 0%, #f8f7ff 100%);
		  box-shadow: 0 8px 18px rgba(29, 72, 156, 0.08);
		}
	.terms-strip {
	  color: var(--pab-blue-2);font-size: 16px;font-weight: 500;text-align: left;
	  display: flex;align-items: center;justify-content: space-between;width: 100%;
	  min-height: 56px;padding: 0 24px;border: 0;background: transparent;
	}
	.terms-plus {
	  color: var(--pab-blue);font-size: 28px;line-height: 1;transition: transform 0.2s ease;
	}
	.terms-strip[aria-expanded="true"] .terms-plus {transform: rotate(45deg);}
	.terms-content {
	  color: #555d77;font-size: 14px;line-height: 1.6;
	  max-height: 0;overflow: hidden;opacity: 0;padding: 0 18px;
	  border-top: 1px solid rgba(166, 185, 229, 0.55);
	  background: transparent;transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.3s ease;
	}
	.terms-content ul{padding-left:1rem}
	.terms-content ul li{list-style: disc;}
	.terms-content p{font-size: 1rem;font-weight: 500;}
	.terms-content.show {max-height: 500px;opacity: 1;padding: 10px 18px 15px 1.5rem;overflow-y: auto}
	.terms-content.collapsing {
	  display: block;height: auto;transition: max-height 0.3s ease, opacity 0.25s ease, padding 0.3s ease;
	}
	.terms-content p {margin: 0;}

	.selected-tags,.chip-list {display: flex;flex-wrap: wrap;gap: 10px;}

	.selected-tag,.filter-chip {
		color: #636363;font-size: 13px;font-weight: 400;line-height: 20px;
		padding: 5px 14px;border: 1px solid var(--pab-line);border-radius: 18px;
		background: linear-gradient(90deg, #ffffff 0%, #f8faff 100%);
		display: inline-flex;align-items: center;justify-content: center;min-height: 32px;
		transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
	}

	.selected-tag {color: #375175;gap: 9px;}

	.selected-tag span {color: black;font-size: 16px;line-height: 1;}

	.selected-tag.clear-tag {color: #fc510e;border:1px solid #ffb08d;display: flex;align-items: center;justify-content: space-between;}
	.selected-tag.clear-tag .x{color:#fc510e;line-height: normal;}
	@media (max-width:1280px){
		.listing-content-right{ width: 100%;margin-top:0 }
		.listing-content-right .listing-block-wrap.grid-view .listing-block{
			min-width: 320px;height: 536px !important;margin:6px 0.5rem !important;
		}
		.terms-panel{margin-bottom: 14px;border-radius: 5px;margin-bottom: 14px;}
		.terms-strip{font-size: 14px;padding: 0 16px;min-height: 46px}
		.terms-plus{font-size: 22px;}
		.terms-content p{font-size:0.9rem}
		.terms-content ul{font-size:12px}
		.terms-content.show{padding-left:1rem}
	}
	@media (max-width:500px){
		.listing-content-right .listing-block-wrap.grid-view .listing-block{min-width: 340px;}
	}
}
.vehicle-auctions-wrap .search-city-wrap{ 
	.search-icon{ margin: auto 10px auto 14px !important; }
	.search-icon[alt='Location']{ display:none; }
}
.vehicle-auctions-wrap .inventory-listing .newfilters-bar{
	@media (max-width:1280px){
		height:fit-content;padding:0.5rem 0.2rem;
		
		.physical-online-block.listfilter-attop{
			height: 35px;margin-right: 1rem !important;padding: 0.2rem 0.4rem;
			border-radius: 5px;display:flex !important;margin-right:0.7rem !important;
		}
		.topfilters-wrap{ flex-wrap: wrap;gap:2px }
		.physical-online-block .container{font-size: 12px;padding-left: 24px;padding-right: 10px !important;}
		.physical-online-block .checkmark{width: 18px;height: 18px;border-radius: 3px}
		.physical-online-block .checkmark:after{
			left: 6px;top: 2px;width: 5px;height: 10px;border-width: 0 2px 2px 0;
		}
		.physical-online-block .container:hover input~.checkmark{width: 18px;height: 18px;}
	}
	@media (max-width: 840px){
		.back-link{margin-right:2px;margin-left:4px}
		.back-link img{width: 14px;height: 14px;}

		.checkfilter-switchbtns,.physical-online-block.listfilter-attop{width:100%}
		.physical-online-block.listfilter-attop{
			height: 38px;margin: 0.3rem 0.3rem 0.1rem !important;padding: 0.2rem 0.4rem;overflow:auto;
		}
	}
}
.inventory-listing .listing-block-wrap .listing-block {
	
	@media (min-width:1281px) and (max-width:1380px){ 
		.content-section{padding-left: 12px;padding-right: 12px;}
		.button-section .view-now{font-size: 14px;}
		.button-section .btn-contact{font-size: 13px;}
	}
	
}
.vehicle-auctions-wrap .inventory-listing .listing-block-wrap .listing-block .content-section .content-oflisting .details-row{
	.blk{
		color:#747474;font-size:14px;font-weight:400;width: 30%;height:auto;
		margin: 0.25rem 0.25rem 0.5rem;flex-shrink: 0;white-space: nowrap;
	}
	/*.blk.location{width:100%;}*/
	.blk.location .value{
		width:100%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;
		overflow: hidden;white-space: normal;
	}
	.blk .value{color:#3b3b3b;font-weight:500;display: inline-block;text-overflow: ellipsis;overflow: hidden;}
	.mfgyr .icon{width:15.2px;}
	.kms .icon{width:15.28px;}
	.regno .icon{width:16.11px;}
	.regon .icon{width:15.5px;}
	.location .icon{width:12px;}

	&.date-blk{width:312px;height:62px;border-radius:8px;background-color: #F1F6FF;margin-top: 1.5rem;margin-bottom: 0;}
	&.date-blk .price-date{min-width:40%;width:auto;margin:0.25rem}
	&.date-blk .price-date .value{display:block}
	@media (min-width:1281px) and (max-width:1380px){.blk{font-size:12px;}}
}

.vehicle-auctions-wrap .inventory-listing .listing-block-wrap.grid-view .listing-block .content-section .content-oflisting .details-row{
	&.yr{ margin-right:0; }
	@media (max-width:1280px){ margin-right: 0px; }
	.blk{width: calc(100% - 0.5rem);height:auto}
	.blk.mfgyr, .blk.regon{width: calc(45% - 0.5rem)!important;}
	.blk.kms, .blk.regno{width: calc(55% - 0.5rem)!important;}
	.blk.location{width: calc(100% - 0.5rem)!important;height: auto;align-items: start !important;}
	&.date-blk{width: 100% !important; margin: 0.5rem auto auto auto;}
	&.date-blk .blk{width: calc(50% - 0.5rem);}
}
.vehicle-auctions-wrap .inventory-listing .listings-filter-left .sections{padding: 0}
.vehicle-auctions-wrap .inventory-listing .listings-filter-left .sections .content-dd {
	.checkmark{display: none}
	.cities-list .container{
		font-size: 0.82rem;font-weight: 400;line-height: normal;background-color: #fff;
		width: fit-content !important;height: 32px;border: 1px solid #C7D7F5;border-radius: 32px;
	    padding: 0.25rem 0.75rem !important;margin: 0 0.5rem 0.5rem 0 !important;display: inline-flex;
	    align-items: center;
	}
	.search-city-wrap, .search-make-wrap {border: 1px solid #D6DFEE;border-radius: 8px;}
}

.vehicle-auctions-wrap {
	.no-filters {color: #7e879c;font-size: 13px;}
	.filters-selection-blk{padding: 0 0 0.8rem !important;}
	.inventory-listing .listings-filter-left{
		border-radius:18px;flex-shrink: 0; padding: 22px 20px 5px;
	}
	.inventory-listing .listings-filter-left .title-row{margin-bottom: 1rem;}
	.inventory-listing .listings-filter-left .sections{
		border-bottom: 1px solid #DCE1EA !important;margin-top: 0 !important;
		margin-bottom: 0 !important;padding: 0.7rem 0 0.2rem;
		&.rcStatus{border-bottom:none !important}
	}
	/*.inventory-listing .listings-filter-left .sections.fuel-type{border-bottom: none !important}*/
	.inventory-listing .listings-filter-left .sections .title{
		font-weight:400;
	}
	#iam_valid_issues{margin:0.1rem auto !important; flex-grow:0 !important}
	.inventory-listing .listings-filter-left .sections .content-dd .filter-wrap .ui-slider{margin:auto}
	.inventory-listing .listings-filter-left .sections .content-dd .filter-wrap .range-val {
		.label{ color: #8b95aa;font-size: 12px;margin-bottom: 1.2rem; }
		.min,.max{ 
			color: #5373af;font-size: 14px;
			display: flex;align-items: center;justify-content: space-between; 
		}
	}
}

.vehicle-auctions-wrap .inventory-listing .results-count-block, 
.vehicle-auctions-wrap .inventory-listing .results-count-block .results-num{
	width: fit-content;max-width: 100%;
}

.interested-modal-wrap.modal-physicalauctions{
	width: 442px;height: 545px;
	.interested-modal .row1 .profile-pic{width:93px;height: 83px;border-radius: 8px;object-fit: cover}
	.interested-modal .row1{
		min-height: 124px;max-height: unset;
	}
	.interested-modal .row1 .text-content .line .value{color: #000000;font-size: 14px;font-weight: 500;line-height: 21px;margin: 0 0 7px;}
	.interested-modal .contact-num-blk{
		display: inline-flex;align-items: center;gap: 7px;min-height: 32px;
	    margin: 0;padding: 4px 13px;border: 1px solid #7369b3;border-radius: 139px;
	    background: #ffffff;color: #747474;font-size: 14px;line-height: 20px;
	    white-space: nowrap;
	}
	.interested-modal .contact-num-blk .icon-blk{
		color: #9f9f9f;font-size: 13px;white-space: nowrap;
	}
	.interested-modal .contact-num-blk .icon-blk .icon{width: 11px;height: auto;}