/* Header CSS */

.elementor-editor-active .header-main-row,
.page-id-2432 .header-main-row,
.blog .header-main-row,
.archive.date .header-main-row,
.single-post .header-main-row,
.page-id-3596 .header-main-row,
.page-id-3598 .header-main-row,
.page-id-3643 .header-main-row,
.page-id-3645 .header-main-row {
    background: #1B2545 !important;
}

.header-phone .wpsl-contact-details span > a::before {
    content: "";
    background: url(/wp-content/uploads/2025/09/phone-icon.png) no-repeat left center;
    width: 24px !important;
    height: 24px !important;
    display: inline-block;
    background-size: 24px;
    margin: 0 8px 4px 0;
    vertical-align: middle;
}

.header-phone div {
    margin: 0;
}

.header-phone .wpsl-contact-details {
    font-size: 0;
}

.header-phone .wpsl-contact-details a {
    font-size: 18px;
}

.main-menu .elementskit-menu-container {
    padding-bottom: 0;
}

.main-menu .elementskit-navbar-nav>li.current-menu-ancestor>a {
    border-radius: 180px;
}

.main-menu a {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
}

/***** Responsive ******/
@media(width: 1024px) {

    .main-menu li.menu-item:hover .elementskit-dropdown-open {
        opacity: 1 !important;
        visibility: visible !important;
        margin-top: 10px !important;
    }

    .main-menu li.menu-item:hover .elementskit-megamenu-panel {
        opacity: 1 !important;
        visibility: visible !important;
        top: 40px !important;
    }

    .main-menu li.menu-item:hover .elementskit-megamenu-panel.elementskit-dropdown-open {
        margin-top: 0 !important;
    }

    .main-menu .elementskit-dropdown,
    .main-menu .elementskit-megamenu-panel {
        pointer-events: auto !important;
    }
}

@media(max-width: 1024px) {
    .header-appt-btn a {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .mob-menu .current-menu-item>a,
    .mob-menu .current-menu-parent>a {
        color: #236EB4 !important;
    }

    .mob-menu .ekit-overlay.ekit-bg-black {
        display: none !important;
    }

    .mob-menu .ekit-wid-con .ekit_sidebar-widget-container {
        top: 0px;
    }

    .mob-menu .ekit-wid-con .ekit-sidebar-group.ekit_isActive .ekit_sidebar-widget-container {
        -webkit-transition: all 0s;
        transition: all 0s;
        top: 0px;
    }

    .header-mob-menu .ekit-vertical-navbar-nav .elementskit-dropdown {
        padding: 0 0 15px 0 !important;
    }

    .header-mob-menu .menu-item:has(.elementskit-dropdown-open) a .ekit-submenu-indicator-icon {
        rotate: 180deg;
    }
}

@media(min-width: 769px) {

    /*****Mega menu*****/
    .mega-menu-items ul {
        column-count: 2;
        gap: 20px
    }

    /** Mega menu Overlay ***/
    .header-main-row:has(.main-menu .elementskit-megamenu-has:hover)::before {
        background: #1B2545;
        content: '';
        position: absolute;
        z-index: 9;
        width: 100%;
        height: 100%;
    }

    .header-main-row::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 1;
        pointer-events: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.2s ease;
    }

    .header-main-row:has(.main-menu .elementskit-megamenu-has:hover)::after {
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (max-width: 768px) {
    .header-phone .wpsl-contact-details a {
        font-size: 0px;
    }

    .header-phone .wpsl-contact-details span a::before {
        margin: 0;
    }

    .appointment-button-container {
        position: fixed;
        bottom: 0;
        background: #ffffff;
    }

    .appointment-button a {
        width: 100% !important;
    }
}

/**Mega menu**/
@media(min-width: 769px) and (max-width: 1024px) {
    .elementskit-megamenu-panel {
        transform: translateX(5px) !important;
    }
}

@media(min-width: 1025px) and (max-width: 1440px) {
    .elementskit-megamenu-panel {
        transform: translateX(12px) !important;
    }
}

@media(min-width: 1441px) {
    .elementskit-megamenu-panel {
        transform: translateX(8px) !important;
    }
}

/****Footer CSS****/

.zero-margin-bottom p {
    margin-bottom: 0;
}