.elementor-1904 .elementor-element.elementor-element-d7ac176{--display:flex;--min-height:60px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#0201011F;--border-color:#0201011F;--border-radius:0px 0px 0px 0px;}.elementor-1904 .elementor-element.elementor-element-d7ac176:not(.elementor-motion-effects-element-type-background), .elementor-1904 .elementor-element.elementor-element-d7ac176 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1904 .elementor-element.elementor-element-e573a20{--display:flex;}.elementor-1904 .elementor-element.elementor-element-6ae51d5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;}.elementor-1904 .elementor-element.elementor-element-5d39db7{width:auto;max-width:auto;}.elementor-1904 .elementor-element.elementor-element-5d39db7 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1904 .elementor-element.elementor-element-5d39db7 .jeg-elementor-kit.jkit-search .jkit-search-modal i{font-size:20px;}.elementor-1904 .elementor-element.elementor-element-5d39db7 .jeg-elementor-kit.jkit-search .jkit-search-modal svg{width:20px;fill:#64748B;}.elementor-1904 .elementor-element.elementor-element-5d39db7 .jeg-elementor-kit.jkit-search{text-align:center;}.elementor-1904 .elementor-element.elementor-element-5d39db7 .jeg-elementor-kit.jkit-search .jkit-search-modal{color:#64748B;margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;text-align:center;width:40px;height:40px;line-height:40px;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li:not(.hover-gradient, .current-menu-item):hover > a, .elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.hover-gradient > a:before{background-color:#E8EAFF;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.current-menu-item > a, .elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu > li.current-menu-ancestor > a{background-color:#E8EAFF;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu > ul, .elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper:not(.active) .jkit-menu, .elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper:not(.active) .jkit-menu > li > a{display:flex;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu{justify-content:flex-end;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu .menu-item .sub-menu{left:unset;top:100%;right:unset;bottom:unset;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu .menu-item .sub-menu .menu-item .sub-menu{left:100%;top:unset;right:unset;bottom:unset;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper{height:60px;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children .sub-menu{min-width:220px;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu{float:right;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img{object-fit:cover;}.elementor-1904 .elementor-element.elementor-element-ccef872{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1904 .elementor-element.elementor-element-8b28116{width:auto;max-width:auto;}.elementor-1904 .elementor-element.elementor-element-8b28116 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1904 .elementor-element.elementor-element-8b28116 .jeg-elementor-kit.jkit-search .jkit-search-modal i{font-size:20px;}.elementor-1904 .elementor-element.elementor-element-8b28116 .jeg-elementor-kit.jkit-search .jkit-search-modal svg{width:20px;fill:#64748B;}.elementor-1904 .elementor-element.elementor-element-8b28116 .jeg-elementor-kit.jkit-search{text-align:center;}.elementor-1904 .elementor-element.elementor-element-8b28116 .jeg-elementor-kit.jkit-search .jkit-search-modal{color:#64748B;margin:5px 5px 5px 5px;padding:0px 0px 0px 0px;text-align:center;width:40px;height:40px;line-height:40px;}.elementor-1904 .elementor-element.elementor-element-28bb377 .elementor-button{background-color:#000435;font-size:11px;border-radius:50px 50px 50px 50px;}.elementor-1904 .elementor-element.elementor-element-f5a666b .elementor-button{background-color:#A0A0A0;font-size:11px;border-radius:50px 50px 50px 50px;}.elementor-1904 .elementor-element.elementor-element-f5a666b.elementor-element{--align-self:center;}.elementor-1904 .elementor-element.elementor-element-f5a666b .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-1904 .elementor-element.elementor-element-83c62a9 .elementor-button{background-color:#A0A0A0;font-size:11px;border-radius:50px 50px 50px 50px;}@media(max-width:1024px){.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img{max-width:260px;}}@media(min-width:768px){.elementor-1904 .elementor-element.elementor-element-d7ac176{--content-width:1100px;}.elementor-1904 .elementor-element.elementor-element-e573a20{--width:15%;}.elementor-1904 .elementor-element.elementor-element-6ae51d5{--width:60%;}.elementor-1904 .elementor-element.elementor-element-ccef872{--width:20%;}}@media(max-width:767px){.elementor-1904 .elementor-element.elementor-element-d7ac176{--flex-wrap:wrap;}.elementor-1904 .elementor-element.elementor-element-e573a20{--width:40%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1904 .elementor-element.elementor-element-6ae51d5{--width:40%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1904 .elementor-element.elementor-element-5d39db7 > .elementor-widget-container{margin:0px -20px -9px 0px;padding:0px 0px 0px 0px;}.elementor-1904 .elementor-element.elementor-element-73c587e{width:var( --container-widget-width, 58px );max-width:58px;--container-widget-width:58px;--container-widget-flex-grow:0;}.elementor-1904 .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title .jkit-nav-logo img{max-width:240px;}.elementor-1904 .elementor-element.elementor-element-ccef872{--width:73%;--margin-top:-17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu { display: block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { width: 100%; max-width: 360px; border-radius: 0; background-color: #f7f7f7; width: 100%; position: fixed; top: 0; left: -110%; height: 100%!important; box-shadow: 0 10px 30px 0 rgba(255,165,0,0); overflow-y: auto; overflow-x: hidden; padding-top: 0; padding-left: 0; padding-right: 0; display: flex; flex-direction: column-reverse; justify-content: flex-end; -moz-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; -webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; -o-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; -ms-transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; transition: left .6s cubic-bezier(.6,.1,.68,.53), width .6s; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper.active { left: 0; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu-container { overflow-y: hidden; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel { padding: 10px 0px 10px 0px; display: block; position: relative; z-index: 5; width: 100%; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-nav-site-title { display: inline-block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-nav-identity-panel .jkit-close-menu { display: block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu { display: block; height: 100%; overflow-y: auto; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children > a i { margin-left: auto; border: 1px solid var(--jkit-border-color); border-radius: 3px; padding: 4px 15px; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children > a svg { margin-left: auto; border: 1px solid var(--jkit-border-color); border-radius: 3px; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li.menu-item-has-children .sub-menu { position: inherit; box-shadow: none; background: none; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li { display: block; width: 100%; position: inherit; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li .sub-menu { display: none; max-height: 2500px; opacity: 0; visibility: hidden; transition: max-height 5s ease-out; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li .sub-menu.dropdown-open { display: block; opacity: 1; visibility: visible; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a { display: block; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a i { float: right; } }@media (max-width: 1024px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu li a svg { float: right } }@media (min-width: 1025px) {.elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper .jkit-menu-container { height: 100%; } }@media (max-width: 1024px) {.admin-bar .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { top: 32px; } }@media (max-width: 782px) {.admin-bar .elementor-element.elementor-element-73c587e .jeg-elementor-kit.jkit-nav-menu .jkit-menu-wrapper { top: 46px; } }
/* Start custom CSS for container, class: .elementor-element-d7ac176 *//* --- APPLY STYLES ONLY TO DESKTOP (SCREENS WIDER THAN 1023px) --- */
@media (min-width: 1024px) {

    /* --- MEDISYNTH FINAL POLISH --- */

    /* 1. CONTAINER & ALIGNMENT */
    .medisynth-menu-pro .jeg-elementor-kit-nav-menu,
    .medisynth-menu-pro ul {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important; /* Slightly tighter gap */
    }

    /* 2. MENU ITEM BASE STYLE (Reset) */
    .medisynth-menu-pro .menu-item a {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        height: 42px !important;
        
        font-family: 'Roboto', sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        line-height: 1.15 !important;
        text-align: center !important;
        letter-spacing: 0.3px;
        
        color: #475569 !important; /* Slate Grey Text */
        background-color: transparent !important; /* Force Transparent default */
        padding: 0 14px !important;
        border-radius: 6px !important;
        border: 1px solid transparent !important; /* Placeholder border */
        transition: all 0.2s ease;
    }



    /* 4. ACTIVE & HOVER STATE (The Clean Light Blue) */
    /* This fixes the purple color issue */
    .medisynth-menu-pro .menu-item a:hover,
    .medisynth-menu-pro .menu-item.current-menu-item > a,
    .medisynth-menu-pro .menu-item.current-menu-ancestor > a {
        background-color: #F0F9FF !important; /* very light blue */
        color: #0284C7 !important; /* MediSynth Blue */
        border-color: transparent !important;
    }

    /* 5. FIX DROPDOWN ARROWS (Make them subtle) */
    .medisynth-menu-pro .fa-angle-down,
    .medisynth-menu-pro .jeg-sub-arrow {
        font-size: 9px !important; /* Tiny */
        color: #94A3B8 !important; /* Light Grey */
        margin-left: 4px !important;
        font-weight: 400 !important; /* Not bold */
    }

    /* --- 6. SUBMENU VERTICAL STACK FIX --- */

    /* The Container: Force it to be a narrow vertical box */
    .medisynth-menu-pro .sub-menu {
        display: block !important; /* Disables flex/horizontal layout */
        width: 220px !important;   /* Fixed width for a neat vertical list */
        min-width: 220px !important;
        max-width: 220px !important;
        
        background: #FFFFFF !important;
        border-radius: 0 0 6px 6px !important;
        box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.15) !important;
        
        /* The Top Border: Now it will only be 220px wide (same as the list) */
        border-top: 2px solid #0284C7 !important; 
        
        padding: 8px 0 !important;
        margin-top: 0px !important; /* Aligns smoothly under the parent */
        position: absolute !important;
        left: 0 !important; /* Aligns left edge with the parent item */
    }

    /* The Items: Force them to stack one on top of another */
    .medisynth-menu-pro .sub-menu .menu-item {
        display: block !important; /* Makes them stack vertically */
        width: 100% !important;    /* Fills the 220px container */
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* The Links: Styling the text inside the vertical list */
    .medisynth-menu-pro .sub-menu .menu-item a {
        display: block !important; /* Ensures the whole row is clickable */
        width: 100% !important;
        padding: 10px 20px !important; /* Nice breathing room */
        
        text-align: left !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        text-transform: none !important; /* Normal case */
        color: #475569 !important;
        background-color: transparent !important;
        
        border-left: 3px solid transparent !important; /* Prepares for hover effect */
        border-radius: 0 !important; /* Sharp corners for list items */
    }
    
    /* Desktop Hover Effect */
    .medisynth-menu-pro .sub-menu .menu-item a:hover {
        background-color: #F8FAFC !important;
        color: #0284C7 !important; 
        border-left: 3px solid #0284C7 !important;
    }

    /* 7. RIGHT SIDE TOOLS (Tightening) */
    .header-search-icon {
        color: #64748B !important;
        margin-right: 0 !important;
        padding-right: 15px !important;
        border-right: 1px solid #E2E8F0; /* Thin Vertical Divider */
        height: 24px; /* Height of divider */
        display: flex;
        align-items: center;
    }

} /* --- END OF DESKTOP-ONLY STYLES --- */


/* --- SUBMENU HOVER/ACTIVE EFFECT (FOR ALL DEVICES) --- */
/* This gives the "tap" effect on mobile and hover on desktop */

.medisynth-menu-pro .sub-menu .menu-item a:hover,
.medisynth-menu-pro .sub-menu .menu-item a:active { /* :active is for mobile tap */
    background-color: #F8FAFC !important; /* Very light grey */
    color: #0284C7 !important; /* MediSynth Blue */
    
    /* We add a left padding to make space for the border */
    /* 20px - 3px = 17px to keep text aligned */
    padding-left: 17px !important; 
    border-left: 3px solid #0284C7 !important; /* The Blue Line */
}/* End custom CSS */