.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Heebo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Assistant";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Assistant";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --black:#000000; --white:#ffffff; --frame:#d5d5d5; }
/* Start custom CSS *//* ========================================
   BOOKING SIDEBAR
======================================== */

.maya-booking-layout {
    width: 100%;
    direction: rtl;
}

.maya-booking-service {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 26px;
    font-size: 16px;
    line-height: 1.4;
}

.maya-booking-service-label {
    font-weight: 400;
}

.maya-booking-service-name {
    font-weight: 700;
}


/* ========================================
   MORNING / AFTERNOON
======================================== */

.maya-slot-group {
    margin-bottom: 26px;
}

.maya-slot-group-title {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 600;
}


/* ========================================
   SLOT GRID
======================================== */

.maya-slot-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    width: 100%;
}


/* ========================================
   INDIVIDUAL SLOT
======================================== */

.maya-slot-grid .jet-apb-slot {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px;

    margin: 0 !important;
    padding: 10px 8px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    background-color: #F5F5F5 !important;
    color: #111111 !important;

    border-radius: 4px !important;

    text-align: center;
    cursor: pointer;

    transition:
        background-color .2s ease,
        color .2s ease;
}

.maya-slot-grid .jet-apb-slot:hover {
    background-color: #E5EAED !important;
    color: #152C3A !important;
}


/* ========================================
   HIDE APPOINTMENT DETAILS
======================================== */

.jet-form-builder .jet-apb-calendar-appointments-list-wrapper {
    display: none !important;
}


/* ========================================
   CALENDAR — HOVER + SELECTED
======================================== */

.jet-form-builder .jet-apb-calendar-date-body {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    display: flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 auto;
    border-radius: 50% !important;

    transition:
        background-color .2s ease,
        color .2s ease;
}


/* Available date — Hover */

.jet-form-builder
.jet-apb-calendar-date[data-status="true"]:not(.jet-apb-calendar-date--selected)
.jet-apb-calendar-date-body:hover {
    background-color: #E5EAED !important;
    color: #152C3A !important;
    cursor: pointer;
}


/* Selected date */

.jet-form-builder
.jet-apb-calendar-date--selected
.jet-apb-calendar-date-body {
    background-color: #152C3A !important;
    color: #FFFFFF !important;
}


/* ========================================
   TIME SLOT — SELECTED
======================================== */

.maya-slot-grid .jet-apb-slot[data-slot-selected="1"],
.maya-slot-grid .jet-apb-slot[data-slot-selected="true"],
.maya-slot-grid .jet-apb-slot.jet-apb-slot--selected,
.maya-slot-grid .jet-apb-slot.slot-selected {
    background-color: #152C3A !important;
    color: #FFFFFF !important;
}


/* ========================================
   MOBILE
======================================== */

@media (max-width: 767px) {

    .maya-slot-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}/* End custom CSS */