.elementor-834 .elementor-element.elementor-element-c94323d.elementor-element{--align-self:center;}.elementor-834 .elementor-element.elementor-element-c94323d img{width:171px;max-width:171px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-834 .elementor-element.elementor-element-3f1ebc0{--display:flex;}.elementor-834 .elementor-element.elementor-element-20e13bc{--display:flex;}.elementor-834 .elementor-element.elementor-element-57724fd{--display:flex;}.elementor-834 .elementor-element.elementor-element-dc2558c{--display:flex;}.elementor-834 .elementor-element.elementor-element-dc2558c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-834 .elementor-element.elementor-element-5b538eb{--display:flex;}.elementor-834 .elementor-element.elementor-element-69a7aca{--display:flex;}.elementor-834 .elementor-element.elementor-element-c8be279{--display:flex;}.elementor-834 .elementor-element.elementor-element-266f9cf{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-open-animation-duration:700ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:350ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color-hover:var( --e-global-color-astglobalcolor0 );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-astglobalcolor1 );--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-834 .elementor-element.elementor-element-266f9cf {--n-menu-title-color-hover:var( --e-global-color-astglobalcolor0 );--n-menu-title-color-active:var( --e-global-color-astglobalcolor1 );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-834 .elementor-element.elementor-element-dc2558c{--width:116.075%;}}@media(max-width:1024px){.elementor-834 .elementor-element.elementor-element-c94323d img{width:132px;max-width:132px;}}@media(max-width:767px){.elementor-834 .elementor-element.elementor-element-c94323d img{width:147px;max-width:147px;}}/* Start custom CSS *//* ================================
   MAZYON MEGA MENU — DYNAMIC IMAGE
================================ */

.mega-menu-dynamic-image {
  width: 100%;
  overflow: hidden;
}

.mega-menu-dynamic-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  opacity: 1;
  transform: scale(1);
  transition:
    opacity 320ms cubic-bezier(.22,.61,.36,1),
    transform 420ms cubic-bezier(.22,.61,.36,1);
}

/* الحالة المؤقتة أثناء تغيير الصورة */
.mega-menu-dynamic-image.is-changing img {
  opacity: 0;
  transform: scale(0.985);
}







/* ----------------------------------------------------------
   1. MAIN MEGA MENU
---------------------------------------------------------- */

.mega-menu-content {
    position: relative;
}


/* ----------------------------------------------------------
   2. COLLECTION LINKS
---------------------------------------------------------- */




.menu-item-1:hover,
.menu-item-2:hover,
.menu-item-3:hover,
.menu-item-4:hover,
.menu-item-5:hover {
    transform: translateX(8px);
}











/* ----------------------------------------------------------
   10. FADE OTHER MENU ITEMS
---------------------------------------------------------- */




/* ----------------------------------------------------------
   11. TABLET
---------------------------------------------------------- */

@media (max-width: 1024px) {

    .menu-images {
        aspect-ratio: 16 / 10;
    }
    
    
   
}

/* Dynamic Mega Menu Image */

img.mega-menu-dynamic-image {
  display: block !important;
  width: 70% !important;
  max-width: 70% !important;
  height: auto !important;
  margin-inline: auto !important;
  object-fit: contain !important;
  align-self: center !important;

  opacity: 1;
  transform: scale(1);

  transition:
    opacity 320ms cubic-bezier(.22,.61,.36,1),
    transform 420ms cubic-bezier(.22,.61,.36,1);
}

img.mega-menu-dynamic-image.is-changing {
  opacity: 0;
  transform: scale(.985);
}/* End custom CSS */