.elementor-60894 .elementor-element.elementor-element-dc3fe12{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-60894 .elementor-element.elementor-element-59a01f6{--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;overflow:visible;}.elementor-60894 .elementor-element.elementor-element-59a01f6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-60894 .elementor-element.elementor-element-66658b1{--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;--justify-content:space-evenly;--align-items:center;overflow:visible;}.elementor-60894 .elementor-element.elementor-element-66658b1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-60894 .elementor-element.elementor-element-86b7668.elementor-element{--align-self:center;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a{color:#000000;padding:0px 15px 0px 15px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a:hover{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a:focus{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a:active{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li:hover > a{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li:hover > a .elementskit-submenu-indicator{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a:focus .elementskit-submenu-indicator{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a:active .elementskit-submenu-indicator{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li.current-menu-ancestor > a .elementskit-submenu-indicator{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator{color:#101010;fill:#101010;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a .ekit-submenu-indicator-icon{color:#101010;fill:#101010;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;color:#000000;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:hover{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:focus{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li > a:active{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a{color:#707070;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-submenu-panel{padding:15px 0px 15px 0px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-hamburger{float:right;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-hamburger > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-hamburger:hover .elementskit-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-hamburger:hover > .ekit-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-close{color:rgba(51, 51, 51, 1);}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-close:hover{color:rgba(0, 0, 0, 0.5);}@media(min-width:768px){.elementor-60894 .elementor-element.elementor-element-59a01f6{--width:13.94%;}.elementor-60894 .elementor-element.elementor-element-66658b1{--width:84.427%;}}@media(max-width:1024px){.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-nav-identity-panel{padding:10px 0px 10px 0px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-container{max-width:350px;border-radius:0px 0px 0px 0px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav > li > a{color:#000000;padding:10px 15px 10px 15px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel > li > a{padding:15px 15px 15px 15px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-navbar-nav .elementskit-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-hamburger{padding:8px 8px 8px 8px;width:45px;border-radius:3px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-nav-logo > img{max-width:160px;max-height:60px;}.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){.elementor-60894 .elementor-element.elementor-element-86b7668 .elementskit-nav-logo > img{max-width:120px;max-height:50px;}}/* Start custom CSS for container, class: .elementor-element-dc3fe12 *//* کد CSS سفارشی برای ایجاد یک هدر با چیدمان مرکزی و تمیز */

/* ============================================= */
/* ۱. تنظیمات کلی و چیدمان اصلی هدر
/* ============================================= */

/* انتخابگر اصلی برای هدف قرار دادن فقط این هدر */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #fff;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    position: sticky;
    top: 0;
    z-index: 999;
}

/* کلیدی‌ترین بخش: تنظیم چیدمان Flexbox برای مرکزگرایی */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 > .e-con-inner {
    display: flex;
    justify-content: center; /* تغییر کلیدی: عناصر را در مرکز قرار می‌دهد */
    align-items: center;
    width: 100%;
    padding: 1rem 2rem;
    gap: 48px; /* تغییر کلیدی: یک فاصله ثابت 48 پیکسلی بین لوگو و منو ایجاد می‌کند */
}

/* استایل‌دهی به کانتینر لوگو */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 .elementor-element[data-id="0a18d8a"] { /* ID کانتینر لوگوی شما */
    width: auto !important;
    flex-shrink: 0; 
}

.elementor-60894 .elementor-element.elementor-element-dc3fe12 .elementor-widget-image {
    max-width: 150px;
}

/* استایل‌دهی به کانتینر منو */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 .elementor-element[data-id="3f25e6b"] { /* ID کانتینر منوی شما */
    width: auto !important;
}


/* ============================================= */
/* ۲. زیباسازی منوی ElementsKit (نسخه ساده‌شده)
/* ============================================= */

/* تبدیل لیست منو به Flexbox برای چیدمان افقی */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 .elementskit-navbar-nav {
    display: flex !important;
    align-items: center !important;
    gap: 16px; /* فاصله بین آیتم‌های منو */
}

/* استایل‌دهی به لینک‌های منو */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 .ekit-wid-con .elementskit-navbar-nav > li > a {
    color: #374151 !important; /* رنگ متن */
    font-weight: 500;
    font-size: 16px;
    transition: color 0.3s ease;
}

.elementor-60894 .elementor-element.elementor-element-dc3fe12 .ekit-wid-con .elementskit-navbar-nav > li > a:hover {
    color: #4f46e5 !important; /* رنگ هاور */
}


/* ============================================= */
/* ۳. استایل‌دهی به دکمه فراخوان به اقدام (CTA)
/* ============================================= */

/* استایل‌دهی به دکمه CTA که کلاس سفارشی به آن دادیم */
.elementor-60894 .elementor-element.elementor-element-dc3fe12 .menu-item.header-cta-button > a {
    background-color: #4f46e5 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.elementor-60894 .elementor-element.elementor-element-dc3fe12 .menu-item.header-cta-button > a:hover {
    background-color: #4338ca !important;
    transform: translateY(-2px);
}


/* ============================================= */
/* ۴. استایل برای منوی موبایل (همبرگری)
/* ============================================= */

@media (max-width: 1024px) {
    /* در موبایل، چیدمان به حالت اولیه (پخش شده) برمی‌گردد */
    .elementor-60894 .elementor-element.elementor-element-dc3fe12 > .e-con-inner {
        justify-content: space-between;
    }
    
    /* مخفی کردن دکمه CTA در حالت موبایل برای سادگی */
    .elementor-60894 .elementor-element.elementor-element-dc3fe12 .menu-item.header-cta-button {
        display: none;
    }
    
    .elementor-60894 .elementor-element.elementor-element-dc3fe12 > .e-con-inner {
        padding: 0.5rem 1rem;
    }
}/* End custom CSS */