.real_estate_booking .wrap table tr:first-child th,
.real_estate_booking .wrap table tr:first-child td {
    border-top: 0;
}

.real_estate_booking .wrap table th,
.real_estate_booking .wrap table td {
    border-left: 0;
    border-right: 0;
    padding: 10px;
    text-align: right;
}

.real_estate_booking .wrap table th {
    font-family: "Droid Arabic Kufi", sans-serif;
}

.real_estate_booking .wrap table th::before {
    content: "\f0d9" !important;
    font-family: "fontAwesome";
    color: #1d9d73;
    width: 3px !important;
    top: 2px !important;
    margin-left: 7px;
}

.real_estate_booking .wrap table th::after {
    content: ":";
    float: left;
}

.real_estate_booking .wrap table td {
    font-size: 16px;
    font-family: "Droid Arabic Naskh", sans-serif;
}

.real_estate_booking .wrap table td p {
    margin: 0;
}
/* In booking-rstate-reg.css or your theme's stylesheet */

/* Style for the label when its radio button is disabled */
.pick-hour label.disabled {
    color: #999; /* Grey text */
    cursor: not-allowed;
    background-color: #f0f0f0; /* Light grey background */
    border-color: #ddd;      /* Lighter border */
    opacity: 0.6;            /* Make it look faded */
    /* Add any other styling to make it look distinctly disabled */
}

/* Ensure hover effects are removed or altered for disabled labels */
.pick-hour label.disabled:hover {
    background-color: #f0f0f0; /* Keep it the same as disabled, no hover change */
    border-color: #ddd;
    cursor: not-allowed;
}

/* Style for the radio button itself (often handled by browser but can be customized) */
.pick-hour input[type="radio"]:disabled {
    cursor: not-allowed;
    /* If you want to hide the radio button or further style it */
}

/* If you have a 'checked' state that needs to be overridden for disabled items */
.pick-hour label.disabled.checked {
    /* Revert or ensure it doesn't look 'checked' if it's disabled */
    /* e.g., background-color: #f0f0f0 !important; */
}