.elementor-38806 .elementor-element.elementor-element-effdc70{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:1px 1px 1px 1px;box-shadow:0px 0px 4px 0px rgba(0,0,0,0.5);}.elementor-38806 .elementor-element.elementor-element-9bbbd34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-38806 .elementor-element.elementor-element-9bbbd34.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-38806 .elementor-element.elementor-element-af6b50e.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-38806 .elementor-element.elementor-element-af6b50e{text-align:center;}.elementor-38806 .elementor-element.elementor-element-af6b50e .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-weight:600;}.elementor-38806 .elementor-element.elementor-element-7ad1f5d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-38806 .elementor-element.elementor-element-9bbbd34{--width:50%;}.elementor-38806 .elementor-element.elementor-element-7ad1f5d{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-effdc70 *//* Hide mega menu by default */
.mega-menu {
    display: none; /* Initially hidden */
    position: absolute; /* Positioning for menu */
    top: -5px;
    right: 0; /* Align to the right */
    z-index: 1000; /* Ensure it appears above other content */
}

/* Show mega menu on hover */
.elementor-nav-menu .elementor-item:hover .mega-menu {
    display: block; /* Show the mega menu */
    animation: slideInRight 0.5s forwards; /* Animation */
}

/* Keyframes for Slide In Right */
@keyframes slideInRight {
    from {
        transform: translateX(100%); /* Start from outside */
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}/* End custom CSS */