#breadcrumb-section {
    padding-block: 19px;
}

#breadcrumb-section .breadcrumb-item {
    font-family: var(--font-family-Lato);
    font-size: var(--font-size-14s);
    /* font-weight: 500; */
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
}

.breadcrumb {
    margin-bottom: 0px;
}

/* -------====--reserve-car-main--=====---------- */
.reserve-car-main .reserve-card {
    box-shadow: 0px 0px 5.24px 0px #2f2b4333;
    max-width: 410px;
    padding: 10px 0px 0px 0px;
    gap: 5px;
    border-radius: 9px;
}

.modl-w-para-span {
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #1c6a9b;
    margin-top: 18px;
    cursor: pointer;
}

.reserve-seperator-dots {
    font-size: 12px !important;
}

.field-style-car-modal::placeholder {
    font-weight: 500 !important;
}

.field-style-car-modal {
    border: 1px solid #5d6370;
    border-radius: 4px;
    height: 34px;
    font-size: 12px;
    background-color: var(--color-white-50);
    font-weight: 500;
}

.reserve-car-main .reserve-card-img {
    max-width: 410px;
    width: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
}

.reserve-car-main .reserve-banner-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10px;
}

.reserve-car-main .resverve-card-hdr {
    font-family: Lato;
    font-size: 17px;
    font-weight: 700;
    line-height: 23px;
    color: #1c6a9b;
    margin-top: 8px;
}

.reserve-car-main .resverve-country-flg {
    width: 22px;
    height: 16px;
    gap: 5.27px;
}

.reserve-car-main .reservie-car-title {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.012em;
    color: var(--color-black-30);
    white-space: nowrap;
}

.reserve-car-main .reserve-car-detail-sub {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -0.012em;
    color: var(--color-black-80);
    white-space: nowrap;
}

.reserve-car-main .reserve-price-title-dtl {
    font-family: var(--font-family-Lato);
    font-size: 12px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: -0.01em;
    color: var(--color-black-50);
    white-space: nowrap;
}

.reserve-car-main .reserve-price-dtl-main {
    font-family: var(--font-family-Lato);
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.016em;
    color: var(--color-black-80);
}

.reserve-car-main .works-title {
    font-family: Sofia Pro;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    color: #1c6a9b;
    margin-bottom: 12px;
}

.margn-64-top {
    margin-top: 64px;
}

.margn-32-top {
    margin-top: 32px;
}

.margn-32-botm {
    margin-bottom: 32px;
}

.reserve-car-main .work-li-hdr {
    font-family: Lato;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #020408;
    list-style: none;
    margin-bottom: 18px;
}

.reserve-car-main .work-li-para {
    font-family: Lato;
    font-size: clamp(14px, 2vw, 16px);
    font-weight: 500;
    line-height: clamp(20px, 2vw, 24px);
    color: #5d6370;
    margin: 8px 0 0 20px;
    text-align: justify;
    letter-spacing: -0.01em;
}

.reserve-car-main .reserve-btn {
    max-width: 310px;
    width: 100%;
    height: 45px;
    border-radius: 4px;
    background: #2a9fe8;
    border: unset;
    font-family: Lato;
    font-size: 13.4px;
    font-weight: 700;
    line-height: 20.1px;
    color: #ffffff;
    margin-top: 16px;
}

.reserve-car-main .res-near-year-sale {
    height: 14px;
    padding: 3px 12px 14px 12px;
    border-radius: 20px;
    background: #ff4b44;
    font-family: Lato;
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
}

.reserve-car-main .res-earnpoints {
    height: 14px;
    padding: 3px 12px 14px 12px;
    border-radius: 20px;
    background: #f1892b;
    font-family: Lato;
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
}

.reserve-car-main .res-perium-car {
    height: 14px;
    padding: 3px 12px 14px 12px;
    border-radius: 20px;
    background: #fbf2cb;
    font-family: Lato;
    font-size: 10px;
    font-weight: 600;
    text-align: left;
    color: #c8811a;
}

.reserve-car-main .res-bdge-location {
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    color: #858a94;
}

.reserve-car-main .res-bdge-japan {
    font-family: Lato;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    color: #0c1529;
}

/* --------inquiry tabs--------- */

.buy-now-carmodal .get-price-hdr {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #0c1529;
    text-align: center;
    margin-bottom: 20px;
}

.buy-now-carmodal .check-input-label {
    font-family: var(--font-family-Lato);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #858a94 !important;
    gap: 8px;
}

.buy-now-carmodal .modal-dialog-scrollable {
    /* width: 100%; */
    max-width: 400px;
}

.buy-now-carmodal .get-price-hdr {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #0c1529;
    text-align: center;
    margin-bottom: 20px;
}

.buy-now-carmodal .get-price-sub-hdr {
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #1c6a9b;
}

.buy-now-carmodal .car-detail-year {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    color: #858a94;
}

.buy-now-carmodal .car-detail-sub-year {
    font-family: Lato;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    color: #0c1529;
}

.buy-now-carmodal .detail-car-price {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: #353c4d;
}

.buy-now-carmodal .detail-car-price-tag {
    font-family: Lato;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #0c1529;
}

.buy-now-carmodal .detail-select-label {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #5d6370;
}

.buy-now-carmodal .detail-info-label {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    color: #000000;
}

.buy-now-carmodal .detail-checkbox-marine {
    gap: 8px;
}

.mb-12-custom {
    margin-bottom: 12px;
}

.buy-now-carmodal .buy-now-botom-modal {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--color-white-900);
    background-color: var(--color-blue-50);
    width: auto;
    height: 40px;
    border-radius: 4px;
    margin-top: 1rem;
    border: unset;
}

.buy-now-carmodal .select-payment-icons {
    width: 34px;
    height: 34px;
}

.buy-now-carmodal .selected-pyment-btn-process {
    background: #fbbc55;
    width: 100%;
    padding: 2px 0 4px 0;
    gap: 0px;
    border-radius: 2px 0px 0 0;
    border: unset;
}

.buy-now-carmodal .or-lebel-selected {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    color: #858a94;
    margin: 6px 0 6px 0;
}

.buy-now-carmodal .account-descriptn {
    font-family: Lato;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: justify;
    color: #353c4d;
    margin: 10px 0 14px 0;
}

.buy-now-carmodal .payment-card {
    border-radius: 12px 12px 12px 12px;
    border: 1px solid #dcdae2;
    margin-bottom: 50px;
}

.buy-now-carmodal .payment-paypal-img {
    width: 99px;
    height: 22px;
    align-self: center;
    margin: 13px 0 12px 0;
}

.order-methed-tabs .check-input-label {
    font-family: var(--font-family-Lato);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #858a94 !important;
    gap: 8px;
}

.order-methed-tabs .check-input-checkbox {
    width: 17px;
    height: 17px;
    font-size: 17px;
    border: 1px solid #aeb1b8;
}

/* card ping */
.card-ping {
    position: relative;
    display: flex;
    width: 10px;
    height: 10px;
}

.rounded-ping-inner.active {
    background: #22c55e;
}

.rounded-ping.active {
    background: #4ade80;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.rounded-ping {
    position: absolute;
    display: inline-flex;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: transparent;
    opacity: 0.75;
}

.rounded-ping-inner {
    position: relative;
    display: inline-flex;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background: #9ca3af;
}

.active-user-seen {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #e8fff4;
    border-radius: 6px;
    padding-block: 4px;
    padding-inline: 12px;
    margin-bottom: 4px;
    max-width: max-content;
}

.text-active {
    font-family: Lato;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -1%;
    color: #353c4d;
    display: flex;
    align-items: center;
    gap: 5px;
}

@keyframes ping {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    75%,
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* card ping */
@media screen and (min-width: 1400px) {
    .reserve-btn-main {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1399px) and (min-width: 768px) {
    .reserve-car-main .res-flg-min {
        margin: 10px 0 0 0;
    }

    .reserve-car-main .reserve-car-detail-sub {
        font-family: var(--font-family-Lato);
        font-size: 12px;
    }

    .reserve-car-main .reservie-car-title {
        font-size: 12px !important;
    }
}

@media screen and (max-width: 992px) {
    .reserve-btn-main {
        display: none;
    }

    #breadcrumb-section .breadcrumb-item {
        font-size: var(--font-size-12);
    }
}

@media screen and (min-width: 993px) {
    .reserve-btn-main-card {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .reserve-car-main .reserve-card {
        max-width: 100%;
    }

    .reserve-car-main .reserve-card-img {
        max-width: 100%;
    }

    .reserve-btn-main-card {
        display: flex;
        justify-content: center;
    }

    .reserve-car-main .reserve-car-top-img {
        margin-top: 16px !important;
    }

    .d-flex.gap-5.justify-content-center.row {
        gap: 25px !important;
    }

    h2.works-titlew.margn-32-botm {
        margin: 16px 16px;
    }

    #breadcrumb-section .breadcrumb-item {
        font-size: var(--font-size-12);
    }

    .text-active {
        font-size: 12px;
    }
}

@media screen and (max-width: 440px) {
    .reserve-car-main .res-calender-detail-col {
        flex: 0 0 auto;
        width: 25%;
        margin: 0 0 10px 0;
    }
}

@media screen and (max-width: 387px) {
    .reserve-car-main .res-flg-min {
        margin: 10px 0 0 0;
    }

    .reserve-car-main .res-flg-min {
        margin: 10px 0 0 0;
    }

    .reserve-car-main .reserve-car-detail-sub {
        font-family: var(--font-family-Lato);
        font-size: 10px;
    }

    .reserve-car-main .reservie-car-title {
        font-size: 12px !important;
    }

    .reserve-car-main .reserve-card {
        padding: 0 !important;
    }
}