@media (max-width: 576px) {
    .modal-dialog {
        margin: 0.5rem !important;
        max-width: 100vw !important;
    }

    .modal-content {
        max-height: 90vh;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
    .modal-dialog-centered {
        margin-top: 10vh !important;
        align-items: flex-start !important;
    }

    .modal-body {
        overflow-y: auto;
        max-height: 60vh;
    }
    .badge-custom-mb {
        margin-bottom: 12px !important; 
        margin-top: 8px !important;
        display: inline-block;
    }

    .d-flex.flex-wrap {
        gap: 0 !important;
    }
}

.serviceHr {
    background-color: #fff;
    padding: 0;
    border: 0;
    border-top: 3px double #F47B22;
}