.cart-section .cart-header{
    background-color: #ececec;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}
.cart-section .cart-header i{
  color: #63c7c9;
}
.tour-details .ioc{
    padding: 7px !important;
}
.tour-details .arrow-icon {
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.3s ease;
}
.tour-details .arrow-icon.up {
    transform: rotate(180deg);
}
.tour-details .ioc a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#form_step_wrapper .progress {
    width: 100%;
    left: 0 !important;
    height: 5px;
    border-radius: 20px;
}
#form_step_wrapper .bs-wizard > .bs-wizard-step > .bs-wizard-dot{
    display: none !important;
}

#form_step_wrapper .bs-wizard-step.active > .progress{
    background-color: #63c7c9;
    width: 100% !important;
    display: block !important;
}
#form_step_wrapper .bs-wizard-step.is_success > .progress{
    background-color: #63c7c9;
    width: 100% !important;
    display: block !important;
}
#tourDetail .tour_title , .tour_date , .tour_code {
    font-size: 15px !important;
}
.booking_main_heading {
    font-weight: 600 !important;
}
@media (min-width: 768px) {
    #form_step_wrapper div{
        font-size: 13px !important;
    }
}
.stepper {
    margin: 30px 0;
}
.stepper .progress {
    height: 6px;
    border-radius: 50px;
}
.stepper-labels {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 0.9rem;
    color: #6c757d;
}
.card-custom {
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.box_detail {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 15px !important;
}
.summary-card h5 {
    font-weight: 600;
    color: #20c997;
}
.form-label i {
    margin-right: 5px;
    color: #20c997;
}
.total-amount {
    font-size: 1.3rem;
    font-weight: bold;
    color: #000;
}
.deposit {
    font-size: 1rem;
    color: #6c757d;
}
.clock {
    font-size: 1.1rem;
    font-weight: 600;
    color: #dc3545;
    margin-bottom: 15px;
}
#room_detail {
    border: none !important;
}
.room-separator {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 20px 0;
}
#bopoking_payment_step .progress {
    background-color: #63c7c9 !important;
}