.form-error {
    font-size: 10px;
    color: red;
    margin-top: 3px;
}

#breadcrumb-section {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #353c4d;
    padding-block: 19px;
}

.sticy-items-dashboard {
    top: 45px;
    position: -webkit-sticky !important;
    position: sticky !important;
}

.grid-danshboard {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 56px;
}

.dash-item-1 {
    padding: 24px 0px 24px 0;
    min-width: 244px;
}

.dash-icon {
    height: 22px;
    width: 22px;
    fill: #b2aebf;
}

.dash-item-1 ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.dash-item-1 ul li {
    border-radius: 8px;
    margin-bottom: 6px;
}

.dash-item-1 ul li a {
    display: flex;
    gap: 32px;
    align-items: center;
    padding: 17px 19px;
    border-radius: 8px;
    cursor: pointer;
    color: #b2aebf;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    width: 100%;
}

.dash-item-1 ul li a:hover {
    background-color: #f5f6f7;
    color: #353c4d;
}

.dash-item-1 ul li.selected-option {
    background-color: #f5f6f7;
}

.dash-item-1 ul li.selected-option a {
    color: #353c4d;
}

.dash-item-1 ul li.selected-option .dash-icon {
    background-color: #f5f6f7;
    fill: #2384c1;
}

.dash-item-1 ul li:hover .dash-icon {
    fill: #2384c1;
}

.card-img-selecton {
    padding: 42px 56px;
    border-radius: 20px;
    background-color: #f8fafc;
    display: flex;
    align-items: center;
    gap: 20px;
}

.card-img-selecton .prof-tile {
    font-family: "Lato", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.016em;
    color: #353c4d;
    margin-bottom: 0px;
    word-break: break-all;
}

.card-img-selecton .prof-email {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #7a7493;
    margin-bottom: 0px;
}

.prof-pic {
    border-radius: 50%;
    object-position: center;
}

.mt-32p {
    margin-top: 32px;
}

.mt-24s {
    margin-top: 24px;
}

.input-field-set label {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #344054;
    margin-bottom: 6px;
}

/* .review-guest-check:checked{
  background-color: #2384C1!important;
    border-color: #2384C1 !important;
} */
.input-field-set input[type="text"] {
    height: 40px;
    border: 1px solid #d0d5dd;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #667085;
}

.input-field-set input[type="text"]::placeholder {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #667085;
}

.input-field-set select {
    height: 40px;
    border: 1px solid #d0d5dd;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #667085;
    background-size: 16px 9px;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.phone-car-detail {
    height: 40px;
    border: 1px solid #d0d5dd;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #667085;
}

.phone-car-detail::placeholder {
    color: #667085 !important;
}

textarea {
    min-height: 40px;
    border: 1px solid #d0d5dd !important;
    font-family: "Lato", sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.01em;
    color: #667085 !important;
}

textarea::placeholder {
    font-family: "Lato", sans-serif;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.01em !important;
    color: #667085 !important;
}

.update-btn {
    height: 44px;
    width: 100%;
    max-width: 186px;
    background-color: #2384c1;
    color: white;
    border-radius: 4px;
    border: 1px solid #2384c1;
    margin-bottom: 32px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
}

.update-btn[disabled] {
    border: 1px solid #80808026;
    color: white;
    background-color: #80808061;
}

.card-sidebar {
    border-radius: 10px;
    background-color: #f5f6f7;
    padding: 20px 30px;
    margin-top: 21px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.card-sidebar p {
    margin-bottom: 12px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #9a9ea7;
    text-align: center;
    max-width: 135px;
}

.card-sidebar .logout-sidebar {
    width: 100%;
    height: 38px;
    border-radius: 5px;
    border: 1px solid white;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #353c4d;
}

.action-img {
    position: absolute;
    opacity: 0;
    top: 26px;
    left: 34%;
    z-index: 1;
    transition: opacity 0.3s;
}

.card-img-selecton .position-relative {
    display: inline-block;
    cursor: pointer;
}

.card-img-selecton .position-relative:hover .action-img {
    opacity: 1;
}

.card-img-selecton .position-relative:hover .overlay-img {
    opacity: 1;
}

.overlay-img {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s;
}

.dash-item-2 {
    /* padding-right: 15px; */
}

/* tabs csss */
.dash-itemd-3 .nav-tabs .nav-link {
    border: 1px solid #d0d5dd;
    border-radius: 4px;
    margin-right: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dash-itemd-3 .tab-nav-link {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #aeb1b8;
}

.dash-itemd-3 .nav-tabs .nav-link:hover {
    color: #aeb1b8;
    border: 1px solid #d0d5dd;
}

.dash-itemd-3 .nav-tabs .nav-link.active {
    color: #2384c1;
    border: 1px solid var(--Colors-Border-border-primary, #d0d5dd);
    background-color: #f9fafb;
}

/* review inner page css */

.dashobard-review-card {
    border: unset;
    border-bottom: 0.4px solid #aeb1b8;
    margin-bottom: 12px;
    border-radius: unset;
    padding: 10px 0 24px 0;
}

.yellow-star {
    width: 20px;
    height: 20px;
}

.review-top-hdr {
    font-family: "Lato", sans-serif;
    font-size: clamp(10px, 4vw, 20px);
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.016em;
    text-align: left;
    color: #0c1529;
    white-space: nowrap;
    margin-right: unset !important;
}

.review-test-para {
    font-family: "Lato", sans-serif;
    font-size: clamp(12px, 2vw, 16px);
    font-weight: 400;
    line-height: 24px;
    color: #5d6370;
    margin: 10px 0 10px 0;
}

.review-test-para-spn {
    font-family: "Lato", sans-serif;
    font-size: clamp(12px, 2vw, 18px);
    font-weight: 400;
    line-height: 26.78px;
    color: #0c1529;
}

.reviw-img {
    width: 100%;
    max-width: 520px;
}

.review-testi-car-name {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #1c6a9b;
    margin: 0 0 10px 0;
    color: #1c6a9b;
}

.detail-testi-user-label {
    font-family: "Lato", sans-serif;
    font-size: 12.94px;
    font-weight: 400;
    line-height: 19.42px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #5d6370;
}

.detail-testi-user-img {
    width: 24px;
    height: 24px;
}

.review-testi-car-detail {
    font-family: "Lato", sans-serif;
    font-size: clamp(12px, 2vw, 16px);
    font-weight: 400;
    line-height: 24px;
    color: #0c1529;
    /* overflow: hidden; */
    /* max-height: 125px; */
    /* text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; */
}

.review-testi-user-label {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #5d6370;
}

.review-testi-detl-flg {
    width: 22px;
    height: 14px;
}

h2.title-review {
    color: #252525;
}

.title-review span {
    color: #aeb1b8;
}

.title-review {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    margin-bottom: 0px;
}

#my-reviews {
    margin-top: 24px;
    padding-block: 12.5px;
}

.dash-itemd-3 {
    /* padding-right: 15px; */
}

.card-upload {
    position: relative;
    margin-top: 12px;
    max-width: 500px;
    height: 168px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
}

.card-upload .img-text {
    width: 100%;
    cursor: pointer;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.card-upload .img-text h3 {
    font-family: "Lato", sans-serif;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #68727d;
}

.stars-review .fa-star {
    font-size: 20px;
    color: #c1c3c79e;
    cursor: pointer;
    transition: color 0.2s ease;
}

.stars-review .fa-star.active {
    color: #efa22f;
}

.files-img-thumbnails {
    padding-inline: 12px;
    padding-block: 13.5px;
}

.files-img-thumbnails .img-text {
    padding-top: 20px;
}

.cross-img {
    position: absolute;
    top: -6px;
    right: -6px;
    cursor: pointer;
}

.upload-img-divs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.upload-img {
    height: 100px;
    width: 100px;
}

.uploaded-img {
    position: relative;
    display: inline-block;
}

.upload-item {
    height: 100px;
    width: 200px;
    object-fit: cover;
}

.drag-over {
    border: 1px solid #00adff;
}

/* loyalty points */
.dash-itemd-4 {
    /* padding-right: 26px; */
}

.title--page {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.014em;
    color: #363636;
    margin-bottom: 24px;
}

.dash-itemd-4 .tab-nav-link-ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
}

.dash-itemd-4 .tab-nav-link-ul li a {
    width: 135px;
    height: 44px;
    padding: 10px;
    border-radius: 100px !important;
    border: 1px solid #dcdae2 !important;
    text-align: center;
    align-content: center;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #5d6370;
    background-color: #f6f6f8;
}

.dash-itemd-4 .tab-nav-link-ul a.active {
    background: linear-gradient(0deg, #2384c1, #2384c1),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    color: #ffffff !important;
    border-radius: 100px;
    border: 1px;
    text-align: center;
    align-content: center;
}

#loyalty-points-valid {
    margin-top: 24px;
}

#loyalty-points-used {
    margin-top: 24px;
}

.valid-item.heading {
    /* border-bottom: 1px solid #ededf1; */
}

.valid-item.item {
    border-radius: 6px;
    /* border: 1px solid #ededf1; */
}

.track-ship-border {
    border-radius: 6px;
    border: 1px solid #ededf1;
}
.valid-item {
    display: flex;
}

.heading-item {
    padding: 10px;
    flex-grow: 1;
    min-width: 126px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #7a7493;
    border-bottom: 1px solid #ededf1;
}

.item-value {
    padding: 10px;
    flex-grow: 1;
    min-width: 126px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #5d6370;
    border-top: 1px solid #ededf1;
    border-bottom: 1px solid #ededf1;
}

.pa-itemval {
    padding: 20px;
}

.pa-itemval.auction {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
}

.aution-tag-loyalty {
    position: absolute;
    top: -9px;
    left: 14px;
    background-color: #f1892b;
    border-radius: 37px;
    padding: 2px 20px;
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}

.redeemcash-auction {
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    padding: 8px 16px;
    background-color: #2384c1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2384c1;
    flex-grow: 1;
}

.item-value:first-child {
    border-right: 0px;
    border-radius: 6px;
    border-left: 1px solid #ededf1;
}

.item-value:last-child {
    border-radius: 6px;
    border-right: 1px solid #ededf1;
}
.data-track-inner {
    display: flex;
    gap: 18px;
    padding: 18px 10px 10px 10px;
}
.data-track-card {
    border: 1px solid #c5cad3;
    background-color: white;
    padding: 12px;
    border-radius: 8px;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
}
.track-btn {
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1%;
    padding: 8px 14px;
    background-color: #014e78;
    border: 1px solid #014e78;
    border-radius: 4px;
    width: max-content;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.data-track-card .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #08202e;
    margin-bottom: 12px;
}
.data-track-card .title-sub {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #5d6370;
}
.data-track-card .para-sub {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #08202e;
}
.track_order_collapse {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2384c1;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease-in-out;
    user-select: none;
}
.track_order_collapse .fa-sort-down {
    transition: all 0.5s ease-in-out;
}
.track_order_collapse[aria-expanded="true"] .fa-sort-down {
    transform: rotate(540deg);
}
.track-or-status {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2f9461;
}
.loyb-12 {
    margin-bottom: 18px;
}

.max-30 {
    flex-basis: 30%;
}

.max-20 {
    flex-basis: 20%;
}

.overflow-auto-cust {
    width: 100%;
    overflow: auto;
}

.title-account {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.014em;
    color: #363636;
    margin-bottom: 24px;
}

.save-search-fil {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
    column-gap: 33px;
}

.dash-item-account {
    /* padding-right: 80px; */
}

.search-fil-item {
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #dcdae2;
}

.total-match-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.total-match-item h3 {
    margin-bottom: 0px;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.012em;
    color: #353c4d;
}

.search-fil-item p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #5d6370;
    margin-bottom: 12px;
}

.search-fil-item .save-btn {
    background-color: #2384c1;
    border: 1px solid;
    height: 38px;
    width: 100%;
    color: white;
    border-radius: 6px;
    margin-top: 2px;
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.012em;
}

.list-save-search {
    height: 72px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.list-save-search li {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #353c4d;
    padding-block: 4px;
    padding-inline: 8px;
    background-color: #ededf1;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: inline-block;
}

#save_search_modal .modal-content {
    border-radius: 0px;
}

#save_search_modal .body-modal {
    padding-block: calc(20px - 16px);
    padding-left: calc(57px - 16px);
    padding-right: calc(57px - 16px);
}

#save_search_modal .body-modal h3 {
    margin-bottom: 7px;
    color: #000000;
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.012em;
}

#save_search_modal .body-modal p {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #7a7493;
    margin-bottom: 34px;
}

#save_search_modal .btn-remove-search {
    width: 100%;
    height: 44px;
    background-color: #2384c1;
    color: white;
    border: 1px solid;
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
}

/* waqas */
.error-img {
    margin-bottom: 50px;
}

.error-img .mt-5 {
    text-align: center;
}

.dashboard-error-img {
    max-width: 240px;
    width: 100%;
}

.error-img-label {
    font-family: Sofia Pro;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    text-align: center;
    color: #64748b;
    margin-top: 14px;
}

.erro-imh-main {
    height: 100vh;
}

.error-img-inner {
    display: grid;
    justify-items: center;
}

.reward-heading-dash .reward-title {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.014em;
    color: #141817;
    margin-bottom: 4px;
}

.reward-heading-dash .reward-para {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #393a3a;
}

.note-dashboard-para {
    background-color: #f2f8ff;
    padding: 14px;
    border-radius: 12px;
}

.btn-reward-btn {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    min-height: 48px;
    padding-inline: 18px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.reward-heading-dash .join-sa:first-of-type {
    border: 1px solid #2384c1;
    background-color: #2384c1;
    color: #ffffff;
}

.reward-heading-dash .view-ben:last-of-type {
    border: 1px solid #2384c1;
    background-color: #ffffff;
    color: #2384c1;
}

.myreward-card-section {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-block: 24px;
}

#add_on_service .service-card-item {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 9px 13.4px;
    display: flex;
    align-items: center;
    position: relative;
}

.free-text-benifits {
    font-family: Lato;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    padding-inline: 10px;
    color: white;
    background-color: #faa51b;
    border-radius: 4px;
    position: absolute;
    top: -9px;
    left: 10px;
}

#add_on_service .service-card-item .service-texts {
    flex-grow: 1;
    margin-right: 13.4px;
    margin-left: 12px;
}

#add_on_service .title {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #334155;
    margin-bottom: 2.23px;
}

#add_on_service .para {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #64748b;
    margin-bottom: 0px;
}

#add_on_service .service-card-item {
    flex: 1 1 260px;
    max-width: 320px;
}

.myreward-titles {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #353c4d;
    margin-bottom: 2px;
}

.myreward-subtitle {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #353c4d;
}

.myreward-free {
    padding-inline: 4px;
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #ffffff;
    background-color: #faa51b;
    display: flex;
    align-items: center;
}

.rewad-para {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #08202e;
}

.savecard_dash label {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #344054;
    margin-bottom: 6px;
}

.savecard_dash input.form-control {
    min-height: 40px;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #667085;
}

.savecard_dash .add-card-btnsave {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: #2384c1;
    border: 1px solid #2384c1;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #ffffff;
    max-width: 281px;
    width: 100%;
    min-height: 40px;
    cursor: pointer;
}

.add-card-payment {
    padding: 7px 24px;
    border-radius: 4px;
    background-color: #f8fafc;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.add-card-payment span {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #344054;
}

.add-card-payment .new-payment-add {
    border: 1px solid #2384c1;
    background-color: transparent;
    max-width: 120px;
    width: 100%;
    min-height: 40px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2384c1;
    border-radius: 4px;
}

.add-card-payment.active {
    border: 1px solid #2384c1;
    background-color: #f4f9ff;
}

.savecard_dash .title-card-added {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #141817;
    margin-bottom: 22px;
}

.button-modalconfirm {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.button-modalconfirm button:first-of-type {
    background-color: #2384c1;
    border: 1px solid #2384c1;
    color: #ffffff;
}

.button-modalconfirm button:last-of-type {
    background-color: #ffffff;
    border: 1px solid #2384c1;
    color: #0368a0;
}

.button-modalconfirm button {
    border-radius: 4px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    height: 40px;
    max-width: 94px;
    width: 100%;
}

#delete_confirm h2 {
    font-family: "Lato", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -0.012em;
    color: #000000;
    margin-bottom: 12px;
}

#delete_confirm p {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 24px;
}

.savecard_notfound {
    text-align: center;
}

.savecard_notfound button {
    border: 1px solid #2384c1;
    background-color: #ffffff;
    color: #2384c1;
    max-width: 282px;
    height: 40px;
    font-family: "Lato", sans-serif;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.savecard_notfound p {
    font-family: "Lato", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.014em;
    color: #64748b;
    margin-bottom: 12px;
    margin-top: 21px;
}

.screenshot-btn {
    background-color: #ffffff;
    border: 1px solid #2384c1;
    color: #898989;
    min-height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    border-radius: 4px;
    padding-inline: 17px;
    flex-grow: 1;
}

#upload_proofimage .modal-dialog {
    max-width: 800px;
}

#upload_proofimage .modal-body {
    padding: 51px 24px;
}

#upload_proofimage .modal-content {
    border-radius: 12px;
}

#user_uploaded_image {
    max-height: 400px;
    object-fit: contain;
}

.action-buttons-imgupload {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 12px;
}

.action-buttons-imgupload button:last-of-type {
    background-color: #2384c1;
    border: 1px solid #2384c1;
    color: #ffffff;
}

.action-buttons-imgupload button:first-of-type {
    background-color: #ffffff;
    border: 1px solid #2384c1;
    color: #2384c1;
}

.action-buttons-imgupload button {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    border-radius: 4px;
    max-width: 160px;
    width: 100%;
    min-height: 36px;
}

.action-buttons-imgupload button[disabled] {
    background-color: #ededf1;
    color: #ced0d4;
    border: 1px solid #ededf1;
}

.drag-over {
    border: 2px dashed #007bff;
    background-color: #f8f9fa;
}

.upload_img img {
    object-fit: contain;
}

.upload_img {
    height: 40px;
    width: 40px;
    border-radius: 8px;
    border: 1px solid #eaecf0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload_para {
    color: #0368a0;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 4px;
    margin-top: 12px;
}

.upload_para span {
    color: #475467;
    font-weight: 400;
}

/* mobile */
.specs-md-car2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #64748b;
}

.specs-md-car {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2px;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #64748b;
    min-width: 71px;
}
.specs-md-car.min-82 {
    min-width: 82px;
}
.minw-order171.min-82 {
    min-width: 82px;
}
.error-md-car {
    background-color: #ff4b44;
    border-radius: 36px;
    color: white;
    padding: 2px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
}
.specs-maintitle {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #333333;
    margin-bottom: 8px;
}

.sp-car-ui {
    border-radius: 8px;
}

.specs-ms-car {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #858a94;
}

.specs-carprice-title {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #475569;
}

.specs-mcarprice {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1c6a9b;
}

.upload-prof-m {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #334155;
    border-radius: 4px;
    border: 1px solid #2384c1;
    background-color: #ffffff;
    min-height: 32px;
    max-width: 134px;
    width: 100%;
}

.max-360 {
    max-width: 430px;
}

.goto-check-m {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    min-height: 32px;
    max-width: 134px;
    width: 100%;
    background-color: #2384c1;
    border: 1px solid #2384c1;
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #ffffff;
}

.time-overdue {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #cd3636;
}

/*  */
.request-moretime {
    font-family: "Lato", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #2384c1;
    cursor: pointer;
}

.heading-request-timemore {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background-color: #f1f5f9;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.heading-request-timemore h2 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 0px;
}

.requesttime-body {
    padding: 18px 24px;
}

.requesttime-body label {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #344054;
    margin-bottom: 8px;
}

.requesttime-body label span {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #b2aebf;
}

.requesttime-body select {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #667085;
    border-radius: 6px;
    border: 1px solid #d0d5dd;
    min-height: 40px;
}

.requesttime-body textarea {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #667085;
    border-radius: 6px;
    border: 1px solid #d0d5dd;
    min-height: 100px;
}

.sub-requestbtn {
    background-color: #2384c1;
    border: 1px solid #2384c1;
    width: 100%;
    max-width: 208px;
    min-height: 40px;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border-radius: 3.31px;
    letter-spacing: -0.01em;
    color: #ffffff;
}

/* fav-card */
.fav-card {
    padding: 10px;
    display: flex;
    border: 1px solid #eaebf0;
    border-radius: 6px;
}

.fav-card img {
    border-radius: 6px;
}

.new-cars-specs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 7px;
    row-gap: 12px;
}

.new-cars-specs span {
    font-size: 10px;
    color: #aeb1b8;
    margin-right: 8px;
}
.specs-fav-car h2 {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2384c1;
}

.specs-fav-car {
    flex-grow: 1;
}

.new-cars-specs .specs-item-new {
    margin-right: 18px;
}

.new-cars-specs .specs-item-new:last-of-type {
    margin-right: 0px;
}

.specs-item-new .title {
    color: #858a94;
}

.specs-item-new .spec {
    color: #0c1529;
}

.specs-item-new .cmn-stl {
    font-family: "Lato", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.012em;
}

/* new auction dashboard */
#aucion_listing_user {
    padding-block: 24px;
}

#aucion_listing_user .tabs-auction-list {
    display: flex;
    align-items: center;
    gap: 16px;
}

#aucion_listing_user .tabs-auction-list > * {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #aeb1b8;
    padding: 10px 16px;
    cursor: pointer;
    margin-bottom: 0px;
    min-width: 88px;
}

#aucion_listing_user .tabs-auction-list > *.active {
    color: #2384c1;
}

.table-auction-headings {
    display: flex;
    margin-top: 12px;
    gap: 30px;
    border-bottom: 1px solid #ededf1;
}

.table-auction-headings .auction-item-tab {
    flex: 1 0 calc(20% - 30px);
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #7a7493;
    padding-block: 10px;
}

.table-auction-headings .auction-item-tab2 {
    flex: 1 0 calc(40% - 30px);
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #7a7493;
    padding-block: 10px;
}

.auction-listing-pending .pending-item {
    display: flex;
    margin-top: 12px;
    border: 1px solid #eaebf0;
    border-radius: 6px;
    padding: 10px;
    align-items: center;
    gap: 30px;
}

.auction-listing-pending .value-item .car-img-auct {
    max-width: 177px;
    max-height: 102px;
    object-fit: cover;
    width: 100%;
    min-width: 100px;
}

.auction-listing-pending .value-item {
    flex: 1 0 calc(20% - 30px);
    display: flex;
    flex-direction: column;
    align-items: start;
}

.auction-listing-pending .value-item2 {
    flex: 1 0 calc(40% - 30px);
    display: flex;
    flex-direction: column;
    align-items: start;
}

.auction-listing-pending .title {
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2384c1;
}

.auction-listing-pending .price {
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #353c4d;
}

.auction-listing-pending .status-paid {
    border-radius: 51px;
    background-color: #caeed5;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #36844f;
    width: 100%;
    padding-block: 6px;
    display: inline-block;
    text-align: center;
    max-width: 121px;
}

.auction-listing-pending {
    min-width: 750px;
}

.table-auction-headings {
    min-width: 750px;
    padding-inline: 10px;
}

.invoice-download {
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2384c1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 6px;
    gap: 10px;
    width: 100%;
    border: 1px solid #2384c1;
    border-radius: 48px;
    margin-top: 12px;
    max-width: 121px;
}

.status-lost {
    border-radius: 51px;
    background-color: #fddbda;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #b2444a;
    width: 100%;
    padding-block: 6px;
    display: inline-block;
    text-align: center;
    max-width: 121px;
}

/* mobile auction list */
.auctlist-tabs-m::-webkit-scrollbar {
    display: none;
}

.auctlist-tabs-m {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    overflow: auto;
    padding-block: 14px;
    overflow: auto;
    max-width: 100%;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
}

.auctlist-tabs-m > * {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 37px;
    background-color: #f1f5f9;
    color: #94a3b8;
    border-radius: 39px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-decoration: none;
    white-space: nowrap;
}

.auctlist-tabs-m > *.active {
    background-color: #2384c1;
    color: #ffffff;
}

.mob-auct-list {
    display: flex;
    gap: 8px;
}

.car-img-auctm {
    width: 100%;
    max-width: 137px;
    max-height: 94px;
    border-radius: 8px;
    min-width: 120px;
}

.mo-card {
    flex-grow: 1;
}

.mo-card .title {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #333333;
    margin-bottom: 8px;
}

.mo-card .price {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #475569;
    margin-bottom: 8px;
}

.mo-card .amount {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #08202e;
    margin-bottom: 8px;
}

.status-paid-m {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #36844f;
    background-color: #caeed5;
    border-radius: 36px;
    padding: 2px 11px;
    margin-bottom: 8px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
}

.status-lost-m {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b2444a;
    background-color: #fddbda;
    border-radius: 36px;
    padding: 2px 11px;
    margin-bottom: 8px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
}

.timer-m {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #f04438;
    margin-bottom: 8px;
}

.upload-m {
    border-radius: 4px;
    border: 1px solid #2384c1;
    padding-block: 9px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1 0 100px;
    background-color: white;
}

.invoice-m {
    border-radius: 4px;
    border: 1px solid #2384c1;
    padding-block: 9px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #2384c1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1 0 100px;
    background-color: white;
}

.card-listing {
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdae2;
}

.request-time-iu {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #2384c1;
    margin-bottom: 8px;
}

.see-allbids {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px;
    flex-grow: 1;
    border: 1px solid #2384c133;
    padding: 6px 8px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #2384c1;
}

.not-found-text {
    max-width: 274px;
    font-family: Lato;
    font-size: clamp(14px, 2vw, 18px);
    font-weight: 600;
    line-height: clamp(28px, 2vw, 30.52px);
    color: #64748b;
    margin-bottom: 0px;
    margin-top: 18.31px;
}

/* end */
/* my orders */
.heading-orderTransaction {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ededf1;
    margin-bottom: 12px;
    padding: 10px;
    min-width: 691px;
}

.heading-orderTransaction .head-transc {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #7a7493;
    display: flex;
    align-items: center;
    padding-right: 10px;
    flex: 1 0 20%;
}

.main_myorder {
    border: 1px solid #eaebf0;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 10px;
    min-width: 691px;
}

.main_myorder:hover {
    background: #f0f9ff;
}

.data_myorder {
    display: flex;
}

.data_myorder:last-of-type {
    margin-bottom: 0px;
}

.data_myorder .data-myorder {
    display: flex;
    align-items: center;
    padding-right: 20px;
    flex: 1 0 20%;
}

.data_myorder .data-myorder:last-of-type {
    padding-right: 0px;
}

.data_myorder .data-myorder .dataorder-image {
    border-radius: 12px;
    width: 100%;
    height: auto;
}

.data_myorder .data-myorder .dataorder-cartitle {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    margin-bottom: 0px;
    color: #2384c1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.data_myorder .data-myorder .dataorder-date {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #858a94;
    margin-bottom: 0px;
}

.data_myorder .data-myorder .dataorder-price {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #858a94;
    margin-bottom: 0px;
}

.status-sat-balance {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #caeed5;
    border-radius: 51px;
    max-width: 121px;
    width: 100%;
    padding-block: 6px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #36844f;
    margin-bottom: 0px;
}

.data_myorder .data-myorder .dataorder-status {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #caeed5;
    border-radius: 51px;
    max-width: 121px;
    width: 100%;
    padding-block: 6px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #36844f;
    margin-bottom: 0px;
}
.data_myorder .status {
    display: flex;
    align-items: center;
    justify-content: start;
    border-radius: 51px;
    width: max-content;
    padding-block: 6px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    margin-bottom: 0px;
    min-width: 121px;
}
.data_myorder .status.success {
    /* background-color: #caeed5; */
    color: #36844f;
}
.data_myorder .status.error {
    /* background-color: #fddbda; */
    color: #b2444a;
}

.data_myorder .data-myorder .dataorder-show {
    display: flex;
    align-items: center;
    font-family: Lato;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1%;
    text-align: center;
    color: #3a3a3a;
    margin-top: 20px;
    cursor: pointer;
    margin-bottom: 0px;
    user-select: none;
}

.data_myorder .data-myorder .dataorder-show i {
    color: #0c1529;
    margin-left: 10px;
}

.main_myorder .docs-drop {
    margin-top: 24px;
    transition: all 0.2s ease-in-out;
    user-select: none;
}

.data_myorder .data-myorder .dataorder-show[aria-expanded="true"] i {
    transform: rotate(-180deg);
    color: #2384c1;
    margin-bottom: 0px !important;
}

.data_myorder .data-myorder .dataorder-show[aria-expanded="true"] {
    color: #2384c1;
}
.dealer-btn.btn-2[aria-expanded="true"] i {
    transform: rotate(-180deg);
}

.pdf-downloads {
    display: flex;
    flex-wrap: wrap;
    margin-left: 20%;
}

.pdf-downloads .download_link {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: Lato;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    color: #2384c1;
    cursor: pointer;
    min-width: 173px;
    margin-bottom: 12px;
}

.myorder_title {
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #475569;
}

.myorder_id {
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #08202e;
    margin-left: 10px;
}

.status-md-car {
    /* background-color: #caeed5; */
    border-radius: 36px;
    color: #36844f;
    padding: 2px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    width: 46px;
    height: 20px;
}

.status-md-car2 {
    background-color: #caeed5;
    border-radius: 36px;
    color: #36844f;
    padding: 2px 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
}

.minw-order171 {
    min-width: 71px;
}

.my_order_mob {
    padding-bottom: 16px;
    border-bottom: 1px solid #dcdae2;
}

.cdrop-myorder {
    background-color: #f6f6f8;
    padding-block: 7px;
    padding-inline: 12px;
    font-family: Lato;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #131313;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
}

.cdrop-myorder[aria-expanded="true"] {
    color: #2384c1;
}

.cdrop-myorder[aria-expanded="true"] i {
    transform: rotate(-180deg);
}

/* my orders end*/
/* lost-bid-term */
.lost-bid-term {
    font-family: Lato;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #0c1529;
    margin-block: 18px;
}

.notes_term_lost {
    background-color: #f6f6f8;
    padding: 12px;
    margin-top: 24px;
}

.notes_term_lost h2 {
    font-family: Sofia Pro;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    color: #020408;
    margin-bottom: 12px;
}

.notes_term_lost ul {
    color: #353c4d;
    font-family: Lato;
    font-weight: 400;
    font-size: 20px;
    line-height: 40px;
}

.pa-itemval.auction {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* lost-bid-term */
/* review btn */
.giv-rev-btn {
    max-width: 146px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2384c1;
    color: white;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #2384c1;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.main_myorder.rev:hover {
    background-color: transparent;
}

.br--clr-blue-50 {
    border-left: 4px solid #2384c1;
}

/* review btn */
/* sat balance */
.satbalance {
    background: url(/assets/images/new-icon/sat-balance-dash.webp) 0 0/ 22px;
    display: inline-block;
    min-width: 22px;
    height: 22px;
    background-position-y: -22px;
}

.dash-item-1 ul li:hover .satbalance {
    background-position-y: 0px;
}

.dash-item-1 ul li.selected-option .satbalance {
    background-position-y: 0px;
}

.sub-balance {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.redeem-btn-cash {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #2384c1;
    background-color: #2384c1;
    color: white;
    border-radius: 4px;
    padding: 8px 16px;
    cursor: pointer;
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.redeem-btn-cash[disabled] {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #000000;
}

.sub-balance .total {
    font-family: Lato;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #141817;
    margin-bottom: 8px;
}

.sub-balance .balance {
    font-family: Lato;
    font-weight: 900;
    font-size: 36px;
    line-height: 42px;
    color: #141817;
    margin-bottom: 8px;
}

.sub-balance .prediction {
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #17b26a;
    margin-bottom: 0px;
}

.title-prediction {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.title-prediction .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #141817;
    margin-bottom: 0px;
}

.credit-debit {
    display: flex;
    align-items: center;
    gap: 24px;
}

.credit-debit .credit {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #17b26a;
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #141817;
}

.credit-debit .debit {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f04438;
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #141817;
}

.heading-data-balance {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ededf1;
    margin-bottom: 12px;
    padding: 10px;
    min-width: 691px;
}

.table-data-balance .max-40a {
    flex: 1 0 30%;
}

.table-data-balance .max-40 {
    flex: 1 0 35%;
}

.table-data-balance .max-20b {
    flex: 1 0 17.5%;
}

.table-data-balance .max-20a {
    flex: 1 0 21.66%;
}

.heading-data-balance .head-balance {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -1%;
    color: #7a7493;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.data_balance {
    display: flex;
    min-width: 691px;
    border: 1px solid #eaebf0;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 12px;
}

.data_balance .data-balance {
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.data_balance .data-balance .dataorder-image {
    border-radius: 12px;
    width: 100%;
    height: auto;
}

.bid-placed {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #353c4d;
    margin-bottom: 0px;
}

.data-balance .status {
    padding: 2px 30px;
    border-radius: 51px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}

.data-balance .status.win {
    background-color: #caeed5;
    color: #36844f;
}

.data-balance .status.lost {
    background-color: #fddbda;
    color: #b2444a;
}

.databalance-carname {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #2384c1;
    margin-bottom: 15px;
}

.databalance-cartitle.date {
    font-family: Lato;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #5d6370;
}

.databalance-cartitle {
    font-family: Lato;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #5d6370;
    margin-bottom: 15px;
}

.bl-remain {
    color: #17b26a !important;
}

.tabs-balance {
    display: flex;
    align-items: center;
    gap: 24px;
    font-family: Lato;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #101010;
    margin-top: 18px;
    margin-bottom: 18px;
}

.tabs-balance span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
}

.tabs-balance span.active {
    color: #2384c1;
    border-color: #2384c1;
}

.incoming-card {
    background-color: #f5f5f5;
    border-radius: 3px;
    padding: 6px 12px;
}

.incoming-card .spcs {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.incoming-card .title {
    font-family: Lato;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #5d6370;
}

.incoming-card .carname-s {
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2384c1;
}

.incoming-card .title-w {
    font-family: Lato;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #5d6370;
    margin-bottom: 0px;
}

.incoming-card .para {
    font-family: Lato;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #0c1529;
    min-width: 100px;
}

.incoming-card .mx-100 {
    min-width: 100px;
}

.incoming-card .status {
    padding: 2px 15px;
    border-radius: 51px;
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.incoming-card .status.lost {
    background-color: #fddbda;
    color: #b2444a;
}

#satbalance {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    height: max-content;
}

#satbalance .offcanvas-body {
    padding: 32px 16px 16px 16px;
}

#satbalance .btn-close {
    width: 0.5em;
    height: 0.5em;
    opacity: 1;
}

#satbalance_des .btn-close {
    width: 0.5em;
    height: 0.5em;
    opacity: 1;
}

#satbalance .offcanvas-head {
    font-family: Lato;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #344054;
    margin-bottom: 0px;
}

#satbalance .fields-offcanvas .form-control {
    background-color: #f6f6f8;
    border: 1px solid #dcdae2 !important;
    color: #0c1529 !important;
    border-radius: 6px;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
}

#satbalance .balance-offcanvas-sub {
    border-radius: 4px;
    background-color: #2384c1;
    border: 1px solid #2384c1;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    width: 100%;
    max-width: 208px;
    margin-top: 46px;
}

#satbalance_des .balance-offcanvas-sub {
    border-radius: 4px;
    background-color: #2384c1;
    border: 1px solid #2384c1;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    width: 100%;
    max-width: 208px;
    margin-top: 46px;
}

#satbalance_des .form-control {
    background-color: #f6f6f8;
    border: 1px solid #dcdae2 !important;
    color: #0c1529 !important;
    border-radius: 6px;
    font-family: Lato;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 26px !important;
    letter-spacing: -0.14px;
}

#satbalance_des .offcanvas-head {
    font-family: Lato;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #344054;
    margin-bottom: 0px;
}

#satbalance_des .modal-content {
    border-radius: 16px;
}
.distribution-tabs {
    display: flex;
    gap: 16px;
}
.distribution-tabs .tab-item {
    font-family: Lato, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #aeb1b8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #d0d5dd;
    cursor: pointer;
}
.cart-checkout {
    margin-block: 19px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    background: #f2f8ff;
    box-shadow: 0px 0px 8px 0px rgba(47, 43, 67, 0.12);
    padding: 16px;
}
.cart-checkout .title {
    font-family: Lato;
    font-weight: 900;
    font-size: 16px;
    line-height: 24px;
    color: #353c4d;
    margin-bottom: 0px;
}
.cart-checkout .check-out-btn {
    color: white;
    background-color: #1c6a9b;
    border: 1px solid #1c6a9b;
    border-radius: 4px;
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    width: max-content;
}
.order-services {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 250px;
    scrollbar-width: none;
}
.cart-checkout .checkout-info {
    padding: 16px;
    background-color: #ebf4ff;
    border-radius: 12px;
}
.cart-checkout .checkout-info .scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 180px;
    scrollbar-width: thin;
}
.cart-checkout .checkout-info table {
    width: 100%;
}
.cart-checkout .checkout-info thead {
    background-color: #f2f8ff;
    position: sticky;
    top: 0;
}
.cart-checkout .checkout-info table td,
.cart-checkout .checkout-info table th {
    padding: 11px;
    padding-bottom: 0px;
}
.cart-checkout .checkout-info table th {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #5d6370;
    background-color: #ebf4ff;
}

.cart-checkout .checkout-info table td {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0c1529;
}
.cart-checkout .checkout-total {
    margin-top: 12px;
    padding: 16px;
    background-color: #ebf4ff;
    border-radius: 12px;
}
.cart-checkout .checkout-total .total-cost {
    display: flex;
    align-items: center;
    justify-content: start !important;
    gap: 10px;
}
.cart-checkout .checkout-total td {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0c1529;
    padding: 11px;
    padding-bottom: 0px;
}
.pa-14 {
    padding: 14px 20px;
    background-color: #f8f8f8;
    display: flex;
    justify-content: space-between;
}
.slect-text {
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.012em;
    color: #353c4d;
    margin-left: 5px;
    cursor: pointer;
    user-select: none;
}
.dl-selected {
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.012em;
    color: #353c4d;
    margin-left: 6px;
    user-select: none;
}
#confimation_modal .modal-body {
    padding: 24px;
}
#confimation_modal .modal-body .custom-para {
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #000000;
    text-align: center;
    margin-bottom: 32px;
}
.action-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.action-buttons button:last-of-type {
    color: #2384c1;
    background-color: #ffffff;
    border-color: #2384c1;
}
.action-buttons button:first-of-type {
    color: #ffffff;
    background-color: #2384c1;
    border: #2384c1;
}
.action-buttons button {
    height: 32px;
    max-width: 76px;
    width: 100%;
    border-radius: 4px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    border: 1px solid;
}
/* cart items */
.added-item {
    margin-top: 24px;
    padding: 22px 20px 14px;
    margin-bottom: 24px;
    display: flex;
    justify-content: start;
    gap: 20px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    position: relative;
}
.checkbx-slection {
    display: flex;
    justify-content: center;
    align-items: center;
}
.items-detail-specs {
    display: flex;
    flex-grow: 1;
    gap: 19.89px;
}
.specs-items-detail-s {
    flex-grow: 1;
}
.search-item-title {
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #2384c1;
}
.add-price-specs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
}
.specs-section {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 12px;
}
.specs-section span {
    font-size: 8px;
    color: #aeb1b8;
}
.specs-section-item .spc-text {
    font-family: Lato;
    font-size: 14px;
    line-height: 18.47px;
    letter-spacing: -0.012em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 78px;
}
.price-pro-tile {
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 17.91px;
    letter-spacing: -0.01em;
    color: #353c4d;
    margin-right: 10px;
}
.price-pro {
    font-family: Lato;
    font-size: 17.91px;
    font-weight: 700;
    line-height: 23.88px;
    letter-spacing: -0.016em;
    color: #0c1529;
}
.price-pro.base {
    text-decoration-line: line-through;
    color: #aeb1b8;
}
.plus-minus-product {
    display: flex;
    align-items: center;
    color: #2f2b43;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #000000;
    margin-top: 10px;
}
.plus-minus-product button:first-of-type {
    margin-right: 0;
}
.plus-minus-product button:last-of-type {
    margin-left: 0;
}
.plus-minus-product button {
    height: 30px;
    width: 30px;
    border-radius: 4px;
    background-color: #f1f5f9;
    color: #2f2b43;
    border: 1px solid #f1f5f9;
    font-size: 18px;
    font-weight: 500;
}
.search-parts-img {
    width: 100%;
    object-fit: contain;
    border-radius: 6px;
    min-width: 173px;
    max-width: 173px;
    height: auto;
    min-height: 107px;
}
#dash_item_distribution {
    /* overflow: auto; */
}
.cart_items_users {
    overflow: auto;
}
.distribution-tabs .tab-item.active {
    color: #2384c1;
}
.favorite-destop {
    padding-top: 24px;
}
#dash_item_setting {
    padding-block: 0 32px;
}
.das-item-setting {
    padding: 12px 16px;
    border-radius: 12px;
    background-color: #f6f6f8;
    margin-bottom: 32px;
}
.das-item-setting .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #363636;
    margin-bottom: 14px;
}
.das-item-setting .account-switch-view {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#dash_item_setting .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #363636;
    margin-bottom: 0px;
}
#dash_item_setting .account-switch-view {
    padding-bottom: 20px;
    margin-block: 22px;
    border-bottom: 1px solid #aeb1b8;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#dash_item_setting .account-switch-view label {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #08202e;
    user-select: none;
    cursor: pointer;
}
.das-item-setting .account-switch-view label {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #08202e;
    user-select: none;
    cursor: pointer;
}
#dash_item_setting .update-btn-account {
    border: 1px solid #1c6a9b;
    background-color: #1c6a9b;
    border-radius: 4px;
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding: 6px 24px;
}
.das-item-setting .update-btn-account {
    border: 1px solid #2384c1;
    background-color: #2384c1;
    border-radius: 4px;
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    padding: 6px 24px;
}
#deactivate_account .accordion-button {
    padding: 10px;
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #353c4d;
    border: 1px solid #dcdae2;
    border-radius: 6px;
}
#deactivate_account .accordion-button[aria-expanded="true"] {
    color: #d92d20;
}
#deactivate_account .accordion-button:focus {
    box-shadow: none;
    background-color: white;
}
#deactivate_account .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-color: #f04438;
    background-color: white;
}
#deactivate_account .accordion-body {
    padding: 12px 0px;
}
#deactivate_account .accordion-body .title-sub {
    font-family: Lato;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
    margin-bottom: 8px;
}
#deactivate_account .accordion-body .para {
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #5d6370;
    margin-bottom: 0px;
}
#deactivate_account .accordion-body .listing-deactivate {
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #5d6370;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
#deactivate_account .accordion-body .listing-deactivate li {
    display: flex;
    align-items: center;
    gap: 2px;
}
#deactivate_account .accordion-body .btn-accord-action {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid transparent;
    padding: 8px 32px;
    width: max-content;
    border-radius: 4px;
}
#deactivate_account .accordion-body .btn-accord-action.cancel {
    color: #898989;
    background-color: white;
    border-color: #b0b0b0;
}
#deactivate_account .accordion-body .btn-accord-action.deactivate {
    color: white;
    background-color: #f34141;
    border-color: #f34141;
}
#deactivate_account .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}
.text-tri {
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    margin-bottom: 6px;
}
.reason-deactivate {
    border: 1px solid #d0d5dd;
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    border-radius: 6px;
}
.mob-status {
    font-family: Lato;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #166534;
}
.trackshipment_mobile {
    padding: 8px;
    background-color: #f6f6f8;
    border-bottom: 0px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px 0px rgba(47, 43, 67, 0.1),
    0px -1px 0px 0px rgba(47, 43, 67, 0.1) inset;
}
.trackshipment_mobile .cdrop-myorder {
    padding: 6px;
    border: 1px solid #626262;
    border-radius: 4px;
    color: #3a3a3a;
    font-family: Lato;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.14px;
}
.trackshipment_mobile .cdrop-myorder[aria-expanded="true"] {
    color: #2384c1;
    border: 1px solid #2384c1;
}
.trackshipment_mobile .data-track-inner {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding: 10px 0px;
}
.trackshipment_mobile .data-track-card {
    width: 100%;
    gap: 8px;
    border: 1px solid #9fa7ac;
    background-color: transparent;
}
.trackshipment_mobile .data-track-card .title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
.trackshipment_mobile .data-track-card .title-sub {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}
.trackshipment_mobile .data-track-card .para-sub {
    font-size: 12px;
    line-height: 16px;
}
.trackshipment_mobile .data-track-card .track-btn {
    color: #1c6a9b;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0;
    font-weight: 500;
    color: var(--blue-70, #1c6a9b);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    letter-spacing: -0.12px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.specs-md-car.clr-black {
    color: #08202e !important;
}
.track-item-3 .track-date-car {
    font-size: 14px;
    margin-bottom: 0px;
}
.track-item-3 .track-hdr-country {
    font-size: 14px;
    margin-bottom: 0px;
}
.track-item-3 .fav-bok-refer-car {
    font-size: 14px;
}
.bundle-img {
    max-width: 100%;
    max-height: 165px;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
}
.cta {
    border-radius: 4px;
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}
.cta.proceed {
    color: white;
    background-color: #1c6a9b;
    border: 1px solid #1c6a9b;
}
.cta.detail {
    color: var(--color-blue-60);
    background-color: white;
    border: 1px solid var(--color-blue-60);
}
.cta[disabled] {
    color: #ffffff;
    background-color: #b0b0b0;
    border: 1px solid #b0b0b0;
    cursor: not-allowed;
}
.cta-information {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.cta-information li {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-family: Lato;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cta-information li span {
    font-weight: 600;
    margin-right: 10px;
}
.cta-action {
    display: flex;
    align-items: center;
    gap: 10px;
}
.bundle-card:hover {
    box-shadow: 0px 1px 3px 0px rgba(47, 43, 67, 0.1),
    0px -1px 0px 0px rgba(47, 43, 67, 0.1) inset;
    cursor: pointer;
}
.go-shopping {
    border-radius: 4px;
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: #1c6a9b;
    border: 1px solid #1c6a9b;
}
.go-shopping-text {
    font-size: 20px;
    line-height: 28px;
    font-family: Lato;
    font-weight: 600;
    color: #353c4d;
}
/* sat balance */
.dealer-homepage {
    padding-bottom: 32px;
}
.dealer-homepage #iframe_vid {
    margin-bottom: 22px;
}
.dealer-homepage #iframe_vid .grd-ts {
    background-color: #f6f6f8;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dealer-homepage #iframe_vid .grd-ts .htb-heading {
    max-width: 445px;
}
.dealer-homepage #iframe_vid .grd-ts .htb-heading .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    color: #0c1529;
}
.dealer-homepage #iframe_vid .grd-ts .htb-heading .para {
    font-family: Lato;
    font-weight: 500;
    font-size: 20px;
    line-height: 25.88px;
    color: #353c4d;
}
.dealer-homepage .title-home {
    font-family: Lato;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #141817;
    margin-bottom: 22px;
}
.quick-action-card {
    border: 1px solid #d9d9d9;
    border-radius: 12px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.quick-action-card .text {
    max-width: 774px;
}
.quick-action-card .text .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #141817;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.quick-action-card .text .para {
    font-family: Lato;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: #667085;
    margin-bottom: 0px;
    max-width: 744px;
}
.quick-action-card .cta-action .cta-ng-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1c6a9b;
    border-radius: 6px;
    border: 1px solid #1c6a9b;
    padding: 10px 14px;
    width: 100%;
    max-width: 221px;
    color: #ffffff;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    min-width: 140px;
    cursor: pointer;
}
.dealer-perks {
    display: grid;
    flex-wrap: wrap;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}
.dealer-perks .dealer-perks-card {
    border-radius: 10px;
    background-color: #f6f6f8;
    padding: 12px;
    min-width: 285px;
}
.dealer-perks .dealer-perks-card .title {
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #141817;
    margin-bottom: 6px;
    margin-top: 6px;
}
.dealer-perks .dealer-perks-card .para {
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #667085;
    margin-bottom: 0px;
}
.dealer-homepage .grd-analyst {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.dealer-homepage .grd-analyst .analyst-card {
    border: 1px solid #eaecf0;
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    width: 100%;
}
.analyst-dashboard {
    margin-bottom: 20px;
}
.analyst-dashboard .analyst-card .main-text {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.analyst-dashboard .analyst-card .main-text .title {
    font-family: Lato;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #0c1529;
}
.analyst-dashboard .analyst-card .main-count {
    font-family: Lato;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    color: #0c1529;
    margin-bottom: 16px;
}
.analyst-dashboard .analyst-card .variation-count {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #079455;
}
#book_meeting .modal-dialog {
    max-width: 800px;
}
#book_meeting .modal-body {
    padding: 24px 21px;
}
#book_meeting .modal-body .main-booking-section {
    background: linear-gradient(90deg, #005d97 0%, #69c6ff 100%);
    /* border: 1px solid #005D97; */
    padding: 17px 17px 0 17px;
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
#book_meeting .modal-body .main-booking-section .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#book_meeting .modal-body .main-booking-section .text .title {
    font-family: Lato;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 9px;
}
#book_meeting .modal-body .main-booking-section .text .para {
    font-family: Lato;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    margin-bottom: 20px;
}
#book_meeting .modal-body .main-booking-section .btn-booking {
    display: flex;
    align-items: center;
    justify-content: start;
}
#book_meeting .modal-body .main-booking-section .booking-btn {
    border: 1px solid #1c6a9b;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #0c1529;
    border-radius: 2000px;
    width: 100%;
    max-width: 190px;
}
#book_meeting .modal-body .booking-illustration img {
    height: auto;
    width: 100%;
}
#book_meeting .modal-body .booking-benefits {
    margin-top: 24px;
}
#book_meeting .modal-body .booking-benefits .title-2 {
    font-family: Lato;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: #08202e;
    margin-bottom: 8px;
}
#book_meeting .modal-body .booking-benefits .para-2 {
    font-family: Lato;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #353c4d;
    margin-bottom: 0px;
}
#add_services_modal .modal-dialog {
    max-width: 712px;
}
#add_services_modal .modal-dialog .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28.14px;
    color: #0c1529;
    margin-bottom: 28px;
}
#add_services_modal .modal-dialog .modal-body {
    position: relative;
}
#add_services_modal .modal-dialog .modal-body .add-services-modal {
    position: relative;
    z-index: 3;
}
#service_mobile_right .add-services-modal {
    position: relative;
    z-index: 3;
}
#add_services_modal .modal-dialog .modal-body::after {
    content: "";
    background-image: url("/assets/images/new-bannars/service-modal.webp");
    position: absolute;
    bottom: 0;
    right: 0;
    height: 261px;
    width: 300px;
    z-index: 1;
}
#service_mobile_right .offcanvas-body::after {
    content: "";
    background-image: url("/assets/images/new-bannars/service-modal.webp");
    position: absolute;
    bottom: 0;
    right: 0;
    height: 261px;
    width: 300px;
    z-index: 1;
}
#add_services_modal .modal-dialog .modal-body .grid-add-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}
#service_mobile_right.grid-add-services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    margin-bottom: 20px;
}
#add_services_modal .modal-dialog .modal-body .service_btn {
    background-color: #2384c1;
    font-weight: 700;
    font-size: 16px;
    line-height: 24.62px;
    color: #ffffff;
    border-radius: 3.52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #2384c1;
}
#service_mobile_right .service_btn {
    background-color: #2384c1;
    font-weight: 700;
    font-size: 16px;
    line-height: 24.62px;
    color: #ffffff;
    border-radius: 3.52px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid #2384c1;
    margin-top: 15px;
}
#add_services_modal .modal-dialog .btn-close {
    height: 0.8em;
    width: 0.8em;
    cursor: pointer;
}
/* services */
#add_services_modal .service-card-item {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 9px 13.4px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
#add_services_modal .service-card-item.active {
    border-color: #2384c1;
    background-color: #ecf5ff;
}
#add_services_modal .service-card-item .service-texts {
    flex-grow: 1;
    margin-right: 13.4px;
    margin-left: 12px;
}
#add_services_modal .title {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #334155;
    margin-bottom: 2.23px;
}
#add_services_modal .para {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #64748b;
    margin-bottom: 0px;
}
#add_services_modal .title2 {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #334155;
    margin-bottom: 2.23px;
}
#add_services_modal .para2 {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #64748b;
    margin-bottom: 0px;
}
#service_mobile_right .grid-add-services {
    display: grid;
    grid-template-columns: repeat(1.1fr);
    gap: 10px;
}
#service_mobile_right .service-card-item {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 9px 13.4px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}
#service_mobile_right .service-card-item.active {
    border-color: #2384c1;
    background-color: #ecf5ff;
}
#service_mobile_right .service-card-item .service-texts {
    flex-grow: 1;
    margin-right: 13.4px;
    margin-left: 12px;
}
#service_mobile_right .title {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #334155;
    margin-bottom: 10px;
}
#service_mobile_right .para {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #64748b;
    margin-bottom: 0px;
}
#service_mobile_right .title2 {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #334155;
    margin-bottom: 2.23px;
}
#service_mobile_right .para2 {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #64748b;
    margin-bottom: 0px;
}
.selects-section-item.selected {
    border-radius: 10px;
    background-color: white;
    padding: 6px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.selects-section-item.selected .title {
    margin-bottom: 0px;
    font-family: Lato;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #5d6370;
}
.selects-section-item.selected .sub-title {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0c1529;
}
#view_detail_cartBottom .checkout-info {
    padding: 16px;
    background-color: #ebf4ff;
    border-radius: 12px;
}
#view_detail_cartBottom .checkout-info table th {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #5d6370;
    background-color: #ebf4ff;
}
#view_detail_cartBottom .checkout-info table td {
    font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0c1529;
    padding-block: 6px;
}
.maxt-100 {
    max-width: 132px;
}
/*  */
@media screen and (min-width: 768px) {
    .time-overdue {
        font-size: 14px;
    }

    .request-moretime {
        font-size: 14px;
    }

    .specs-ms-car {
        font-size: 14px;
    }

    .specs-carprice-title {
        font-size: 14px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    /* loyalty point */
    .redeemcash-auction {
        padding: 8px;
    }

    /* loyalty point */
    /* lost-bid-term */
    .notes_term_lost ul {
        font-size: 18px;
        line-height: 26px;
    }

    .notes_term_lost h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .lost-bid-term {
        font-size: 16px;
    }

    /* lost-bid-term */
    .dash-item-1 ul li a {
        gap: 20px;
    }

    .dash-item-1 {
        min-width: 244px;
    }

    #add_on_service .service-card-item {
        flex: 1 1 262px;
        max-width: 261px;
    }
    .cta {
        padding: 6px;
    }
    .bundle-img {
        max-height: 133px;
    }
    .dealer-perks {
        gap: 12px;
    }
    .dealer-perks .dealer-perks-card {
        min-width: 264px;
    }
    .dealer-homepage .grd-analyst .analyst-card {
        padding: 12px;
    }
    .analyst-dashboard .analyst-card .main-text .title {
        font-size: 16px;
        line-height: 24px;
    }
    .analyst-dashboard .analyst-card .main-count {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .quick-action-card .text {
        max-width: 624px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
    /* review btn */
    .giv-rev-btn {
        max-width: 120px;
        font-size: 14px;
        line-height: 20px;
    }

    /* review btn */
    /* loyalty point */
    .redeemcash-auction {
        padding: 8px;
        font-size: 12px;
    }

    .pa-itemval {
        padding: 15px;
    }

    /* loyalty point */
    /* lost-bid-term */
    .notes_term_lost ul {
        font-size: 18px;
        line-height: 26px;
    }

    .notes_term_lost h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .lost-bid-term {
        font-size: 16px;
    }

    /* lost-bid-term */
    .dash-item-1 ul li a {
        gap: 11px;
        padding: 14px 15px;
        font-size: 14px;
    }

    .card-sidebar {
        padding: 20px 15px;
    }

    .grid-danshboard {
        grid-template-columns: 1fr 4fr;
        gap: 20px;
    }

    .dash-item-1 {
        padding: 24px 0px 24px 0px;
        min-width: 225px;
    }

    .dash-itemd-3 .tab-nav-link {
        font-size: 16px;
    }

    /* loyalty points */
    .dash-itemd-4 .tab-nav-link-ul li a {
        height: 38px;
        line-height: 17px;
    }

    .title--page {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .auction-listing-pending .pending-item {
        gap: 12px;
    }

    .auction-listing-pending .title {
        font-size: 14px;
        line-height: 22px;
    }

    .table-auction-headings {
        gap: 12px;
    }

    .table-auction-headings .auction-item-tab {
        font-size: 14px;
    }

    .auction-listing-pending .price {
        font-size: 14px;
    }

    #add_on_service .service-card-item {
        flex: 1 1 262px;
        max-width: 320px;
    }

    /* order new */
    .data_myorder .data-myorder .dataorder-cartitle {
        font-size: 14px;
    }

    .data_myorder .data-myorder .dataorder-date {
        font-size: 14px;
    }

    .data_myorder .data-myorder .dataorder-price {
        font-size: 14px;
    }

    .data_myorder .data-myorder .dataorder-status {
        font-size: 14px;
        line-height: 20px;
    }

    .status-sat-balance {
        font-size: 14px;
        line-height: 20px;
    }

    /* order new */
    #dash_item_setting .title {
        font-size: 18px;
        line-height: 24px;
    }
    .das-item-setting .title {
        font-size: 18px;
        line-height: 24px;
    }
    #deactivate_account .accordion-body .btn-accord-action {
        font-size: 16px;
        padding: 8px 24px;
    }
    .data-track-card .title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .data-track-card .title-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .data-track-card .para-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .cta {
        padding: 6px;
        font-size: 13px;
    }
    .cta-information li {
        font-size: 14px;
    }
    .bundle-img {
        max-height: 110px;
    }
    .sat-video-frame iframe {
        width: 100%;
        max-width: 285px;
        height: auto;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .title {
        font-size: 24px;
        line-height: 26px;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .para {
        font-size: 18px;
        line-height: 25.88px;
    }
    .dealer-homepage #iframe_vid {
        margin-bottom: 16px;
    }
    .dealer-homepage .title-home {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .quick-action-card .text .para {
        font-size: 16px;
        line-height: 26px;
        max-width: 477px;
    }
    .dealer-perks {
        gap: 10px;
        row-gap: 12px;
    }
    .dealer-perks .dealer-perks-card {
        padding: 10px;
        min-width: 227px;
    }
    .dealer-perks .dealer-perks-card .para {
        font-size: 14px;
    }
    .dealer-perks .dealer-perks-card .title {
        font-size: 16px;
        line-height: 24px;
    }
    .dealer-homepage .grd-analyst .analyst-card {
        padding: 10px;
    }
    .analyst-dashboard .analyst-card .main-text .title {
        font-size: 14px;
        line-height: 24px;
    }
    .analyst-dashboard .analyst-card .main-count {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .dealer-homepage .grd-analyst {
        gap: 12px;
    }
    .analyst-dashboard .analyst-card .main-text img {
        height: 18px;
        width: 18px;
    }
    .analyst-dashboard .analyst-card .main-text {
        margin-bottom: 10px;
    }
    .analyst-dashboard .analyst-card .variation-count {
        gap: 4px;
        font-size: 12px;
        line-height: 20px;
    }
    .cart-checkout .checkout-total td {
        font-size: 14px;
        line-height: 18px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1023px) {
    .sat-video-frame iframe {
        width: 100%;
        max-width: 285px;
        height: auto;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .title {
        font-size: 24px;
        line-height: 26px;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .para {
        font-size: 18px;
        line-height: 25.88px;
    }
    .dealer-homepage #iframe_vid {
        margin-bottom: 16px;
    }
    .dealer-homepage .title-home {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .quick-action-card .text .para {
        font-size: 16px;
        line-height: 26px;
        max-width: 477px;
    }
    .dealer-perks {
        gap: 4px;
        row-gap: 12px;
    }
    .dealer-perks .dealer-perks-card {
        padding: 10px;
        min-width: 227px;
    }
    .dealer-perks .dealer-perks-card .para {
        font-size: 14px;
    }
    .dealer-perks .dealer-perks-card .title {
        font-size: 16px;
        line-height: 24px;
    }
    .dealer-homepage .grd-analyst .analyst-card {
        padding: 10px;
    }
    .analyst-dashboard .analyst-card .main-text .title {
        font-size: 14px;
        line-height: 24px;
    }
    .analyst-dashboard .analyst-card .main-count {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .dealer-homepage .grd-analyst {
        gap: 12px;
    }
    .analyst-dashboard .analyst-card .main-text img {
        height: 18px;
        width: 18px;
    }
    .analyst-dashboard .analyst-card .main-text {
        margin-bottom: 10px;
    }
    .analyst-dashboard .analyst-card .variation-count {
        gap: 4px;
        font-size: 12px;
        line-height: 20px;
    }
    .cart-checkout .checkout-total td {
        font-size: 14px;
        line-height: 18px;
    }
}
@media screen and (min-width: 899px) and (max-width: 1023px) {
    #add_on_service .service-card-item {
        flex: 1 1 262px;
        max-width: 320px;
    }

    .dash-item-1 ul li a {
        gap: 11px;
        padding: 14px 15px;
        font-size: 14px;
    }

    .card-sidebar {
        padding: 20px 15px;
    }

    .grid-danshboard {
        grid-template-columns: 1fr 4fr;
        gap: 20px;
    }

    .card-img-selecton .prof-tile {
        font-size: 18px;
    }

    .card-img-selecton .prof-email {
        font-size: 12px;
    }

    .update-btn {
        height: 36px;
    }

    .input-field-set select {
        height: 36px;
    }

    .input-field-set input[type="text"] {
        height: 36px;
    }

    .phone-car-detail {
        height: 36px;
    }

    .dash-item-1 {
        padding: 24px 0px 24px 0px;
        min-width: 205px;
    }

    .dash-itemd-3 .tab-nav-link {
        font-size: 16px;
    }

    /* loyalty points */
    .dash-itemd-4 .tab-nav-link-ul li a {
        height: 38px;
        line-height: 17px;
    }

    .title--page {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .auction-listing-pending .pending-item {
        gap: 12px;
    }

    .auction-listing-pending .title {
        font-size: 14px;
        line-height: 22px;
    }

    .table-auction-headings {
        gap: 12px;
    }

    .table-auction-headings .auction-item-tab {
        font-size: 14px;
    }

    .auction-listing-pending .price {
        font-size: 14px;
    }

    /* my_order_item */
    .my_order_item {
        overflow: auto;
    }

    /* my_order_item */
    /* lost-bid-term */
    .notes_term_lost ul {
        font-size: 16px;
        line-height: 24px;
    }

    .notes_term_lost h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .lost-bid-term {
        font-size: 16px;
    }

    /* lost-bid-term */
    /* loyalty point */
    .redeemcash-auction {
        padding: 8px;
        font-size: 12px;
    }

    .pa-itemval {
        padding: 15px;
    }

    /* loyalty point */
    /* review btn */
    .giv-rev-btn {
        max-width: 120px;
        font-size: 14px;
        line-height: 20px;
    }

    /* review btn */
    .heading-orderTransaction.rev {
        min-width: 0px;
    }

    .heading-orderTransaction .head-transc {
        font-size: 14px;
        line-height: 20px;
    }

    .main_myorder.rev {
        min-width: 0px;
    }
    /* account setting */
    #dash_item_setting .title {
        font-size: 16px;
        line-height: 20px;
    }
    .das-item-setting .title {
        font-size: 16px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .btn-accord-action {
        font-size: 14px;
        padding: 8px 24px;
    }
    #dash_item_setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    #dash_item_setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    .dash-item-setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .title-sub {
        font-size: 16px;
        line-height: 24px;
    }
    /* account setting */
    .data-track-card .title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .data-track-card .title-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .data-track-card .para-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .cta {
        padding: 6px;
        font-size: 13px;
    }
    .cta-information li {
        font-size: 14px;
    }
    .bundle-img {
        max-height: 110px;
        height: auto;
        object-fit: cover;
        width: 100%;
        margin-bottom: 10px;
    }
    .cart-checkout .checkout-total td {
        font-size: 13px;
        line-height: 18px;
    }
}

@media screen and (min-width: 768px) and (max-width: 898px) {
    .input-field-set label {
        font-size: 12px;
        font-weight: 500;
    }

    .card-img-selecton {
        padding: 29px 43px;
        border-radius: 20px;
    }

    #breadcrumb-section {
        font-size: 12px;
        padding-block: 6px;
    }

    .card-sidebar .logout-sidebar {
        height: 36px;
        font-size: 12px;
        font-weight: 500;
    }

    .dash-item-1 ul li a {
        gap: 11px;
        padding: 14px 15px;
        font-size: 12px;
        font-weight: 500;
    }

    .card-sidebar {
        padding: 20px 15px;
    }

    .grid-danshboard {
        grid-template-columns: 1fr 4fr;
        gap: 17px;
    }

    .card-img-selecton .prof-tile {
        font-size: 18px;
    }

    .card-img-selecton .prof-email {
        font-size: 12px;
    }

    .update-btn {
        height: 36px;
        font-size: 12px;
    }

    .input-field-set select {
        font-size: 12px;
        height: 36px;
    }

    .input-field-set input[type="text"] {
        height: 36px;
        font-size: 12px;
    }

    .phone-car-detail {
        height: 36px;
        font-size: 12px;
    }

    textarea::placeholder {
        font-size: 12px;
    }

    .dash-item-1 {
        padding: 24px 0px 24px 0px;
        min-width: 183px;
    }

    .dash-itemd-3 .tab-nav-link {
        font-size: 16px;
    }

    /* loyalty points */
    .dash-itemd-4 .tab-nav-link-ul li a {
        height: 38px;
        line-height: 17px;
    }

    .title--page {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .auction-listing-pending .pending-item {
        gap: 12px;
    }

    .auction-listing-pending .title {
        font-size: 14px;
        line-height: 22px;
    }

    .table-auction-headings {
        gap: 12px;
    }

    .table-auction-headings .auction-item-tab {
        font-size: 14px;
    }

    .auction-listing-pending .price {
        font-size: 14px;
    }

    /* lost-bid-term */
    .notes_term_lost ul {
        font-size: 16px;
        line-height: 24px;
    }

    .notes_term_lost h2 {
        font-size: 22px;
        line-height: 24px;
    }

    .lost-bid-term {
        font-size: 16px;
    }

    /* lost-bid-term */
    /* review btn */
    .giv-rev-btn {
        max-width: 120px;
        font-size: 14px;
        line-height: 20px;
    }

    .heading-orderTransaction.rev {
        min-width: 0;
    }

    .heading-orderTransaction .head-transc {
        font-size: 14px;
        line-height: 20px;
    }

    .main_myorder.rev {
        min-width: 0px;
    }

    /* review btn */
    /* account setting */
    #dash_item_setting .title {
        font-size: 16px;
        line-height: 20px;
    }
    .das-item-setting .title {
        font-size: 16px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .btn-accord-action {
        font-size: 14px;
        padding: 8px 24px;
    }
    #dash_item_setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    #dash_item_setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .title-sub {
        font-size: 16px;
        line-height: 24px;
    }
    /* account setting */
    .data-track-card .title {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .data-track-card .title-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .data-track-card .para-sub {
        font-size: 14px;
        line-height: 20px;
    }
    .bundle-img {
        max-height: 122px;
        height: auto;
        object-fit: cover;
        width: 100%;
        margin-bottom: 10px;
    }
    .cart-checkout .checkout-total td {
        font-size: 13px;
        line-height: 18px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    /* lost-bid-term */
    .lost-bid-term {
        font-size: 14px;
        line-height: 24px;
        margin-block: 10px;
    }

    .notes_term_lost h2 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .notes_term_lost ul {
        font-size: 16px;
        line-height: 26px;
    }

    /* lost-bid-term */
    #add_on_service .service-card-item {
        flex: 1 1 227px;
        max-width: 100%;
    }

    .sidbardashboard-items {
        padding: 24px 15px;
    }

    .input-field-set label {
        font-weight: 700;
    }

    .card-img-selecton {
        padding: 12px 13px;
        border-radius: 20px;
        flex-direction: column;
        justify-content: center;
        gap: 10px;
        background-color: white;
    }

    #breadcrumb-section {
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 12px;
    }

    #breadcrumb-section .breadcrumb {
        margin-bottom: 0px;
    }

    .card-sidebar .logout-sidebar {
        max-width: 188px;
    }

    .dash-item-1 {
        display: none;
    }

    .dash-item-2 {
        padding-right: 0px;
    }

    .sidbardashboard-items ul li {
        margin-bottom: 6px;
    }

    .dash-item-1 ul li a {
        gap: 11px;
        padding: 14px 15px;
        font-size: 12px;
        font-weight: 500;
    }

    .card-sidebar {
        padding: 20px 15px;
    }

    .grid-danshboard {
        grid-template-columns: 1fr;
    }

    .card-img-selecton .prof-tile {
        text-align: center;
    }

    .card-img-selecton .prof-email {
        text-align: center;
    }

    .mt-32p {
        margin-top: 14px;
    }

    .mt-24s {
        margin-top: 14px;
    }

    .mt-24m {
        margin-top: 14px;
    }

    .update-btn {
        height: 40px;
        font-size: 14px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .input-field-set select {
        font-weight: 400;
    }

    .input-field-set input[type="text"] {
        font-weight: 400;
    }

    .phone-car-detail {
        font-weight: 400;
    }

    textarea::placeholder {
        font-size: 14px;
        font-weight: 400;
    }

    .sidbardashboard-items {
        padding: 24px 15px;
    }

    .dash-icon {
        height: 22px;
        width: 22px;
        fill: #b2aebf;
    }

    .sidbardashboard-items ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

    .sidbardashboard-items ul li {
        border-radius: 8px;
    }

    #sidebardashboard {
        max-width: 278px;
    }

    .sidbardashboard-items ul li a {
        display: flex;
        gap: 12px;
        align-items: center;
        padding: 17px 24px;
        border-radius: 8px;
        cursor: pointer;
        color: #b2aebf;
        font-family: "Lato", sans-serif;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: -0.01em;
    }

    .sidbardashboard-items ul li a:hover {
        background-color: #f5f6f7;
        color: #353c4d;
    }

    .sidbardashboard-items ul li.selected-option {
        background-color: #f5f6f7;
    }

    .sidbardashboard-items ul li.selected-option a {
        color: #353c4d;
    }

    .sidbardashboard-items ul li.selected-option .dash-icon {
        background-color: #f5f6f7;
        fill: #2384c1;
    }

    .sidbardashboard-items ul li:hover .dash-icon {
        fill: #2384c1;
    }

    .card-sidebar {
        padding: 20px 30px;
        margin-top: 94px;
    }

    .dash-itemd-3 .tab-nav-link {
        font-size: 14px;
    }

    .dash-itemd-3 {
        padding-right: 0px;
    }

    .card-upload {
        max-width: 100%;
    }

    /* loyalty points */
    .dash-itemd-4 .tab-nav-link-ul li a {
        height: 31px;
        line-height: 10px;
        font-size: 14px;
    }

    .title--page {
        font-size: 18px;
        margin-bottom: 18px;
    }

    .dash-itemd-4 {
        /* padding-right: 5px; */
        padding-bottom: 20px;
    }

    .total-match-item h3 {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .search-fil-item p {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .list-save-search li {
        font-size: 12px;
        line-height: 20px;
        margin-right: 6px;
        margin-bottom: 6px;
    }

    .search-fil-item .save-btn {
        height: 32px;
        font-size: 14px;
    }

    .search-fil-item {
        padding: 12px;
    }

    .save-search-fil {
        row-gap: 20px;
        column-gap: 20px;
    }

    .dash-item-account {
        /* padding-right: 5px; */
    }

    .erro-imh-main {
        height: 50vh;
    }
    /* account setting */
    #dash_item_setting .title {
        font-size: 16px;
        line-height: 20px;
    }
    .das-item-setting .title {
        font-size: 16px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .btn-accord-action {
        font-size: 14px;
        padding: 8px 24px;
    }
    #dash_item_setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    #dash_item_setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .title-sub {
        font-size: 16px;
        line-height: 24px;
    }
    #dash_item_setting {
        padding-block: 20px 32px;
    }
    /* account setting */
    .das-item-setting .update-btn-account {
        align-self: self-start;
    }
}

@media screen and (max-width: 768px) {
    .start-main-section {
        margin-top: 8px;
    }

    .list-save-search {
        height: 68px;
    }

    .btn-reward-btn {
        font-size: 14px;
        min-height: 36px;
    }

    .reward-heading-dash .reward-title {
        font-size: 18px;
        line-height: 20px;
    }

    .savecard_notfound p {
        font-size: 16px;
        line-height: 24px;
    }

    .savecard_notfound button {
        max-width: 250px;
        height: 38px;
        font-size: 14px;
    }

    .savecard_dash label {
        font-size: 14px;
    }

    .savecard_dash input.form-control {
        min-height: 38px;
        font-size: 14px;
    }

    .savecard_dash .add-card-btnsave {
        font-size: 14px;
        line-height: 24px;
        max-width: 250px;
        min-height: 38px;
    }

    .savecard_dash .title-card-added {
        font-size: 14px;
    }

    .add-card-payment span {
        font-size: 14px;
    }

    .add-card-payment .new-payment-add {
        max-width: 120px;
        min-height: 38px;
        font-size: 14px;
    }

    .pdf-downloads {
        margin-left: 0px;
        margin-top: 18px !important;
    }

    .pdf-downloads .download_link {
        font-size: 12px;
        min-width: 120px;
        margin-bottom: 18px;
        margin-right: 6px;
    }

    .my_order_mob {
        margin-top: 14px;
    }

    /* loyalty point */
    .redeemcash-auction {
        padding: 5px;
        font-size: 11px;
    }

    .pa-itemval {
        padding: 15px;
    }

    /* loyalty point */
    .go-shopping-text {
        font-size: 16px;
        line-height: 20px;
    }
}

@media screen and (max-width: 576px) {
    .yellow-star {
        width: 16px;
        height: 16px;
    }

    .dashboard-error-img {
        max-width: 210px;
    }

    .save-search-fil {
        grid-template-columns: repeat(1, 1fr);
    }

    #save_search_modal .body-modal {
        padding-block: calc(20px - 16px);
        padding-left: 0px;
        padding-right: 0px;
    }
    /* account setting */
    #dash_item_setting .title {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .title {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .btn-accord-action {
        font-size: 14px;
        padding: 8px 24px;
    }
    #dash_item_setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    #dash_item_setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .account-switch-view label {
        font-size: 14px;
        line-height: 20px;
    }
    .das-item-setting .update-btn-account {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-button {
        font-size: 14px;
        line-height: 20px;
    }
    #deactivate_account .accordion-body .title-sub {
        font-size: 14px;
        line-height: 24px;
    }
    #dash_item_setting .account-switch-view {
        flex-direction: column;
        gap: 16px;
        margin-block: 16px 14px;
        padding: 0px;
        border: none;
    }
    .das-item-setting .account-switch-view {
        flex-direction: column;
        gap: 16px;
        margin-block: 16px 14px;
        padding: 0px;
        border: none;
    }
    /* account setting */
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    /* order new */
    .data_myorder .data-myorder .dataorder-cartitle {
        font-size: 14px;
    }

    .data_myorder .data-myorder .dataorder-date {
        font-size: 14px;
    }

    .data_myorder .data-myorder .dataorder-price {
        font-size: 14px;
    }

    .data_myorder .data-myorder .dataorder-status {
        font-size: 14px;
        line-height: 20px;
    }

    .status-sat-balance {
        font-size: 14px;
        line-height: 20px;
    }

    /* order new */
    #add_on_service .service-card-item {
        flex: 1 1 262px;
        max-width: 100%;
    }

    .list-save-search {
        height: 66px;
    }

    .total-match-item h3 {
        margin-bottom: 0px;
        font-size: 16px;
    }

    .search-fil-item p {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .list-save-search li {
        font-size: 12px;
        line-height: 20px;
        margin-right: 6px;
        margin-bottom: 6px;
    }

    .search-fil-item .save-btn {
        height: 32px;
        font-size: 14px;
    }

    .search-fil-item {
        padding: 12px;
    }

    .save-search-fil {
        row-gap: 20px;
        column-gap: 20px;
    }

    .dash-item-account {
        /* padding-right: 24px; */
    }

    .reviw-img {
        max-width: 100%;
        width: 100%;
        height: 258px;
    }

    .col-cus-12 {
        width: 100%;
    }

    /* my_order_item */
    .my_order_item {
        overflow: auto;
    }

    /* my_order_item */
    /* loyalty point */
    .redeemcash-auction {
        padding: 5px;
        font-size: 11px;
    }

    .pa-itemval {
        padding: 15px;
    }

    /* loyalty point */
    /* sat balance */
    .databalance-cartitle {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 7px;
    }

    .databalance-carname {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 7px;
    }

    .bid-placed {
        font-size: 14px;
        line-height: 20px;
    }

    .data-balance .status {
        font-size: 14px;
        line-height: 20px;
    }

    .tabs-balance {
        font-size: 16px;
        line-height: 26px;
    }

    .heading-data-balance .head-balance {
        font-size: 14px;
        line-height: 20px;
    }

    .sub-balance .total {
        font-size: 18px;
        line-height: 24px;
    }

    .sub-balance .balance {
        font-size: 28px;
        line-height: 32px;
    }

    .redeem-btn-cash {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 20px;
    }

    .dash-item-satbalance {
        overflow: auto;
    }

    .table-data-balance {
        overflow: auto;
    }

    /* sat balance */
    .cart-checkout .checkout-info table td {
        font-size: 14px;
        line-height: 16px;
    }
    .cart-checkout .checkout-info table th {
        font-size: 14px;
        line-height: 16px;
    }
    .cart-checkout .check-out-btn {
        font-size: 14px;
        line-height: 16px;
        padding: 6px;
    }
    .cart-checkout {
        padding: 12px;
    }
    .slect-text {
        font-size: 14px;
        line-height: 20px;
    }
    .dl-selected {
        font-size: 14px;
        line-height: 20px;
    }
    .search-item-title {
        display: block;
        max-width: 268px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .specs-section {
        margin-top: 10px;
        gap: 8px;
    }
    h4.mb-0.clr-black-80.fw-700.spc-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 53px;
    }
    .plus-minus-product {
        margin-top: 10px;
    }
    .added-item {
        padding: 14px;
    }
    .cta {
        padding: 6px;
        font-size: 13px;
    }
    .cta-information li {
        font-size: 14px;
    }
    .ct-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sat-video-frame iframe {
        width: 100%;
        max-width: 500px;
        height: auto;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .title {
        font-size: 24px;
        line-height: 26px;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .para {
        font-size: 18px;
        line-height: 25.88px;
    }
    .dealer-homepage #iframe_vid {
        margin-bottom: 16px;
    }
    .dealer-homepage .title-home {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    .quick-action-card .text .para {
        font-size: 16px;
        line-height: 26px;
        max-width: 477px;
    }
    .dealer-perks {
        gap: 12px;
        grid-template-columns: repeat(2, 1fr);
    }
    .dealer-perks .dealer-perks-card {
        padding: 10px;
        min-width: 227px;
    }
    .dealer-perks .dealer-perks-card .para {
        font-size: 14px;
    }
    .dealer-perks .dealer-perks-card .title {
        font-size: 16px;
        line-height: 24px;
    }
    .dealer-homepage #iframe_vid .grd-ts {
        padding: 16px 21px;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
    }
    .quick-action-card {
        padding: 10px 12px;
        margin-bottom: 18px;
        flex-wrap: wrap;
    }
    .cta-action {
        flex-grow: 1;
    }
    .quick-action-card .cta-action .cta-ng-btn {
        padding: 10px;
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        margin-top: 12px;
    }
    .quick-action-card .text .title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .dealer-homepage .grd-analyst .analyst-card {
        padding: 10px;
    }
    .analyst-dashboard .analyst-card .main-text .title {
        font-size: 14px;
        line-height: 24px;
    }
    .analyst-dashboard .analyst-card .main-count {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .analyst-dashboard .analyst-card .main-text img {
        height: 18px;
        width: 18px;
    }
    .analyst-dashboard .analyst-card .main-text {
        margin-bottom: 10px;
    }
    .analyst-dashboard .analyst-card .variation-count {
        gap: 4px;
        font-size: 12px;
        line-height: 20px;
    }
    .dealer-homepage .grd-analyst {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    #book_meeting .modal-body .booking-benefits {
        margin-top: 16px;
    }
    #book_meeting .modal-body .booking-benefits .title-2 {
        font-size: 20px;
        line-height: 26px;
    }
    #book_meeting .modal-body .booking-benefits .para-2 {
        font-size: 18px;
        line-height: 24px;
    }
    #book_meeting .modal-body .booking-illustration img {
        max-width: 377px;
    }
    #book_meeting .modal-body .main-booking-section .text {
        max-width: 400px;
    }
    #book_meeting .modal-body .main-booking-section .booking-btn {
        font-size: 16px;
        line-height: 20px;
        max-width: 180px;
    }
}

a.pagination-active {
    color: #2a9fe8 !important;
}

.pya-13 {
    padding-block: 13px;
}
.flex-selection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.items-sat-parts {
    display: flex;
    margin-bottom: 12px;
    border-bottom: 1px solid #ced0d4a1;
    padding-bottom: 6px;
}
.items-sat-parts:last-of-type {
    margin-bottom: 20px;
}
.chk-box {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.main-div-used-info {
    flex-grow: 1;
}
.item-img {
    border-radius: 8px;
    height: auto;
    margin-right: 7px;
    object-fit: contain;
}
.promo-section {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 7.3px;
}
.main-specs-inf {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.main-specs-car-price {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.promo-badge-info {
    padding: 2px 6px;
    border-radius: 10px;
    font-family: var(--font-family-Lato);
    font-size: var(--font-size-8);
    font-weight: 500;
    line-height: 8.99px;
    letter-spacing: -0.01em;
    color: var(--color-white-900);
    background-color: #ff4b44;
}
.car-title-search-inf {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1c6a9b;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 168px;
    display: block;
    align-items: center;
}
.main-specs-inf .spec-info-text {
    font-family: var(--font-family-Lato);
    font-size: var(--font-size-10s);
    font-weight: 700;
    line-height: 12px;
    letter-spacing: -0.012em;
    color: var(--color-black-80);
    display: flex;
    align-items: center;
    margin-bottom: 0px;
}
.main-specs-inf .spec-info-text span {
    font-size: 5px;
    margin-inline: 6px;
    color: #5d6370;
}
.main-specs-car-price .mb-2xs {
    margin-bottom: 2px;
}
.plus-minus-product {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 14px;
    color: #000000;
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
}
.main-specs-car-price .price-title-car {
    font-family: var(--font-family-Lato);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: var(--color-black-50);
    margin-right: 6px;
}
.main-specs-car-price .price-count-car {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: var(--color-blue-70);
}
.main-specs-car-price .price-count-car.base {
    color: #aeb1b8;
}
.plus-minus-product button {
    color: #2f2b43;
    height: 22px;
    width: 22px;
    border-radius: 4px;
    background-color: #f1f5f9;
    color: #2f2b43;
    border: 1px solid #f1f5f9;
    font-size: 14px;
    font-weight: 500;
}
#sticky_checkout {
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 62px;
    width: 100%;
    background-color: #f1f5f9;
    z-index: 10;
}
.d-items-stick {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#selection_all_s {
    height: 18px;
    width: 18px;
}
.slect-text2 {
    font-family: Lato;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #475569;
    margin-left: 5px;
}
.total-stick span {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
}
.total-stick span:first-of-type {
    color: #475569;
}
.total-stick span:last-of-type {
    color: #2384c1;
}
.btn-stick button[disabled] {
    background-color: #cbd5e1;
}
.btn-stick button {
    height: 36px;
    /* max-width: 132px; */
    width: 100%;
    background-color: #2384c1;
    border: 1px solid;
    border-radius: 4px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #ffffff;
    padding: 10px 12px;
    display: flex;
    align-items: center;
}
.cart-car-type {
    display: flex;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: -9px;
    left: 14px;
}
.cart-car-type .new-car {
    display: flex;
    align-items: center;
    border: 1px solid #f1892b;
    background-color: #f1892b;
    border-radius: 37px;
    padding: 2px 20px;
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
}
.cart-car-type .used-car {
    display: flex;
    align-items: center;
    border: 1px solid #f1892b;
    background-color: #f1892b;
    border-radius: 37px;
    padding: 2px 20px;
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
}

/* select 2 filters */
#dash_item_distribution .select2-container .select2-selection--single {
    height: 39px !important;
}

#dash_item_distribution span.select2.select2-container {
    width: 100% !important;
}

#dash_item_distribution
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    color: #5d6370;
    line-height: 35px !important;
}

#dash_item_distribution
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    top: 6px !important;
}

#dash_item_distribution .select2-container--default .select2-selection--single {
    font-family: var(--font-family-Lato);
    background-color: #fff;
    border: 1px solid #d1d5db !important;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
}

#dash_item_distribution
.select2-container
.select2-search--inline
.select2-search__field {
    font-family: var(--font-family-Lato) !important;
    color: #5d6370 !important;
}

#dash_item_distribution
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    color: #5d6370 !important;
    font-family: var(--font-family-Lato) !important;
}

.select2-results__option {
    font-weight: 500;
    font-size: 12px;
    font-family: var(--font-family-Lato) !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
    content: "";
    border: 0px !important;
    width: 9px !important;
    height: 9px !important;
    margin-left: -17px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.select2-search--dropdown .select2-search__field {
    position: relative;
    outline: 0px;
    border: 1px solid #aeb1b8;
    background-color: #f6f6f8;
    min-height: 34px;
    padding: 9px 10px;
    border-radius: 4px;
    background-color: #f6f6f8;
    height: 100%;
    font-size: var(--font-size-12);
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #2f2b43b2;
}

.select2-search.select2-search--dropdown::after {
    content: "";
    background-image: url("/assets/images/common/icons/new-search-filter.svg");
    position: absolute;
    background-repeat: no-repeat;
    top: 12px;
    right: 16px;
    z-index: 2;
    background-color: transparent;
    width: 18px;
    height: 24px;
    cursor: pointer;
}

.select2-search.select2-search--inline {
    position: relative;
}

.select2-container--default
.select2-selection--single
.select2-selection__clear {
    margin-right: 6px !important;
    margin-top: 6px !important;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    right: 12px !important;
    width: 0px !important;
}
.select2-container--default .select2-results__option--selected {
    background-color: white !important;
    font-family: Lato !important;
    color: #5d6370 !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
}
.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ededf1 !important;
    color: #5d6370 !important;
}
/* select 2 filters */
.bundle-empty {
    font-family: Lato;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    color: #64748b;
    max-width: 305px;
    margin-top: 18px;
}
.commonbottomcanvase-sizes.offcanvas.offcanvas-bottom {
    border-top-right-radius: 24px;
    border-top-left-radius: 24px;
    height: max-content;
    max-height: 100%;
    padding: 16px;
}
.commonbottomcanvase-sizes .offcanvas-title {
    font-family: var(--font-family-Lato);
    font-size: var(--font-size-14);
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #0c1529;
}
.commonbottomcanvase-sizes select {
    border: 1px solid #858a94;
    background-color: #f6f6f8;
    border-radius: 4px;
    height: 36px;
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    background-size: 8px 10px;
    background-position: right 0.5rem center;
    padding-inline: 6px;
}
.commonbottomcanvase-sizes .btnclr {
    color: var(--color-black-50);
    border: 1px solid #ededf1;
    background-color: #f6f6f8;
    width: 50%;
    margin-right: 12px;
}
.commonbottomcanvase-sizes .btnaply {
    color: var(--color-white-900);
    background-color: var(--color-blue-50);
    width: 50%;
    margin-left: 12px;
}
.grid_offcanvas-2-bottom button,
.grid_offcanvas-2-bottom a {
    border-radius: 4px;
    font-family: Lato;
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
}
.dealer-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-wrap: nowrap;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 8px 12px;
    width: 100%;
    max-width: 132px;
}
.dealer-btn.btn-1 {
    color: #ffffff;
    background: #2384c1;
    border-color: #2384c1;
}
.dealer-btn.btn-2 {
    color: var(--color-blue-60);
    background: white;
    border-color: var(--color-blue-60);
}
@media screen and (min-width: 431px) and (max-width: 767px) {
    /* mobile */
    .specs-md-car2 {
        font-size: 14px;
    }

    .specs-md-car {
        font-size: 14px;
    }

    .specs-maintitle {
        font-size: 14px;
    }

    .specs-ms-car {
        font-size: 14px;
    }

    .specs-carprice-title {
        font-size: 14px;
    }

    .specs-mcarprice {
        font-size: 14px;
    }

    .upload-prof-m {
        font-size: 14px;
    }

    .goto-check-m {
        font-size: 14px;
    }

    .time-overdue {
        font-size: 14px;
    }

    .request-moretime {
        font-size: 14px;
    }

    .upload_para {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .sub-balance {
        align-items: start;
        flex-direction: column;
        gap: 0px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .title-prediction {
        flex-wrap: wrap;
    }

    .title-prediction .title {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }

    .tabs-balance {
        gap: 10px;
        font-family: Lato;
        font-weight: 600;
        font-size: 14px;
        line-height: 26px;
        color: #101010;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .sub-balance .total {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 2px;
    }

    .sub-balance .balance {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 2px;
    }

    .redeem-btn-cash {
        padding: 6px 16px;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        margin-top: 12px;
        margin-bottom: 16px;
    }

    .credit-debit {
        flex-grow: 1;
        width: 100%;
        padding-block: 16px;
        background: #eeeeee;
        justify-content: space-around;
    }

    .credit-debit .credit {
        display: flex;
        align-items: center;
        gap: 10px;
        border-bottom: none;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 0px;
    }

    .credit-debit .credit img {
        transform: rotate(-45deg);
    }

    .credit-debit .debit {
        display: flex;
        align-items: center;
        gap: 10px;
        border-bottom: none;
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 0px;
    }

    .credit-debit .debit img {
        transform: rotate(-45deg);
    }
    .data_balance {
        min-width: 0;
    }
    .distribution-tabs {
        margin-bottom: 14px;
    }
    .slect-text {
        font-family: Lato;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        letter-spacing: -0.012em;
        color: #475569;
        margin-left: 5px;
    }
    .dl-selected {
        font-family: Lato;
        font-size: 12px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: -0.012em;
        color: #353c4d;
        margin-left: 6px;
    }
    #select_all {
        background-color: #f8f8f8;
        margin-bottom: 16px;
    }
    .plus-minus-product button:first-of-type {
        margin-right: 0;
    }
    .plus-minus-product button:last-of-type {
        margin-left: 0px;
    }
    .distribution-tabs .tab-item {
        font-weight: 500;
        width: 100%;
        max-width: 159px;
        padding: 6px;
        border-radius: 3px;
    }
    .distribution-tabs {
        gap: 10px;
    }
    .cart-car-type .new-car {
        border-radius: 37px;
        padding: 1px 14px;
        font-size: 12px;
        line-height: 14px;
    }
    .cart-car-type .used-car {
        border-radius: 37px;
        padding: 1px 14px;
        font-size: 12px;
        line-height: 14px;
    }
    .cta {
        padding: 6px;
        font-size: 13px;
    }
    .cta-information li {
        font-size: 14px;
    }
    .bundle-img {
        width: 100%;
    }
    .bundle-empty {
        font-size: 16px;
        line-height: 20px;
    }
    .sat-video-frame iframe {
        width: 100%;
        max-width: 500px;
        height: auto;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .title {
        font-size: 19px;
        line-height: 24px;
    }
    .dealer-homepage #iframe_vid .grd-ts .htb-heading .para {
        font-size: 16px;
        line-height: 24px;
    }
    .dealer-homepage #iframe_vid {
        margin-bottom: 16px;
    }
    .dealer-homepage .title-home {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 16px;
    }
    .quick-action-card .text .para {
        font-size: 16px;
        line-height: 26px;
        max-width: 477px;
    }
    .dealer-perks {
        gap: 12px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .dealer-perks .dealer-perks-card {
        padding: 10px;
        min-width: 0px;
    }
    .dealer-perks .dealer-perks-card .para {
        font-size: 14px;
        line-height: normal;
    }
    .dealer-perks .dealer-perks-card .title {
        font-size: 16px;
        line-height: 24px;
    }
    .dealer-homepage #iframe_vid .grd-ts {
        padding: 16px 21px;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
    }
    .quick-action-card {
        margin-bottom: 18px;
        flex-wrap: wrap;
        padding: 10px;
    }
    .cta-action {
        flex-grow: 1;
    }
    .quick-action-card .cta-action .cta-ng-btn {
        padding: 10px;
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        margin-top: 12px;
        line-height: normal;
    }
    .quick-action-card .text .title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .quick-action-card .text .title img {
        height: 18px;
        width: 18px;
    }
    .dealer-homepage {
        padding-top: 10px;
    }
    .dealer-homepage .grd-analyst .analyst-card {
        padding: 10px;
    }
    .analyst-dashboard .analyst-card .main-text .title {
        font-size: 14px;
        line-height: 24px;
    }
    .analyst-dashboard .analyst-card .main-count {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 12px;
    }
    .analyst-dashboard .analyst-card .main-text img {
        height: 18px;
        width: 18px;
    }
    .analyst-dashboard .analyst-card .main-text {
        margin-bottom: 10px;
    }
    .analyst-dashboard .analyst-card .variation-count {
        gap: 4px;
        font-size: 12px;
        line-height: 20px;
    }
    .dealer-homepage .grd-analyst {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}
@media screen and (max-width: 470px) {
    /* .ct-col-6 {
    flex: 0 0 auto;
    width: 100%;
  } */
    .btn-stick button {
        height: 33px;
        font-size: 14px;
    }
    .main-specs-inf {
        flex-wrap: wrap;
        row-gap: 5px;
    }
    .item-img {
        max-width: 112px;
        min-width: 100px;
        min-height: 60px;
    }
    .dealer-perks {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 375px) {
    .car-title-search-inf {
        max-width: 170px;
    }
    .item-img {
        width: 100%;
        margin-right: 0px;
        padding-right: 4px;
    }
    .chk-box {
        margin-right: 4px;
    }
    .dealer-homepage .grd-analyst {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
    .maxt-100 {
        max-width: 100px;
    }
}

@media screen and (min-width: 426px) and (max-width: 767px) {
    .specs-md-car.min-82 {
        min-width: 95px;
    }
}