#onlineService .service-details-button {
    padding: 0;
    border: 0;
    border-bottom: 1px solid currentColor;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

@media (max-width: 991.98px) {
    #onlineService .accordion-categories-mobile .card-header .btn-link,
    #onlineService .services__item-body .btn-link,
    #serviceWorkDetails .close,
    #selectDealer .close,
    #selectDealerService .close,
    #serviceVideo .close {
        -webkit-tap-highlight-color: transparent;
    }

    #onlineService .accordion-categories-mobile .card-header .btn-link:focus:not(:focus-visible),
    #onlineService .services__item-body .btn-link:focus:not(:focus-visible),
    #serviceWorkDetails .close:focus:not(:focus-visible),
    #selectDealer .close:focus:not(:focus-visible),
    #selectDealerService .close:focus:not(:focus-visible),
    #serviceVideo .close:focus:not(:focus-visible) {
        outline: none;
        box-shadow: none;
    }
}

#serviceWorkDetails.service-work-details-modal {
    z-index: 90510;
}

body.service-work-details-open .modal-backdrop {
    z-index: 90500;
}

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

#serviceWorkDetails .modal-header {
    justify-content: space-between;
    align-items: flex-start;
}

#serviceWorkDetails .modal-header .close {
    flex-shrink: 0;
    margin-left: auto;
}

#serviceWorkDetails .modal-body,
#serviceWorkDetails .modal-title {
    text-align: left;
}

#serviceWorkDetails .modal-title {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
    padding-right: 16px;
    font-size: 18px;
    line-height: 1.4;
}

#serviceWorkDetails .services__item-desc {
    margin: 0;
    padding: 0;
}

#serviceWorkDetails .services__item-line {
    gap: 16px;
    align-items: flex-start;
}

#serviceWorkDetails .services__item-price {
    flex-shrink: 0;
    white-space: nowrap;
}

@media (max-width: 991.98px) {
    #onlineService #accordionExample .head-collapse.show {
        max-height: var(--service-booking-accordion-height, 45vh);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
    }
}

#onlineService .recording__navigation.sticky-top {
    position: sticky !important;
    top: var(--service-booking-header-offset, 0px) !important;
}

.service-booking-sticky-container {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

@media (max-width: 767.98px) {
    body.service-booking-page su-chat,
    body.service-booking-page #vidi-pulse {
        display: none !important;
    }
}