.pointer {
    cursor: pointer;
}
.search-container {
    width: 90%;
    max-width: 1280px;
    display: flex;
    margin: 0 auto;
}
.filter-box {
    margin-top: 15px;
    width: 25%;
    box-shadow: 0px 5px 20px #0000001a;
    border-radius: 12px;
    height: 100%;
}
.scroll_filter{
    overflow: scroll;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    overflow: scroll;
    max-height: calc(100vh - 100px);
    top:96px;
}
.filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}
.filter-btn {
    font-size: 11px;
    border-radius: 7px;
    padding: 5px;
    width: 60px;
    background: #fff;
    cursor: pointer;
}

.filter-btn.clear {
    color: #333333;
    border: 1px solid #dedede;
    margin-right: 10px;
}

.filter-btn.apply {
    color: #0091d0;
    border: 1px solid #0091d0;
}
.filter-btn.clear:hover, .filter-btn.apply:hover{
    background: #F4FDFF;
    border-color: #0191D0;
}
.filter-items-container {
    padding: 15px;
    box-shadow: 0px -2px 0px #ededed;
}
.filter-list .container {
    margin-bottom: 10px;
}
.check-label-pos {
    position: relative;
    left: 23px;
}
.filter-view-more {
    font-size: 11px;
    color: #0091d0;
    text-decoration: underline;
    padding: 0 0 10px 24px;
    cursor: pointer;
}
.count-bagde {
    font-family: 'Roboto';
    font-weight: 700;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 4px 6px;
    margin-right: 5px;
}
.sort-dd {
    border: 1px solid #dedede;
    display: flex;
    align-items: center;
    margin-left: 10px;
    padding: 7px 12px;
    border-radius: 7px;
    justify-content: space-around;
}
.sort-dd img {
    margin-left: 10px;
}
.sort-dd.bidding input{
    border: none;
    font-size: 11px;
    outline: none;
    width: 88px;
}
.result-set {
    width: 75%;
    padding: 0 0 20px 20px;
    margin-top: 15px;
}
.result-set-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.search-card-list {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
}
.card-list {
    margin: 0 0 5px;
    border: 1px solid #e8e8e8;
    padding: 5px;
    border-radius: 6px;
    box-shadow: 0px 0px 20px #e7e7e7;
    width: calc(33.3% - 21px);
    cursor: pointer;
}
.card-list.featured{
    background: #FFFBE3;
    border-color: #E2BE17;
}
.feature-dealer{
    position: absolute;
    top: 0px;
    display: flex;
    align-items: center;
    background: #E2BE17;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 8px 1px 4px;
    border-radius: 15px;
    height:17px;
}
.used-card-img .feature-dealer img{
    margin-right: 2px;
    background: transparent;
    height: 10px;
}
.grey-box {
    background: #f5f5f5;
    border-radius: 6px;
    padding: 10px;
    width: 33%;
}
.blue-box {
    background: #0191d0;
    border-radius: 6px;
    color: #fff;
    padding: 4px 10px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dot {
    height: 4px;
    width: 4px;
    display: inline-block;
    border-radius: 5px;
    margin-right: 3px;
}
.d-blue {
    background: #0091d0;
}
.d-grey {
    background: #666666;
}
.info-space {
    padding: 13px 0;
}
.contact-seller {
    font-size: 14px;
    font-family: 'Roboto';
    font-weight: 700;
    padding: 8px;
    cursor: pointer;
}
/* Seasrch Card Styles */
.used-card-img {
    border-radius: 7px;
    position: relative;
}
.used-card-img img {
    border-radius: 5px;
    object-fit: cover;
    background: #333333;
}
.used-card-img img.card{
    width: 100%;
    height: 167px;
}
.used-card-img img.no-bg{background: none;}
.card-img-container {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}
.card-emi-info {
    border: 1px solid #0191d0;
    border-radius: 6px;
    padding: 5px 9px;
    display: flex;
    flex-direction: column;
    font-size: 11px;
}
.card-between-section {
    padding-top: 15px;
    width: 98%;
    background: -webkit-linear-gradient(top, rgb(231 248 255) 0%,rgba(255,255,255,0) 100%);
    padding-left: 15px;
    border-radius: 8px;
    position: relative;
}
/* carosual */
.small-carousel-padding {
    padding: 15px 0px 15px 15px;
}
.card-small {
    background: #fff;
    color: #666666;
    padding: 5px;
    border-radius: 6px;
    font-size: 13px;
    margin-right: 5px;
    box-shadow: 0px 0px 20px #e7e7e7;
    height: 65px;
    width: 65px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
}
.card-small img {
    width: 60px;
    object-fit: contain;
    height: 40px;
}
.small-card-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

/* overwrite */
.sell-vehicle-content {
    margin-top: 50px;
}
.top-10-vehicles-section {
    padding-bottom: 0;
}

.certified {
    display: flex;
    align-items: center;
    width: 125px;
    position: absolute;
    bottom: 0;
}
.certified span {
    font-size: 12px;
    font-family: 'Roboto';
    font-weight: 700;
    background: #6dba72;
    padding: 2px 11px;
    color: #fff;
    border-radius: 0 25px 25px 0;
    position: absolute;
    left: 16px;
}
.certified img {
    position: relative;
    background: transparent;
}

.search-card-list .gb-pagination-nav .pagination {
    right: 0;
    padding-top: 30px;
}
.search-card-list .gb-pagination-nav {
    width: 100%;
}
.icon-container{
    padding: 10px 15px;
}
.h2-title h2{
    margin:0;
    font-weight:700;
    color: #333333;
    font-size:14px;
    padding:0 5px 5px 5px;
}
.h2-title a{
    color: #333333;
}
.ind_border{
    border: solid white 3px;
}
.owner-detail{
    position: absolute;
    bottom: 10px;
    background: url('../img/seller-name-bg.webp') no-repeat;
    height: 74px;
    width: 184px;
    background-position: 79% 0%;
    justify-content: end;
}

.owner-detail .seller-name{
    max-width:140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
.owner-detail.hide,.owner-detail .hide{
    display:none;
}

.owner-detail img{
    background: #ffffff;
}

.badge {
    position: relative;
    width:40px;
    padding-left: 3px;
    color:#ffffff;
    height:14px;
    margin-right: 15px;
    margin-bottom:2px;
}
.badge:after {
    content: '';
    position: absolute;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 0;
    border-width: 7px 0 7px 7px;
    right: -7px;
    transform: rotate(180deg);
}
.badge.dealer {
    background-color: #ed7700;
}
.badge.dealer:after {
    border-color: #ed7700 transparent;
}
.badge.owner {
    background-color: #40a700;
}
.badge.owner:after {
    border-color: #40a700 transparent;
}

.owner-detail-new{
    position: absolute;
}
.certified-dealer-check{
    height: 14px;
    width: 14px;
    background: #833c00;
    display: flex;
    align-items: center;
    justify-content: center;
}
.certified-dealer-check img{
    background: transparent;
    object-fit: none;
}
.expandclass{
	text-decoration: underline;
	color: #0191d0;
    margin-top:-15px;
    cursor: pointer;
}
.location-dd{
    border: 1px solid #dedede;
    padding: 4px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.location-dd input{
    width: 100%;
    border: none;
    outline: none;
    font-size: 12px;
    color: #333333;
}
.location-dd-selected{
    font-size: 14px;
    color: #666666;
    margin-bottom: 13px;
}
.filter-badge{
    padding: 5px 10px;
    font-size: 12px;
    color: #57585A;
    border-radius: 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #717F91;
}
.filter-badge img{
    margin-left: 8px;
    cursor: pointer;
}
.filter-container{
    flex-wrap: wrap;
    display: flex;
}
.text-ellipsis-bid {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 96%;
    white-space: nowrap;
}
.modelhideshow {
    float: right;
    margin-right: 5%;
    float: right;
    margin-top: -32px;
    width: 13%;
}
.filter-list .container.bid {
    margin-bottom: 10px;
}
.bid-no-result{
    display: flex;
    padding-top: 60px;
    flex-direction: column;
    align-items: center;
}
.loading-app{
    width: 100%;
    height: 100%;
    z-index: 999999999;
    margin: auto;
    box-sizing: border-box;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    background: url('../img/call_loading.gif') 50% no-repeat;
    background-color: hsla(0,0%,100%,.54902);
    overflow: hidden;
    overflow-y: hidden;
    display: block;
}
.subscribe-between-section{
    background-color: #024089;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    margin: 15px;
    text-align: center;
    width: 96%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 77px;
 }
 .subscribe-between-section.m{
    margin: 0;
    width: 100%;
    margin-top: 5px;
    flex-direction: column;
}
.subscribe-between-section.m .renewnowbtn{
    margin-left: 10px;
    margin-top: 0;
}
.subscribe-between-section.expire{
    flex-direction: column;
}
.renewnowbtn{
    background-color: #ff9f00;
    background-image: linear-gradient(to bottom right,#ff6900,#ff9f00);
    border: 1px solid #ff6900;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    height: 35px;
    width: 129px;
    border-radius: 20px;
    margin-top: 10px;
    outline: none;
}
.badge-img{
    margin: 0 5px;
}
.dayscount{
    background: #0d4e84;
    height: 26px;
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    margin-right: 5px;
}
.color-orange{color:#ff9e00}
.bg-icon-platinum {
    background-color: #ff9f00;
    background-image: linear-gradient(to bottom right,#ff6900,#ff9f00);
    border: 1px solid #ff6900;
    display: inline-block;
    height: 24px;
}
.bg-icon-silver {
    background-color: #ae6bff;
    background-image: linear-gradient(to bottom right,#ae6bff,#ae6bff);
    border: 1px solid #ae6bff;
    display: inline-block;
    height: 24px;
}
.bg-icon-gold {
    background-color: #fdd000;
    background-image: linear-gradient(to bottom right,#e6a000,#fdd000);
    border: 1px solid #fdd000;
    display: inline-block;
    height: 24px;
}
.bg-icon-payasyougo {
    background-color: #3f8ff3;
    background-image: linear-gradient(to bottom right,#3f8ff3,#5cc4fb);
    border: 1px solid #3f8ff3;
    display: inline-block;
    height: 24px;
}
.bid-buy-btn{
    padding: 10px;
    border: none;
    border-radius: 50px;
    font-size: 12px!important;
    color: #fff;
    font-weight: 700;
    margin-top: 12px;
    cursor: pointer;
}
.sub-package-icon {
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
}
label.type-value{
    padding: 0;
    color: #fff;
    display: inline;
    font-size: 14px;
    margin-right: 6px;
    font-weight: bold;
}
.sub-package-icon span:first-child {
    border-radius: 50px;
    padding: 4px;
    background-color: #fff;
    margin-right: 4px;
    margin-left: 1px;
    height: 20px;
    width: 20px;
}
.sub-package-icon span:first-child img {
    width: 100%;
    height: 100%;
}
.filterClear{
    min-width: 75px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #0091D0;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 5px;
}
.filter-list{
    margin-top: 15px;
}
.proType{
    overflow-y: scroll;
    max-height: 400px;
    display: flex;
    flex-direction: column;
}
.proType a{
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.proType a span.text{
   margin-left: 20px;
}
.proType a .repotyperadio{
    position: absolute;
    top: 2px;
    left: 0;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #CDCDCD;
}
.proType a .active.repotyperadio{
    background-color: #0091D0 ;
    border: 1px solid #0091D0;
}
.proType a .active.repotyperadio::after{
    content: '';
    left: 2px;
    top: 2px;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 8px;
    display: block;
    position: relative;
}
.proType a .active.repotyperadio + .text{
    color:#0091D0;
}
.align-self{
    align-self: flex-start;
}
.certified-premium-banner-badge{
    border-radius: 12px;
    opacity: 1;
    padding-right: 10px;
    background-color: #5CC04D;
    padding-left: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #fff;
}
.no-gb-tag{
    margin-top: 25px;
}