body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    margin: 0;
    padding: 0;
}

.service-item .d-flex {
    display: flex;
    align-items: center;
    gap: 5px !important; /* Force the gap to apply */
}

    .service-item .d-flex span {
        margin: 0 !important;
        padding: 0 !important;
    }


.service-item .service-details {
    margin-top: 10px !important; /* You can adjust this based on your preference */
}

.service-item .d-flex.justify-content-between {
    justify-content: flex-start !important; /* Align items to the start, removing the space-between behavior */
    gap: 25px !important; /* Add the gap between the button and service name */
}

/* Default grey color for disabled button */
/*button[disabled] {
    background-color: #d6d6d6;*/ /* Light grey */
    /*color: #777;*/ /* Darker grey text */
    /*border: 1px solid #ccc;*/ /* Light grey border */
/*}*/


.btn-secondary {
    background-color: #6c757d; /* Default Bootstrap gray */
    border-color: #6c757d;
}

.btn-primary {
    background-color: #007bff; /* Default Bootstrap blue */
    border-color: #007bff;
}