.elementor-15 .elementor-element.elementor-element-bc835a6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-15 .elementor-element.elementor-element-c7fb91f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-15 .elementor-element.elementor-element-4a80e93{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:10px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-15 .elementor-element.elementor-element-b4623ad{--display:flex;}.elementor-15 .elementor-element.elementor-element-6f51ec0{--display:flex;}.elementor-15 .elementor-element.elementor-element-c5ef99d{--display:flex;}.elementor-15 .elementor-element.elementor-element-c7cffbb{--display:flex;}.elementor-15 .elementor-element.elementor-element-46c4e68{--display:flex;}.elementor-15 .elementor-element.elementor-element-5b66d89{--display:flex;}.elementor-15 .elementor-element.elementor-element-6b6f262{--display:flex;}.elementor-15 .elementor-element.elementor-element-8109f27{--display:flex;}.elementor-15 .elementor-element.elementor-element-fff1393{--display:flex;}.elementor-15 .elementor-element.elementor-element-ebe8f84{--display:flex;}.elementor-15 .elementor-element.elementor-element-c8b9399{--display:flex;}.elementor-15 .elementor-element.elementor-element-8554ff0{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-15 .elementor-element.elementor-element-03e6f39{--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-15 .elementor-element.elementor-element-22637ba{--e-image-carousel-slides-to-show:1;}.elementor-15 .elementor-element.elementor-element-22637ba .elementor-swiper-button.elementor-swiper-button-prev, .elementor-15 .elementor-element.elementor-element-22637ba .elementor-swiper-button.elementor-swiper-button-next{font-size:17px;color:var( --e-global-color-a0a432d );}.elementor-15 .elementor-element.elementor-element-22637ba .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-15 .elementor-element.elementor-element-22637ba .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-a0a432d );}.elementor-15 .elementor-element.elementor-element-636f43b{--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-15 .elementor-element.elementor-element-be57766{--display:flex;}.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-15 .elementor-element.elementor-element-e49605b{text-align:center;}.elementor-15 .elementor-element.elementor-element-e49605b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:30px;font-weight:700;color:var( --e-global-color-text );}.elementor-15 .elementor-element.elementor-element-eb6956b{--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-15 .elementor-element.elementor-element-e80772c{--display:flex;}.elementor-15 .elementor-element.elementor-element-aea1af5{--display:flex;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C4C4C4;--border-color:#C4C4C4;--border-radius:8px 8px 8px 8px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-2f4b764{--display:flex;--min-height:198px;}.elementor-15 .elementor-element.elementor-element-2f4b764:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-2f4b764 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://darkslateblue-rabbit-577602.hostingersite.com/wp-content/uploads/2026/02/Signs_Homepage.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-15 .elementor-element.elementor-element-916abfd{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-15 .elementor-element.elementor-element-060d2bf{width:100%;max-width:100%;text-align:start;}.elementor-15 .elementor-element.elementor-element-060d2bf .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-15 .elementor-element.elementor-element-abfc450 .elementor-button{background-color:#FFCC0000;fill:#297AFF;color:#297AFF;padding:15px 15px 15px 15px;}.elementor-15 .elementor-element.elementor-element-abfc450{width:var( --container-widget-width, 54% );max-width:54%;margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:54%;--container-widget-flex-grow:0;}.elementor-15 .elementor-element.elementor-element-abfc450 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-aea1af5{--width:21%;}}/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a738283 *//* ===============================
   PRO ELEMENTOR DROPDOWN (NO FLICKER)
================================ */

.elementor-nav-menu,
.elementor-nav-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.elementor-nav-menu a {
  display: block;
  padding: 10px 14px;
  color: #222;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

.elementor-nav-menu a:hover {
  background-color: #f5f5f5;
  color: #007bff;
}

/* ===============================
   BASE
================================ */

.elementor-nav-menu > li {
  position: relative;
  display: inline-block;
}

/* ===============================
   SUB MENU CORE
================================ */

.elementor-nav-menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 15px 40px rgba(0,0,0,.15);

  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition:
    opacity .2s ease,
    transform .2s ease,
    visibility 0s linear .2s;

  z-index: 999;
}

/* show */
.elementor-nav-menu li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

/* ===============================
   FLYOUT LEVELS
================================ */

.elementor-nav-menu .sub-menu li {
  position: relative;
}

.elementor-nav-menu .sub-menu .sub-menu {
  top: 0;
  left: 100%;
  margin-left: 6px;
  transform: translateX(8px);
}

/* ===============================
   HOVER SAFE ZONE (KEY PART)
================================ */

.elementor-nav-menu .menu-item-has-children > .sub-menu::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
}

/* keep submenu alive */
.elementor-nav-menu .menu-item-has-children:hover > .sub-menu {
  pointer-events: auto;
}

/* ===============================
   ARROWS
================================ */

.elementor-nav-menu .menu-item-has-children > a {
  padding-right: 30px;
}

.elementor-nav-menu .menu-item-has-children > a::after {
  content: "▸";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: #999;
}

.elementor-nav-menu > .menu-item-has-children > a::after {
  content: "▾";
}

/* ===============================
   ACTIVE PATH
================================ */

.elementor-nav-menu .current-menu-item > a,
.elementor-nav-menu .current-menu-ancestor > a {
  color: #007bff;
  font-weight: 600;
}
/* ===============================
   KEEP PARENT HIGHLIGHTED
================================ */

/* هر آیتمی که خودش یا زیرمنوش hover شده */
.elementor-nav-menu li:hover > a {
  background-color: #f2f4f7;
  color: #007bff;
}

/* مسیر کامل والدها */
.elementor-nav-menu li:hover > a,
.elementor-nav-menu li:hover > a:hover {
  font-weight: 500;
}

/* اگر خواستی سطح‌ها کمی متفاوت باشند */
.elementor-nav-menu > li:hover > a {
  background-color: #eef2f6; /* level 1 */
}

.elementor-nav-menu .sub-menu li:hover > a {
  background-color: #f7f9fc; /* level 2+ */
}

/* فلش هم فعال بماند */
.elementor-nav-menu li:hover > a::after {
  color: #007bff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aea1af5 *//* ===============================
   CONTAINER HOVER → CHANGE BUTTON/LINK
================================ */

/* ترنزیشن نرم برای لینک‌ها و دکمه‌ها */
.hover-btn-parent a,
.hover-btn-parent .elementor-button {
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

/* وقتی کل کانتینر hover شد */
.hover-btn-parent:hover a.all-product,
.hover-btn-parent:hover .elementor-button {
  background-color: #297AFF !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(41, 122, 255, 0.35);
  transform: translateY(-2px);
 border-radius: 5px;
}

/* آیکن‌ها (FontAwesome / SVG) */
.hover-btn-parent:hover i,
.hover-btn-parent:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}/* End custom CSS */