.elementor-2665 .elementor-element.elementor-element-c1fb823{--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:auto;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-c1fb823.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2665 .elementor-element.elementor-element-a515b07 .e-search-submit{background-color:#FFFFFF00;border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E7EB;}.elementor-2665 .elementor-element.elementor-element-a515b07.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2665 .elementor-element.elementor-element-a515b07 .e-search-input{font-family:"Vazirmatn", Sans-serif;border-style:solid;border-width:0px 0px 1px 0px;border-color:#E5E7EB;}.elementor-2665 .elementor-element.elementor-element-a515b07{--e-search-placeholder-color:#64748B;--e-search-submit-margin-inline-start:0px;--e-search-submit-icon-gap:0px;--e-search-icon-submit-color:#64748B;}.elementor-2665 .elementor-element.elementor-element-6c162ae{--display:flex;}.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown a, .elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown a:hover,
					.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown a:focus,
					.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFF7ED;}.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown .elementor-item, .elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Vazirmatn", Sans-serif;}.elementor-2665 .elementor-element.elementor-element-f09f8a3{--display:flex;}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-2665 .elementor-element.elementor-element-353ff9b{--e-icon-list-icon-size:13px;--e-icon-list-icon-align:right;--e-icon-list-icon-margin:0 0 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item > a{font-family:"Vazirmatn", Sans-serif;font-size:14px;font-weight:600;}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-2665 .elementor-element.elementor-element-03ec00e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:14px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:14px;--n-tabs-title-font-size:15px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-primary );}.elementor-2665 .elementor-element.elementor-element-03ec00e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-2665 .elementor-element.elementor-element-03ec00e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-2665 .elementor-element.elementor-element-03ec00e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-2665 .elementor-element.elementor-element-03ec00e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;border-style:solid;border-width:0px 0px 2px 0px;border-color:var( --e-global-color-primary );}.elementor-2665 .elementor-element.elementor-element-03ec00e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Vazirmatn", Sans-serif;font-weight:700;}.elementor-2665 .elementor-element.elementor-element-03ec00e [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}#elementor-popup-modal-2665 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2665{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-2665 .dialog-message{width:335px;height:100vh;align-items:flex-start;}@media(max-width:1024px){#elementor-popup-modal-2665{justify-content:flex-start;}}@media(min-width:768px){.elementor-2665 .elementor-element.elementor-element-c1fb823{--width:109.375%;}}@media(max-width:767px){.elementor-2665 .elementor-element.elementor-element-c1fb823{--width:100%;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2665 .elementor-element.elementor-element-a515b07{width:var( --container-widget-width, 311px );max-width:311px;--container-widget-width:311px;--container-widget-flex-grow:0;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:12px;--e-search-icon-submit-size:20px;}.elementor-2665 .elementor-element.elementor-element-a515b07 .e-search-input{font-size:13px;border-width:0px 0px 1px 0px;}.elementor-2665 .elementor-element.elementor-element-a515b07 .e-search-submit{border-width:0px 0px 1px 0px;}.elementor-2665 .elementor-element.elementor-element-03ec00e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;padding:0px 16px 0px 16px;}#elementor-popup-modal-2665 .dialog-message{width:320px;}#elementor-popup-modal-2665{justify-content:flex-start;align-items:flex-start;}}/* Start custom CSS for nav-menu, class: .elementor-element-8a83ea0 *//* ==========================================
   استایل اختصاصی منوی کشویی موبایل - آترا نیرو
   ========================================== */

/* ۱. ساختار ردیف برای جدا شدن متن از فلش و استایل کلی */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li a {
    font-family: inherit;
    transition: all 0.25s ease-in-out;
    border-radius: 8px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* ۲. استایل آیتم‌های اصلی (سطح اول) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #F1F5F9;
}

/* ۳. هاور و حالت فعال آیتم‌های اصلی */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li > a:hover,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li.current-menu-item > a {
    color: #ff6a00 !important; /* رنگ نارنجی برند */
    background-color: #FFF7ED; /* پس‌زمینه ملایم نارنجی */
    border-right: 4px solid #ff6a00; /* نوار عمودی سمت راست */
}

/* ۴. کادر و فاصله کلی کانتینر زیردسته‌ها */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu {
    background-color: #F8FAFC !important;
    border-radius: 8px;
    padding: 8px 6px !important;
    margin-top: 6px;
    margin-bottom: 8px;
}

/* ۵. ایجاد فاصله عمودی بین خود آیتم‌های زیردسته (حل مشکل چسبیدگی) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li {
    margin-bottom: 6px !important;
}

.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li:last-child {
    margin-bottom: 0 !important;
}

/* ۶. استایل آیتم‌های زیردسته (سطح دو) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    padding: 8px 16px 8px 10px !important; /* تورفتگی از سمت راست */
}

/* ۷. استایل زیردسته‌های عمیق‌تر (سطح سه) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu .sub-menu li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #64748B !important;
    padding-right: 28px !important; /* تورفتگی بیشتر برای سطح ۳ */
}

/* ۸. هاور زیردسته‌ها */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li a:hover {
    color: #ff6a00 !important;
    background-color: rgba(255, 106, 0, 0.06);
}

/* ۹. جدا کردن آیکون/فلش به عنوان یک دکمه لمسی مجزا در سمت چپ */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu .sub-arrow {
    transition: transform 0.3s ease;
    margin-left: 0 !important;
    margin-right: auto !important; /* انتقال فلش به انتهای سمت چپ */
    color: #94A3B8;
    padding: 8px 12px !important; /* بزرگ‌تر کردن منطقه کلیک انگشت */
    cursor: pointer !important;
    border-radius: 6px;
}

/* ۱۰. چرخش فلش موقع باز شدن زیرمنو (سازگار با المنتور و JS) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li.elementor-active > a .sub-arrow,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li > a .sub-arrow.up,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li.highlight > a .sub-arrow {
    transform: rotate(180deg);
    color: #ff6a00;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-353ff9b *//* ==========================================
   استایل دکمه‌ای اختصاصی برای Icon List موبایل
   ========================================== */

/* ۱. تبدیل هر آیتم به یک کارت لمس‌پذیر */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item {
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    transition: all 0.2s ease-in-out !important;
}

/* ۲. حالت هاور / لمس شدن دکمه‌ها */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover,
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:active {
    background-color: #FFF7ED !important; /* پس‌زمینه ملایم نارنجی */
    border-color: #FFEDD5 !important;
    transform: translateX(-4px) !important; /* حرکت خیلی ملایم به سمت چپ */
}

/* ۳. تنظیم دقیق جابجایی و فاصله آیکون تا متن */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    color: #E05628 !important; /* رنگ آیکون‌ها */
}

/* ۴. استایل متن داخل دکمه‌ها */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
}

/* تغییر رنگ متن موقع هاور */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #E05628 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8a83ea0 *//* ==========================================
   استایل اختصاصی منوی کشویی موبایل - آترا نیرو
   ========================================== */

/* ۱. ساختار ردیف برای جدا شدن متن از فلش و استایل کلی */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li a {
    font-family: inherit;
    transition: all 0.25s ease-in-out;
    border-radius: 8px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* ۲. استایل آیتم‌های اصلی (سطح اول) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #F1F5F9;
}

/* ۳. هاور و حالت فعال آیتم‌های اصلی */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li > a:hover,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li.current-menu-item > a {
    color: #ff6a00 !important; /* رنگ نارنجی برند */
    background-color: #FFF7ED; /* پس‌زمینه ملایم نارنجی */
    border-right: 4px solid #ff6a00; /* نوار عمودی سمت راست */
}

/* ۴. کادر و فاصله کلی کانتینر زیردسته‌ها */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu {
    background-color: #F8FAFC !important;
    border-radius: 8px;
    padding: 8px 6px !important;
    margin-top: 6px;
    margin-bottom: 8px;
}

/* ۵. ایجاد فاصله عمودی بین خود آیتم‌های زیردسته (حل مشکل چسبیدگی) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li {
    margin-bottom: 6px !important;
}

.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li:last-child {
    margin-bottom: 0 !important;
}

/* ۶. استایل آیتم‌های زیردسته (سطح دو) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    padding: 8px 16px 8px 10px !important; /* تورفتگی از سمت راست */
}

/* ۷. استایل زیردسته‌های عمیق‌تر (سطح سه) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu .sub-menu li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #64748B !important;
    padding-right: 28px !important; /* تورفتگی بیشتر برای سطح ۳ */
}

/* ۸. هاور زیردسته‌ها */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li a:hover {
    color: #ff6a00 !important;
    background-color: rgba(255, 106, 0, 0.06);
}

/* ۹. جدا کردن آیکون/فلش به عنوان یک دکمه لمسی مجزا در سمت چپ */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu .sub-arrow {
    transition: transform 0.3s ease;
    margin-left: 0 !important;
    margin-right: auto !important; /* انتقال فلش به انتهای سمت چپ */
    color: #94A3B8;
    padding: 8px 12px !important; /* بزرگ‌تر کردن منطقه کلیک انگشت */
    cursor: pointer !important;
    border-radius: 6px;
}

/* ۱۰. چرخش فلش موقع باز شدن زیرمنو (سازگار با المنتور و JS) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li.elementor-active > a .sub-arrow,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li > a .sub-arrow.up,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li.highlight > a .sub-arrow {
    transform: rotate(180deg);
    color: #ff6a00;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-353ff9b *//* ==========================================
   استایل دکمه‌ای اختصاصی برای Icon List موبایل
   ========================================== */

/* ۱. تبدیل هر آیتم به یک کارت لمس‌پذیر */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item {
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    transition: all 0.2s ease-in-out !important;
}

/* ۲. حالت هاور / لمس شدن دکمه‌ها */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover,
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:active {
    background-color: #FFF7ED !important; /* پس‌زمینه ملایم نارنجی */
    border-color: #FFEDD5 !important;
    transform: translateX(-4px) !important; /* حرکت خیلی ملایم به سمت چپ */
}

/* ۳. تنظیم دقیق جابجایی و فاصله آیکون تا متن */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    color: #E05628 !important; /* رنگ آیکون‌ها */
}

/* ۴. استایل متن داخل دکمه‌ها */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
}

/* تغییر رنگ متن موقع هاور */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #E05628 !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-8a83ea0 *//* ==========================================
   استایل اختصاصی منوی کشویی موبایل - آترا نیرو
   ========================================== */

/* ۱. ساختار ردیف برای جدا شدن متن از فلش و استایل کلی */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li a {
    font-family: inherit;
    transition: all 0.25s ease-in-out;
    border-radius: 8px;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* ۲. استایل آیتم‌های اصلی (سطح اول) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li > a {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #F1F5F9;
}

/* ۳. هاور و حالت فعال آیتم‌های اصلی */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li > a:hover,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu > li.current-menu-item > a {
    color: #ff6a00 !important; /* رنگ نارنجی برند */
    background-color: #FFF7ED; /* پس‌زمینه ملایم نارنجی */
    border-right: 4px solid #ff6a00; /* نوار عمودی سمت راست */
}

/* ۴. کادر و فاصله کلی کانتینر زیردسته‌ها */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu {
    background-color: #F8FAFC !important;
    border-radius: 8px;
    padding: 8px 6px !important;
    margin-top: 6px;
    margin-bottom: 8px;
}

/* ۵. ایجاد فاصله عمودی بین خود آیتم‌های زیردسته (حل مشکل چسبیدگی) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li {
    margin-bottom: 6px !important;
}

.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li:last-child {
    margin-bottom: 0 !important;
}

/* ۶. استایل آیتم‌های زیردسته (سطح دو) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #475569 !important;
    padding: 8px 16px 8px 10px !important; /* تورفتگی از سمت راست */
}

/* ۷. استایل زیردسته‌های عمیق‌تر (سطح سه) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu .sub-menu li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #64748B !important;
    padding-right: 28px !important; /* تورفتگی بیشتر برای سطح ۳ */
}

/* ۸. هاور زیردسته‌ها */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .sub-menu li a:hover {
    color: #ff6a00 !important;
    background-color: rgba(255, 106, 0, 0.06);
}

/* ۹. جدا کردن آیکون/فلش به عنوان یک دکمه لمسی مجزا در سمت چپ */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu .sub-arrow {
    transition: transform 0.3s ease;
    margin-left: 0 !important;
    margin-right: auto !important; /* انتقال فلش به انتهای سمت چپ */
    color: #94A3B8;
    padding: 8px 12px !important; /* بزرگ‌تر کردن منطقه کلیک انگشت */
    cursor: pointer !important;
    border-radius: 6px;
}

/* ۱۰. چرخش فلش موقع باز شدن زیرمنو (سازگار با المنتور و JS) */
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li.elementor-active > a .sub-arrow,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li > a .sub-arrow.up,
.elementor-2665 .elementor-element.elementor-element-8a83ea0 .elementor-nav-menu li.highlight > a .sub-arrow {
    transform: rotate(180deg);
    color: #ff6a00;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-353ff9b *//* ==========================================
   استایل دکمه‌ای اختصاصی برای Icon List موبایل
   ========================================== */

/* ۱. تبدیل هر آیتم به یک کارت لمس‌پذیر */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item {
    background-color: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    transition: all 0.2s ease-in-out !important;
}

/* ۲. حالت هاور / لمس شدن دکمه‌ها */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover,
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:active {
    background-color: #FFF7ED !important; /* پس‌زمینه ملایم نارنجی */
    border-color: #FFEDD5 !important;
    transform: translateX(-4px) !important; /* حرکت خیلی ملایم به سمت چپ */
}

/* ۳. تنظیم دقیق جابجایی و فاصله آیکون تا متن */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 10px !important;
    margin-right: 0 !important;
    color: #E05628 !important; /* رنگ آیکون‌ها */
}

/* ۴. استایل متن داخل دکمه‌ها */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
}

/* تغییر رنگ متن موقع هاور */
.elementor-2665 .elementor-element.elementor-element-353ff9b .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #E05628 !important;
}/* End custom CSS */