:root {
    --alwahidah-primary: #1498C7;
    --alwahidah-primary-dark: #087A9A;
    --alwahidah-accent: #55B832;
    --alwahidah-accent-soft: #EAF8E5;
    --alwahidah-primary-soft: #EAF7FC;
    --alwahidah-text: #102A33;
    --alwahidah-muted: #5F6F73;
    --alwahidah-border: #D7ECE4;
}

body,
.sec-title h1,
.sec-title h1 a,
.sec-title h3,
.main-menu .navigation li a,
.medical-departments-area .single-item .text-holder h3,
.service-area .tab-menu li h3,
.single-blog-item .text-holder .blog-title,
.single-team-member .text-holder h3,
.single-footer-widget .title h3 {
    color: var(--alwahidah-text);
}

p,
.header-area .header-right ul li .text-holder span,
.medical-departments-area .single-item .text-holder p,
.latest-blog-area .single-blog-item .text-holder .text p,
.facilities-content-box .single-item .text-holder p,
.welcome-area .text-holder p,
.choose-area .text-holder p,
.single-team-member .text-holder span {
    color: var(--alwahidah-muted);
}

.bgclr-1,
.thm-btn,
.header-search .search-form .search button,
.medical-departments-area .single-item:hover a.readmore,
.service-area .tab-menu li.active a .overlay-style-one,
.service-area .tab-menu li:hover a .overlay-style-one,
.single-blog-item .img-holder .overlay-style-one,
.latest-project-area .single-project-item .overlay-content,
.appointment button,
.footer-area .appointment-form button,
.scroll-to-top:hover {
    background: var(--alwahidah-primary);
    border-color: var(--alwahidah-primary);
}

.thm-btn:hover,
.appointment button:hover,
.footer-area .appointment-form button:hover {
    background: var(--alwahidah-primary-dark);
    border-color: var(--alwahidah-primary-dark);
    color: #ffffff;
}

.mainmenu-area .consultation-button a {
    background: var(--alwahidah-accent);
    border-color: var(--alwahidah-accent);
    color: #ffffff;
}

.mainmenu-area .consultation-button a:hover {
    background: #469B2B;
    border-color: #469B2B;
    color: #ffffff;
}

.top-bar-area .top-left p span:before,
.top-bar-area .top-right .social-links li a:hover i,
.header-area .header-right ul li .icon-holder span:before,
.header-area .header-right ul li .text-holder h4,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a,
.mainmenu-area .cart_select button:hover,
.medical-departments-area .single-item .iocn-holder span:before,
.medical-departments-area .owl-theme .owl-nav [class*="owl-"]:hover,
.service-area .tab-content .text-box h3,
.single-team-member .text-holder h3,
.testimonial-area .single-testimonial-item .quote-box i,
.latest-blog-area .meta-info li a i,
.single-footer-widget .footer-contact-info li .icon-holder span:before,
.footer-bottom-area .footer-social-links li a:hover i,
.scroll-to-top {
    color: var(--alwahidah-primary);
}

.sec-title .border:before,
.medical-departments-area .single-item .iocn-holder:after,
.testimonial-area .single-testimonial-item .quote-box,
.footer-area .single-footer-widget .title .border:before {
    background: var(--alwahidah-accent);
}

.testimonial-area .single-testimonial-item .quote-box i {
    color: #ffffff;
}

.single-testimonial-item:hover .img-holder {
    background: var(--alwahidah-accent);
    border-color: var(--alwahidah-accent);
}

.top-bar-area,
.medical-departments-area,
.latest-blog-area,
.team-area {
    background: #ffffff;
}

.mainmenu-area,
.callto-action-area,
.service-area,
.facilities-appointment-area,
.certificates-area {
    background: var(--alwahidah-primary-soft);
}

.mainmenu-area {
    border-top: 1px solid var(--alwahidah-border);
    border-bottom: 1px solid var(--alwahidah-border);
}

.main-menu .navigation > li > a {
    color: var(--alwahidah-text);
}

.main-menu .navigation > li > a:before {
    background: var(--alwahidah-primary);
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a {
    color: var(--alwahidah-primary);
}

.main-menu .navigation > li > ul {
    background: #ffffff;
    border-top: 3px solid var(--alwahidah-accent);
}

.main-menu .navigation > li > ul > li {
    border-bottom: 1px solid var(--alwahidah-border);
}

.main-menu .navigation > li > ul > li > a {
    color: var(--alwahidah-text);
}

.main-menu .navigation > li > ul > li:hover > a {
    background: var(--alwahidah-accent-soft);
    color: var(--alwahidah-accent);
}

.callto-action-area {
    background: var(--alwahidah-primary-soft);
}

.callto-action-area .inner-content {
    background: #ffffff;
    border: 1px solid var(--alwahidah-border);
}

.callto-action-area .inner-content .title-box {
    background: #126A9C;
}

.callto-action-area .inner-content .title-box span:before,
.callto-action-area .inner-content .title-box h2 {
    color: #ffffff;
}

.callto-action-area .inner-content .form-holder {
    background: #ffffff;
}

.callto-action-area .inner-content .form-holder .input-box input[type="text"],
.callto-action-area .inner-content .form-holder .ui-selectmenu-button {
    background: #F7FCFD;
    border: 1px solid #BFE4EF;
    color: var(--alwahidah-text);
}

.callto-action-area .inner-content .form-holder .input-box input[type="text"]::placeholder,
.callto-action-area .inner-content .form-holder .ui-selectmenu-text {
    color: var(--alwahidah-muted);
}

.callto-action-area .input-box .icon-box i {
    color: #1B84C0;
}

.callto-action-area .inner-content .form-holder .input-box input[type="text"]:focus {
    border-color: var(--alwahidah-accent);
    box-shadow: 0 0 0 3px rgba(85, 184, 50, 0.16);
}

.callto-action-area .inner-content .form-holder button {
    background: var(--alwahidah-accent);
    border-color: var(--alwahidah-accent);
    color: #ffffff;
}

.callto-action-area .inner-content .form-holder button:hover {
    background: #469B2B;
    border-color: #469B2B;
    color: #ffffff;
}

.rev_slider_wrapper .slide-content-box.mar-lft {
    border-bottom: 5px solid var(--alwahidah-accent) !important;
}

.medical-departments-area .single-item,
.callto-action-area .inner-content,
.callto-action-area .inner-content .form-holder,
.single-blog-item,
.appointment,
.header-search .search-form .search input[type="search"] {
    border-color: var(--alwahidah-border);
}

.medical-departments-area .single-item .iocn-holder,
.facilities-content-box .single-item .icon-holder .icon-box,
.testimonial-area {
    background: var(--alwahidah-accent-soft);
}

.brand-area,
.footer-area {
    background-color: #126A9C;
}

.footer-bottom-area {
    background-color: #0B4F75;
}

.footer-bottom-area .copyright-text p,
.footer-bottom-area .footer-social-links li a i {
    color: #EAF6FC;
}

.brand-area .sec-title h1,
.brand-area p,
.footer-area,
.footer-area p,
.footer-area a,
.footer-area h3,
.footer-area h5,
.footer-bottom-area p,
.footer-bottom-area a,
.footer-bottom-area i {
    color: #EAF6FC;
}

.footer-area .single-footer-widget .title h3 {
    color: #ffffff;
}

.footer-area .single-footer-widget .usefull-links li a,
.footer-area .single-footer-widget .our-info p,
.footer-area .single-footer-widget .our-info a,
.footer-area .single-footer-widget .footer-contact-info li .text-holder h5,
.footer-area .single-footer-widget .footer-contact-info li .text-holder p {
    color: var(--alwahidah-primary-soft);
}

.footer-area .single-footer-widget .usefull-links li a:hover,
.footer-bottom-area .copyright-text p a,
.footer-bottom-area .footer-social-links li a:hover i {
    color: var(--alwahidah-accent);
}

.single-footer-widget form.appointment-form input[type="text"],
.single-footer-widget form.appointment-form input[type="email"],
.single-footer-widget form.appointment-form textarea {
    background: #ffffff;
    border: 1px solid #BFE4EF;
    color: var(--alwahidah-text);
}

.single-footer-widget form.appointment-form input::placeholder,
.single-footer-widget form.appointment-form textarea::placeholder {
    color: var(--alwahidah-muted);
}

.single-footer-widget form.appointment-form .input-box .icon-box i {
    color: #1B84C0;
}

.single-footer-widget form.appointment-form input:focus,
.single-footer-widget form.appointment-form textarea:focus {
    background: #ffffff;
    border-color: var(--alwahidah-accent);
    color: var(--alwahidah-text);
    box-shadow: 0 0 0 3px rgba(85, 184, 50, 0.18);
}

.single-footer-widget form.appointment-form button {
    background: var(--alwahidah-accent);
    border-color: var(--alwahidah-accent);
    color: #ffffff;
}

.single-footer-widget form.appointment-form button:hover {
    background: #469B2B;
    border-color: #469B2B;
    color: #ffffff;
}

.time-table-area .time-table th {
    background: #126A9C;
    color: #ffffff;
}

.time-table-area .schedule-filter-row {
    padding-bottom: 18px;
}

.time-table-area .schedule-map-holder {
    background: #ffffff;
    border: 1px solid var(--alwahidah-border);
    border-radius: 8px;
    padding: 18px;
}

.time-table-area .schedule-overview {
    align-items: center;
    background: var(--alwahidah-primary-soft);
    border: 1px solid var(--alwahidah-border);
    border-left: 5px solid var(--alwahidah-primary);
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
    padding: 16px 18px;
}

.time-table-area .schedule-overview-title h4 {
    color: var(--alwahidah-text);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px;
}

.time-table-area .schedule-overview-title p {
    color: var(--alwahidah-muted);
    margin: 0;
}

.time-table-area .schedule-stat-list {
    display: flex;
    gap: 10px;
}

.time-table-area .schedule-stat {
    background: #ffffff;
    border: 1px solid var(--alwahidah-border);
    border-radius: 6px;
    min-width: 92px;
    padding: 10px 12px;
    text-align: center;
}

.time-table-area .schedule-stat span {
    color: var(--alwahidah-text);
    display: block;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}

.time-table-area .schedule-stat p {
    font-size: 13px;
    font-weight: 700;
    margin: 5px 0 0;
}

.time-table-area .schedule-stat.available {
    border-top: 3px solid var(--alwahidah-accent);
}

.time-table-area .schedule-stat.booked {
    border-top: 3px solid #9BA8AD;
}

.time-table-area .schedule-stat.closed {
    border-top: 3px solid #D99A94;
}

.time-table-area .schedule-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-bottom: 18px;
}

.time-table-area .schedule-legend span {
    align-items: center;
    color: var(--alwahidah-text);
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
}

.time-table-area .status-dot {
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin-right: 8px;
    width: 12px;
}

.time-table-area .status-dot.available {
    background: var(--alwahidah-accent);
}

.time-table-area .status-dot.selected {
    background: #1498C7;
}

.time-table-area .status-dot.booked {
    background: #9BA8AD;
}

.time-table-area .status-dot.closed {
    background: #F2D7D5;
    border: 1px solid #D99A94;
}

.time-table-area .selected-schedule-box {
    background: #ffffff;
    border: 1px solid var(--alwahidah-border);
    border-left: 4px solid var(--alwahidah-accent);
    margin-bottom: 18px;
    padding: 18px 20px;
}

.time-table-area .selected-schedule-box h4 {
    color: var(--alwahidah-text);
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
}

.time-table-area .selected-schedule-box p {
    color: var(--alwahidah-muted);
    line-height: 22px;
    margin: 0 0 14px;
}

.time-table-area .schedule-booking-button {
    background: var(--alwahidah-accent);
    color: #ffffff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    padding: 9px 16px;
    text-transform: uppercase;
}

.time-table-area .schedule-booking-button:hover {
    background: #469B2B;
    color: #ffffff;
}

.time-table-area .schedule-booking-button.disabled {
    background: #CAD5D8;
    color: #ffffff;
    cursor: not-allowed;
    pointer-events: none;
}

.time-table-area .time-table .single-box {
    min-width: 150px;
    transition: border-color 180ms ease, box-shadow 180ms ease, filter 180ms ease, transform 180ms ease;
}

.time-table-area .time-table .single-box.time {
    min-width: 165px;
}

.time-table-area .time-table .slot-available {
    cursor: pointer;
}

.time-table-area .time-table .slot-available:hover {
    box-shadow: inset 0 0 0 3px rgba(85, 184, 50, 0.95);
    filter: brightness(1.04);
}

.time-table-area .time-table .slot-available:focus {
    box-shadow: inset 0 0 0 3px rgba(85, 184, 50, 0.95);
    outline: none;
}

.time-table-area .time-table .slot-selected {
    background: #1498C7 !important;
    box-shadow: inset 0 0 0 4px var(--alwahidah-accent);
    transform: translateY(-1px);
}

.time-table-area .time-table .slot-booked {
    background: #9BA8AD !important;
    cursor: not-allowed;
}

.time-table-area .time-table .slot-booked .inner-content {
    opacity: 0.82;
}

.time-table-area .time-table .slot-closed {
    background: #F8EBEA !important;
    cursor: not-allowed;
}

.time-table-area .time-table .single-box .inner-content h5 {
    color: #ffffff;
}

.time-table-area .time-table .single-box .inner-content p {
    color: #ffffff;
    font-weight: 600;
}

.time-table-area .time-table .single-box .inner-content .level {
    color: #ffffff;
}

.time-table-area .time-table .single-box .inner-content .level span {
    color: #EAF8E5;
    font-weight: 700;
}

.time-table-area .time-table .single-box.white .inner-content h5,
.time-table-area .time-table .single-box.white .inner-content span,
.time-table-area .time-table .single-box.white .inner-content p,
.time-table-area .time-table .single-box.white .inner-content .level {
    color: var(--alwahidah-muted);
}

.time-table-area .time-table .single-box.white .inner-content .level span {
    color: var(--alwahidah-primary-dark);
}

@media only screen and (max-width: 767px) {
    .time-table-area .schedule-map-holder {
        padding: 12px;
    }

    .time-table-area .schedule-overview {
        align-items: stretch;
        display: block;
    }

    .time-table-area .schedule-stat-list {
        margin-top: 14px;
    }

    .time-table-area .schedule-stat {
        flex: 1;
        min-width: 0;
        padding: 9px 8px;
    }

    .time-table-area .schedule-stat span {
        font-size: 19px;
    }

    .time-table-area .time-table .single-box,
    .time-table-area .time-table .single-box.time {
        min-width: 142px;
    }
}

.scroll-to-top {
    border-color: var(--alwahidah-primary);
}

.sec-title h1 a:hover {
    color: var(--alwahidah-primary);
}