@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.make {
    max-height:60px;
    overflow:hidden;
}
.card_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.pagination_block {
    display: flex;
    width: 100%;
    max-width: 1665px;
    padding: 16px 0;
    justify-content: end;
}

.pagination_block_top {
    display: flex;
    width: 100%;
    max-width: 665px;
    align-items: center;
    margin-top: 3px;
}

.auction_card_container {
    display: flex;
    gap: 1.5em;
    flex-wrap: wrap;
    max-width: 1665px;
    width: 100%;
}

.pagination_block ul {
    display: flex;
    gap: 0;
    margin: 0;
}

.pagination_block li {
    list-style: none !important;
}

.pagination_block li a {
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block li.first a {
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 6px 0 0 6px;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block li.last a {
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 0 6px 6px 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block li.active a {
    background-color: #DBDCFF;
    border: 1px solid #4348E6;
    padding: 6px 8px;
    border-radius: 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block li a:hover {
    background-color: #DBDCFF;
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 6px;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block li a {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500 !important;
    color: #475467 !important;
}

.pagination_block li a {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500 !important;
    color: #475467 !important;
}

.pagination_block_top ul {
    display: flex;
    margin: 0;
}

.pagination_block_top li {
    list-style: none !important;
}

.pagination_block_top li a {
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block_top li.active a {
    background-color: #DBDCFF;
    border: 1px solid #4348E6;
    padding: 6px 8px;
    border-radius: 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block_top li a:hover {
    background-color: #DBDCFF;
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination_block_top li a {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 500 !important;
    color: #475467 !important;
}

.grid-view {
    max-width: 1665px;
    width: 100%;
}

.auction_card_block {
    width: 100%;
    border-radius: 6px;
    flex-grow: 1;
}

.auction_card {
    border-radius: 12px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    display: flex;
    flex-direction: column;
    height:100%;
}

.auction_card:hover {
    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
}

.card_img_block {
    display:flex;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position:relative;
    max-height: 196px;
    height: 100%;
}

img.card-img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 196px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.overlay_items {
    display: flex;
    justify-content: space-between;
    position: absolute;
    height: 100%;
    flex-direction: column;
    inset-inline-end: 12px;
    align-items: end;
}

.add_shopping_cart label{
    border-radius: 4px;
    background: #FCFCFD;
    display: flex;
    width: 20px;
    height: 20px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    z-index: 98;
    margin-top: 12px;
}

.add_shopping_cart label.checked {
    background: #DBDCFF;
    display: flex;
    width: 32px;
    height: 32px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    z-index: 98;
    margin-top: 16px;
}

.add_shopping_cart label:hover {
    border-radius: 4px;
    background: #DBDCFF;
    display: flex;
    width: 20px;
    height: 20px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    /* Shadow/xs */
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    z-index: 98;
    margin-top: 12px;
}

.add_shopping_cart input[type=checkbox] {
    display: none;
}

input[type=checkbox] + span.cart_icon {
    background: url("../images/cart-frame.png");
    background-size:contain;
    background-repeat:no-repeat;
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    position: relative;
    z-index:99;
    margin-bottom: 0 !important;
}

input[type=checkbox] + span.cart_icon:hover {
    background: url("../images/cart-frame-hover.png");
    background-size:contain;
    background-repeat:no-repeat;
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    position: relative;
    z-index:99;
    margin-bottom: 0 !important;
}

/*.add_shopping_cart label {*/
/*    margin: 0;*/
/*    width: 24px !important;*/
/*    height: 24px !important;*/
/*}*/

input[type=checkbox]:checked + span.cart_icon {
    background: url("../images/cart-check-fill.png");
    background-size:contain;
    background-repeat:no-repeat;
    width: 18px !important;
    height: 18px !important;
    display: inline-block;
    position: relative;
    z-index:99;
    margin-bottom: 0 !important;
}

/* Timer greater than 2 hrs */
.timer_block.blue_block {
    color: #175CD3;
    text-align: center;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
    line-height: 110%; /* 15.4px */
    border-radius: 0 4px 4px 0;
    background:  #EFF8FF;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    display: inline-flex;
    padding: 4px 8px 4px 12px;
    align-items: center;
    gap: 2px;
    margin-bottom: 12px;
    width: fit-content;
}

.timer_block.time_left.blue_block::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M9.33333 7H7V3.66667M1 7C1 7.78793 1.15519 8.56815 1.45672 9.2961C1.75825 10.0241 2.20021 10.6855 2.75736 11.2426C3.31451 11.7998 3.97595 12.2417 4.7039 12.5433C5.43185 12.8448 6.21207 13 7 13C7.78793 13 8.56815 12.8448 9.2961 12.5433C10.0241 12.2417 10.6855 11.7998 11.2426 11.2426C11.7998 10.6855 12.2417 10.0241 12.5433 9.2961C12.8448 8.56815 13 7.78793 13 7C13 6.21207 12.8448 5.43185 12.5433 4.7039C12.2417 3.97595 11.7998 3.31451 11.2426 2.75736C10.6855 2.20021 10.0241 1.75825 9.2961 1.45672C8.56815 1.15519 7.78793 1 7 1C6.21207 1 5.43185 1.15519 4.7039 1.45672C3.97595 1.75825 3.31451 2.20021 2.75736 2.75736C2.20021 3.31451 1.75825 3.97595 1.45672 4.7039C1.15519 5.43185 1 6.21207 1 7Z' stroke='%23175CD3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding-right: 4px;
}

/* Timer between 1 - 2 hrs */
.timer_block.orange_block {
    color: #B54708;
    text-align: center;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
    line-height: 110%; /* 15.4px */
    border-radius: 0 4px 4px 0;
    background:  #FFFAEB;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    display: inline-flex;
    padding: 4px 8px 4px 12px;
    align-items: center;
    gap: 2px;
    margin-bottom: 12px;
    width: fit-content;
}

.timer_block.time_left.orange_block::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.9896 8.35328C14.0628 7.1128 13.7491 5.88018 13.0917 4.82566C12.4343 3.77113 11.4657 2.94673 10.3197 2.46631C9.17367 1.98589 7.90676 1.87314 6.69391 2.14364C5.48106 2.41414 4.38213 3.05455 3.54886 3.97641C2.7156 4.89828 2.18912 6.05612 2.04213 7.29005C1.89514 8.52397 2.1349 9.77309 2.72829 10.8649C3.32168 11.9567 4.23943 12.8373 5.3548 13.3852C6.47016 13.933 7.72811 14.1211 8.95491 13.9233M8.00024 4.66662V7.99995L10.0002 9.99995M12.6669 10.6666L11.3336 12.6666H14.0002L12.6669 14.6666' stroke='%23B54708' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding-right: 4px;
}

/* Timer less than 1 hrs */
.timer_block.red_block {
    color: #C01048;
    text-align: center;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 500 !important;
    line-height: 110%; /* 15.4px */
    border-radius: 0 4px 4px 0;
    background:  #FFF1F3;
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
    display: inline-flex;
    padding: 4px 8px 4px 12px;
    align-items: center;
    gap: 2px;
    margin-bottom: 12px;
    width: fit-content;
}

.timer_block.time_left.red_block::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M12.9907 7.33474C13.0624 6.04842 12.7181 4.77318 12.0088 3.69769C11.2995 2.62219 10.2629 1.80356 9.0523 1.36289C7.84168 0.922215 6.52138 0.882914 5.2867 1.25079C4.05202 1.61868 2.96854 2.3742 2.19653 3.4056C1.42453 4.437 1.00502 5.6895 1.00004 6.97782C0.995072 8.26613 1.40491 9.52183 2.16892 10.5592C2.93294 11.5965 4.01055 12.3604 5.24236 12.7378C6.47416 13.1152 7.79473 13.0861 9.00871 12.6547M7.00004 3.66675V7.00008L9.00004 9.00008M11.6667 9.66675V11.6667M11.6667 13.6667V13.6734' stroke='%23B42318' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding-right: 4px;
}

.timer_block.bid_count {
    display: inline-flex;
    padding: 4px 8px 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 0 4px 4px 0;
    background: #F2F4F7;
    color: #1D2939;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 15.4px */
    margin-bottom: 12px;
    width: 40px;
}

.timer_block.bid_count::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M7.58357 5.83333L11.8903 10.1605C12.3704 10.6388 12.3704 11.4135 11.8903 11.8912C11.6597 12.1206 11.3476 12.2494 11.0223 12.2494C10.697 12.2494 10.385 12.1206 10.1543 11.8912L5.83357 7.58332M7.58357 5.83333L5.25024 3.49999M7.58357 5.83333L7.87524 6.12499L9.21282 4.78741C9.32218 4.67802 9.38361 4.52967 9.38361 4.37499C9.38361 4.22031 9.32218 4.07197 9.21282 3.96258L7.12099 1.87074C7.0116 1.76139 6.86325 1.69995 6.70857 1.69995C6.55389 1.69995 6.40554 1.76139 6.29615 1.87074L4.95857 3.20833L5.25024 3.49999M7.58357 5.83333L5.83357 7.58332M5.83357 7.58332L3.50024 5.24999M5.83357 7.58332L6.12524 7.87499L4.78765 9.21258C4.67826 9.32193 4.52992 9.38337 4.37524 9.38337C4.22056 9.38337 4.07221 9.32193 3.96282 9.21258L1.87099 7.12074C1.76163 7.01135 1.7002 6.86301 1.7002 6.70833C1.7002 6.55365 1.76163 6.4053 1.87099 6.29591L3.20857 4.95833L3.50024 5.24999M3.50024 5.24999L5.25024 3.49999M1.75024 12.25H5.83357' stroke='%231D2939' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding-right: 4px;
}

.timer_block.shopping_cart {
    display: inline-flex;
    padding: 4px 8px 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 0 4px 4px 0;
    background: #F2F4F7;
    color: #1D2939;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 15.4px */
    margin-bottom: 12px;
    width: 40px;
}

.timer_block.shopping_cart.red_block span {
    width: 18px;
}

.timer_block.shopping_cart::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.49967 9.91667C3.80909 9.91667 4.10584 10.0396 4.32463 10.2584C4.54342 10.4772 4.66634 10.7739 4.66634 11.0833C4.66634 11.3928 4.54342 11.6895 4.32463 11.9083C4.10584 12.1271 3.80909 12.25 3.49967 12.25C3.19026 12.25 2.89351 12.1271 2.67472 11.9083C2.45592 11.6895 2.33301 11.3928 2.33301 11.0833C2.33301 10.7739 2.45592 10.4772 2.67472 10.2584C2.89351 10.0396 3.19026 9.91667 3.49967 9.91667ZM3.49967 9.91667H9.91634M3.49967 9.91667V1.75H2.33301M9.91634 9.91667C10.2258 9.91667 10.5225 10.0396 10.7413 10.2584C10.9601 10.4772 11.083 10.7739 11.083 11.0833C11.083 11.3928 10.9601 11.6895 10.7413 11.9083C10.5225 12.1271 10.2258 12.25 9.91634 12.25C9.60692 12.25 9.31018 12.1271 9.09138 11.9083C8.87259 11.6895 8.74967 11.3928 8.74967 11.0833C8.74967 10.7739 8.87259 10.4772 9.09138 10.2584C9.31018 10.0396 9.60692 9.91667 9.91634 9.91667ZM3.49967 2.91667L11.6663 3.5L11.083 7.58333H3.49967' stroke='%231D2939' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    padding-right: 4px;
}

.card_desc {
    padding: 16px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.bid_price {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.card_desc p.font_16_12 {
    color:  #475467;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 4px
}

.model {
    white-space: nowrap;
    height: calc(14px + (16 - 14) * ((100vw - 320px) / (1023 - 320))) !important;
    overflow: hidden;
    color: #475467;
    text-overflow: ellipsis;
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 14px */
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1023 - 320))) !important;
}

.card_desc .make a{
    color: #1D2939;
    font-size: 24px;
    font-family: "IBM Plex Sans";
    font-weight: 500;
    line-height: 110%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card_desc .seller a {
    color: #4348E6;
    font-size: 14px;
    font-weight: 600;
    line-height: 110%;
    margin-bottom: 4px;
}

.card_desc p.province {
    color:#344054;
    font-size: 14px;
    font-weight: 300;
    line-height: 110%;
    margin-bottom: 10px;
}

.bid_price p.bid_label {
    color: #475467;
    font-size: 14px;
    font-weight: 300;
    line-height: 110%; /* 15.4px */
    margin-bottom: 4px;
}

.bid_price p.price {
    color: #1D2939;
    font-size: 18px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 0;
}


.bid_button a{
    color: #4348E6;
    font-size: 16px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #F6F6FF;
    background: #F6F6FF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}


.bid_button a:hover{
    color: #4348E6;
    font-size: 16px;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 500;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid #EDEDFF;
    background: #EDEDFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

span.bull_point {
    font-size: 14px;
    color: #98A2B3;
    padding: 6px;
}

.pad_16_tb  {
    padding: 16px 0;
}

a.list_block {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

a.grid_block {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

a.list_block:hover {
    background: #EDEDFF;
    border: 1px solid #EDEDFF;
}

a.grid_block:hover {
    background: #EDEDFF;
    border: 1px solid #EDEDFF;
}

.toggle_block {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.flex-toggle {
    display: flex;
    gap: 10px;
}

p.resuts_amount {
    color: #1D2939;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.card_display_options {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-bottom: 12px;
}

a.list_block svg {
    width: 20px;
    height: 20px;
    background-image: none;
    color: #344054;
}

a.grid_block svg {
    width: 20px;
    height: 20px;
    background-image: none;
    color: #344054;
}

.auction_card_block {
    max-width: 316px;
}

li.previous.disabled a {
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

li.first.disabled.first-link a {
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 6px 0 0 6px;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

li.last.last-link a{
    border: 1px solid #D0D5DD;
    padding: 6px 8px;
    border-radius: 0 6px 6px 0;
    min-width: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive Styles */

@media only screen and (max-width: 1920px) {
    .auction_card_block {
        width: calc(260px + (316 - 260) * ((100vw - 1440px) / (1920 - 1440))) !important;
    }
}

@media only screen and (max-width: 1440px) {
    .auction_card_block {
        width: calc(294px + (334 - 294) * ((100vw - 1281px) / (1440 - 1281))) !important;
        max-width: calc(294px + (330 - 294) * ((100vw - 1281px) / (1440 - 1281))) !important;
    }
}

@media only screen and (max-width: 1280px) {
    .auction_card_block {
        width: calc(272px + (399 - 272) * ((100vw - 900px) / (1280 - 900))) !important;
        max-width:calc(272px + (399 - 272) * ((100vw - 900px) / (1280 - 900))) !important;
    }
}

@media only screen and (max-width: 1024px) {

    .make {
        max-height:default;
        overflow:hidden;
    }

    .card_desc {
        padding: calc(8px + (16 - 8) * ((100vw - 320px) / (1023 - 320))) !important;
    }

    .add_shopping_cart.checked {
        background: #DBDCFF;
        display: flex;
        width: calc(16px + (32 - 16) * ((100vw - 320px) / (1023 - 320))) !important;
        height: calc(16px + (32 - 16) * ((100vw - 320px) / (1023 - 320))) !important;
        padding: 8px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        /* Shadow/xs */
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        z-index: 98;
        margin-top: 8px;
    }

    .add_shopping_cart:hover {
        border-radius: 4px;
        background: #DBDCFF;
        display: flex;
        width: calc(16px + (32 - 16) * ((100vw - 320px) / (1023 - 320))) !important;
        height: calc(16px + (32 - 16) * ((100vw - 320px) / (1023 - 320))) !important;
        padding: 8px;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        /* Shadow/xs */
        box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
        z-index: 98;
        margin-top: 8px;
    }

    .add_shopping_cart input[type=checkbox] {
        display: none;
    }

    .card_desc p.font_16_12 {
        color:  #475467;
        font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 400;
        line-height: 110%;
        margin-bottom: 4px
    }

    .card_desc .make a{
        color: #1D2939;
        font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1023 - 320))) !important;
        font-family: "IBM Plex Sans";
        font-weight: 500;
        line-height: 140%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .card_desc .seller a{
        color: #4348E6;
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 600;
        line-height: 110%;
        margin-bottom: 4px;
    }

    .card_desc p.province {
        color:#344054;
        font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 300;
        line-height: 110%;
        margin-bottom: 10px;
    }

    .seller_deets span.province {
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        color: #475467;
    }

    .bid_price p.bid_label {
        color: #475467;
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 300;
        line-height: 110%; /* 15.4px */
        margin-bottom: 4px;
    }

    .bid_price p.price {
        color: #1D2939;
        font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 0;
    }


    .bid_button a{
        color: #4348E6;
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 500;
        line-height: 20px;
    }

    span.bull_point {
        font-size: 14px;
        color: #98A2B3;
        padding: 6px;
    }

    /* Timer greater than 2 hrs */
    .timer_block.blue_block {
        color: #175CD3;
        text-align: center;
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 500 !important;
        line-height: 110%; /* 15.4px */
        border-radius: 0 4px 4px 0;
        border: 0;
        background:  #EFF8FF;
        box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
        display: inline-flex;
        padding: 4px;
        align-items: center;
        gap: 2px;
        margin-bottom: 8px;
    }

    /* Timer between 1 - 2 hrs */
    .timer_block.orange_block {
        color: #B54708;
        text-align: center;
        font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 500 !important;
        line-height: 110%; /* 15.4px */
        border-radius: 0 4px 4px 0;
        border: 0;
        background:  #FFFAEB;
        box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
        display: inline-flex;
        padding: 4px;
        align-items: center;
        gap: 2px;
        margin-bottom: 8px;
    }

    /* Timer less than 1 hrs */
    .timer_block.red_block {
        color: #C01048;
        text-align: center;
        font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1023 - 320))) !important;
        font-weight: 500 !important;
        line-height: 110%; /* 15.4px */
        border-radius: 0 4px 4px 0;
        border: 0;
        background:  #FFF1F3;
        box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.10), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
        display: inline-flex;
        padding: 2px 4px;
        align-items: center;
        gap: 2px;
        margin-bottom: 8px;
    }

    .timer_block.bid_count {
        display: inline-flex;
        padding: 4px 8px 4px 12px;
        justify-content: flex-start;
        align-items: center;
        gap: 4px;
        border-radius: 0 4px 4px 0;
        background: #F2F4F7;
        color: #1D2939;
        text-align: center;
        font-family: "IBM Plex Sans";
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        margin-bottom: 12px;
        border: 0;
    }

    .timer_block.shopping_cart {
        display: inline-flex;
        padding: 4px 8px 4px 12px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 0 4px 4px 0;
        background: #F2F4F7;
        color: #1D2939;
        text-align: center;
        font-family: "IBM Plex Sans";
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        margin-bottom: 12px;
        border: 0;
    }

    .card_img_block {
        display:flex;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        position:relative;
        max-height: calc(99px + (196 - 99) * ((100vw - 320px) / (1023 - 320))) !important;
        height: 100%;
    }

    img.card-img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: calc(99px + (196 - 99) * ((100vw - 320px) / (1023 - 320))) !important;
        width: 100%;
    }

    .overlay_items {
        display: flex;
        justify-content: space-between;
        position: absolute;
        height: 100%;
        flex-direction: column;
        right: 12px;
        align-items: end;
    }

}

@media only screen and (max-width: 991px) {

    .make_off {
        flex-direction:column;
        gap: 6px !important;
        align-items:flex-start !important;
    }

}

@media only screen and (max-width: 899px) {

    .auction_card_block {
        width: calc(228px + (272 - 228) * ((100vw - 768px) / (899 - 768))) !important;
        max-width:calc(228px + (265 - 228) * ((100vw - 768px) / (899 - 768))) !important;
    }

}

@media only screen and (max-width: 767px) {

    .pagination_block_top li.previous a {
        border: 1px solid #D0D5DD;
        padding: 6px 8px;
        border-radius: 6px 0 0 6px;
        min-width: 114px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 114px;
        width: 114px;
    }

    .pagination_block_top li.previous a::after {
        content: "Previous";
        padding-left: 12px;
    }

    .pagination_block_top li.next a {
        border: 1px solid #D0D5DD;
        padding: 6px 8px;
        border-radius: 0 6px 6px 0;
        min-width: 114px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 114px;
        width: 114px;
    }

    .pagination_block_top li.next a::before {
        content: "Next";
        padding-right: 12px;
    }

    .make_off {
        flex-direction:row;
    }

    .auction_card {
        border-radius: 12px;
        border: 1px solid #D0D5DD;
        background: #FFF;
        display: flex;
        flex-direction: column;
        height:100% !important;
    }

    .auction_card_container {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        max-width: 1665px;
        width: 100%;

    }

    .card_img_block {
        display:flex;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        position:relative;
        max-height: calc(171px + (217 - 171) * ((100vw - 320px) / (767 - 320))) !important;
        height: 100%;
    }

    img.card-img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: calc(171px + (217 - 171) * ((100vw - 320px) / (767 - 320))) !important;
        width: 100%;
    }

    .auction_card_block {
        width: calc(222px + (355 - 222) * ((100vw - 500px) / (767 - 500))) !important;
        max-width: calc(222px + (355 - 222) * ((100vw - 500px) / (767 - 500))) !important;
    }

    .pagination_block_top li a {
        display: none;
    }

    .pagination_block_top li.active a {
        display: none;
    }

    li.ellipsis {
        display:none;
    }

    /* Hide the 'First' and 'Last' links on small screens */
    .pagination-custom li.first,
    .pagination-custom li.last {
        display: none;
    }

    .pagination_block li a {
        display: none;
    }

    .pagination_block li.active a {
        display: none;
    }

    .pagination_block li.previous a {
        border: 1px solid #D0D5DD;
        padding: 6px 8px;
        border-radius: 6px 0 0 6px;
        min-width: 114px;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 114px;
        width: 114px;
    }

    .pagination_block li.previous a::after {
        content: "Previous";
        padding-left: 12px;
    }

    .pagination_block li.next a {
        border: 1px solid #D0D5DD;
        padding: 6px 8px;
        border-radius: 0 6px 6px 0;
        min-width: 114px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pagination_block li.next a::before {
        content: "Next";
        padding-right: 12px;
    }

}

.grid-view {
    padding-top: 0;
}

#contentarea.arabic .timer_block.time_left.blue_block {
    transform:scaleX(-1);
}

#contentarea.arabic .timer_block.bid_count.red_block {
    transform:scaleX(-1);
}

#contentarea.arabic .timer_block.shopping_cart.red_block {
    transform:scaleX(-1);
}

@media only screen and (max-width: 600px) {

    .pagination_block {
        flex-direction: column;
        gap: 12px;
    }

    .toggle_block {
        flex-direction: column;
        align-items: flex-end;
    }

    .flex-toggle {
        display: flex;
        gap: 10px;
        width: 100%;
        justify-content: flex-end;
    }

    .pagination_block_top ul {
        width: 100%;
    }

    .pagination_block_top li.previous a {
        width: auto;
        max-width: none;
    }

    .pagination_block_top li.next a {
        width: auto;
        max-width: none;
    }

    .pagination_block ul {
        width: 100%;
    }

    .pagination_block li.previous a {
        width: auto;
        max-width: none;
    }

    .pagination_block li.next a {
        width: auto;
        max-width: none;
    }

    li.previous {
        width: 50%;
    }

    li.next {
        width: 50%;
    }

}

@media only screen and (max-width: 500px) {


    .make_off {
        align-items: center !important;
        margin-bottom: 12px;
    }

    .card_img_block {
        display: flex;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        position: relative;
        max-height: calc(171px + (290 - 171) * ((100vw - 320px) / (599 - 320))) !important;
        height: 100%;
        width: 100%;
    }

    img.card-img {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        height: calc(171px + (290 - 171) * ((100vw - 320px) / (599 - 320))) !important;
        width: 100%;
    }


    .card_img_block a img {
        min-width:calc(275px + (543 - 275) * ((100vw - 320px) / (599 - 320))) !important;
    }

    .auction_card_block {
        width: calc(277px + (545 - 277) * ((100vw - 320px) / (599 - 320))) !important;
        max-width: calc(277px + (545 - 277) * ((100vw - 320px) / (599 - 320))) !important;
    }


}


.search-wrapper {
    display: flex;
    gap: 0.5em;
    flex-direction: column;
    max-width: 1665px;
    width: 100%;
}


.input-group.search_group {
    display: flex;
    padding: 5px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    border: 1px solid  #D9D9D9;
    background:  #FFF;
    justify-content: space-between;
}

.input-group.search_group input.form-control {
    width: 100%;
    margin: 0;
    border: 0;
    box-shadow: none;
}

.filter-sort-container .btn-group {
    width: 100%;
}

.filter-sort-container .btn-group button.btn.dropdown-toggle {
    border-radius: 6px;
    border: 1px solid  #D0D5DD;
    background:  #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 10px 16px;
    justify-content: space-between;
    align-items: center;
    flex: 1 0 0;
    width: 100%;
}

.filter-sort-container {
    display: flex;
}

.filter-sort-container .btn-group.open .dropdown-menu {
    display: flex !important;
    flex-direction: column;
    padding: 12px;
    gap: .5em;
}

.auction_card_container .mainfilter {
    width: 100%;
}

/* DO-7599 */

.time_bid_cart {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 12px;
}

.card_buy_now_overlay {
    background: rgba(236, 253, 243, 0.80);
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    color: #027A48;
    text-align: center;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 110%; /* 15.4px */
}

.make_off {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

a.cards_make_offer_badge {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    color: #475467;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 100%; /* 14px */
}

.second_section {
    margin-top: 24px;
}

.price_side {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.buy_now_cont {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.make_off p{
    margin-bottom: 0;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1023 - 320))) !important;
}

.toggle_block_group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.bid_status {
    display: flex;
    gap: 8px;
}

.stc_state {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1D2939;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.lead_state {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1D2939;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.outbid_state {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1D2939;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.stc_state span.circle {
    width: 16px;
    display: block;
    height: 16px;
    background: #C6E0E0;
    border-radius: 50%;
}

.lead_state span.circle {
    width: 16px;
    display: block;
    height: 16px;
    background: #A6F4C5;
    border-radius: 50%;
}

.outbid_state span.circle {
    width: 16px;
    display: block;
    height: 16px;
    background: #FECDCA;
    border-radius: 50%;
}

span.divider {
    background: #D0D5DD;
    width: 1px;
}

.win_bid_ind {
    background: #A6F4C5;
    width: 100%;
    height: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.win_bid_ind {
    background: #A6F4C5;
    width: 100%;
    height: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.stc_bid_ind {
    background: #C6E0E0;
    width: 100%;
    height: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.lose_bid_ind {
    background: #FECDCA;
    width: 100%;
    height: 20px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

@media only screen and (max-width: 500px) {

    .card_display_options {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 12px;
    }

    .pagination_block_top li.previous a {
        border: 1px solid #D0D5DD;
        padding: 6px 8px;
        border-radius: 6px 0 0 6px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .pagination_block_top li.next a {
        border: 1px solid #D0D5DD;
        padding: 6px 8px;
        border-radius: 0 6px 6px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media only screen and (max-width: 425px) {

    .bid_status {
        flex-direction: column;
    }

    span.divider {
        display: none;
    }

    .bid_status {
        display: flex;
        gap: 8px;
    }

}

/* Keep everything on one line and tight */
.pagination-summary {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

/* Make the GET form (that wraps the <select>) inline */
.pagination-summary-form {
    display: inline-block;
    margin: 0 .5rem 0 .5rem;
}

/* Remove any default margins around elements inside */
.pagination-summary-form select {
    margin: 0;
    max-width: 80px;
}

.pagination-summary br {
    display: none;
}

@media only screen and (max-width: 991px) {
    body {
        width: auto !important;
    }

    #footer {
        width: auto !important;
    }

    #footer .container {
        width: auto !important;
    }

    #footer .span12 {
        width: auto !important;
        margin: auto;
        text-align: center;
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    .arabic .modal {
        position: fixed;
        width: auto;
        margin: 0;
        top: 10px;
        left: 10px;
        right: 10px;
    }

    .modal.seller_details {
        position: fixed;
        width: auto !important;
        margin: 0 !important;
        top: 10px;
        left: 10px;
        right: 10px;
    }
}

#contentarea.arabic .inner_content {
    transform: scaleX(-1);
}