.header, .header__mobile-menu, .booking__wrapper__content, .service-card-grid, .footer, .booking-header-mobile, .bl-reschedule, 
.ui-tabs.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-right.is-active, .my-bk, .bs-service__services, .bs-service-card, .ui-progress .el-progress .el-progress-bar__outer {
    background-color: #111119 !important;
}


.bs-check-info {
    background: #111119 !important;
}

.service, .bs-service__category, .service-dg__fixed, .service-dg-pb, .service_de__employees__cards__item, .ser-mob-filters, 
.ser-mob-filters__header, .my-bk__body, .bk-sticky-foot, .acc__wrapper, .acc__save-fixed, .ser-mob-filters__footer, 
.ui-filter__button, .ui-search__input, .ui-search__input input, .ui-filter__list, .ui-alert, 
.ui-phone.m-phone-number-input div.m-phone-number-input__select, .m-input, .m-input-wrapper, 
.my-bk-empty-state, .my-bk__body__period, .booking-details, .booking-details-body, 
.ui-cal__day, .ui-select-v2.el-select .el-select__wrapper, .ui-select-v2-popper.el-popper.el-select__popper,
.booking-ts, .ui-input .el-input__wrapper, 
.ui-phone.m-phone-number-input div.m-phone-number-input__input .m-input-wrapper,
.ui-button__type__info, .booking-details-mobile__footer,
.booking__details-mobile, .booking__details-desktop, 
.ui-search__mobile-button, .booking-details-body-check,
.write-ratings-reviews, .bl-reschedule__button,
.ui-dialog,
.login,
.ui-social-button {
    background-color: #1A1A22 !important;
}

.service-card-grid-sm, .service-card-grid, 
.service-card-grid-no-img {
    background-color: #111119 !important;
    border: 3px solid #5EDBD2;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add this line */
}

.service-card-grid-sm:hover,
.service-card-grid:hover,
.service-card-grid-no-img:hover,
.bs-service-card:hover {
    border-color: #5EDBD2 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); /* Add this line */
}

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

body, * {
  font-family: 'Almarai' !important;
}

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

html, body {
  height: 100%;
}

body, * {
  font-family: 'Almarai', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}