.elementor-131 .elementor-element.elementor-element-85403c4{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-d650f13 *//* ========================================================== */
/* تنظیمات استاندارد عمومی، اسکرول نرم و اسکرول بار سفارشی */
/* ========================================================== */

/* 1. تنظیمات عمومی ریشه (برای اسکرول نرم و جعبه بندی) */
:root {
    /* تعریف مجدد متغیرهای رنگی برای استفاده در کل سایت */
    --global-dark: #1A2B44; 
    --global-gold: #D4AF37;
    --global-light-text: #666666;
}

html {
    /* فعال‌سازی اسکرول نرم برای لینک‌های داخلی (مانند "برو به بالا") - استاندارد و امن برای سئو */
    scroll-behavior: smooth; 
    /* مدل جعبه‌بندی استاندارد برای طراحی ریسپانسیو بی‌نقص */
    box-sizing: border-box; 
}

*, *::before, *::after {
    /* اطمینان از اعمال box-sizing به تمام المان‌ها */
    box-sizing: inherit; 
}

/* 2. تنظیمات سفارشی نوار اسکرول (برای مرورگرهای Webkit: Chrome, Safari, Edge) */

/* کل نوار اسکرول */
::-webkit-scrollbar {
    width: 10px; /* عرض اسکرول بار */
    background-color: #F0F0F0; /* پس‌زمینه ردیاب روشن */
}

/* مسیر حرکت اسکرول (Track) */
::-webkit-scrollbar-track {
    background: #F0F0F0;
    border-radius: 10px;
}

/* دکمه کشویی اسکرول (Thumb) - طلایی و مینیمال */
::-webkit-scrollbar-thumb {
    background-color: var(--global-gold);
    border-radius: 10px;
    border: 2px solid #F0F0F0; /* حاشیه برای جدا شدن از مسیر */
    transition: background-color 0.3s ease;
}

/* افکت هاور روی دکمه اسکرول */
::-webkit-scrollbar-thumb:hover {
    background-color: var(--global-dark); /* تیره شدن در هنگام هاور */
}

/* 3. تنظیمات اسکرول بار برای مرورگر فایرفاکس (جدیدتر) */
/* نوار اسکرول باریک (thin) و رنگ دکمه (thumb) و مسیر (track) */
html {
    scrollbar-width: thin; 
    scrollbar-color: var(--global-gold) #F0F0F0;
}

/* 4. سایر تنظیمات جهانی فونت و انتخاب متن (برای جذابیت) */

/* رنگ انتخاب متن (وقتی کاربر متنی را هایلایت می‌کند) */
::selection {
    background: var(--global-gold);
    color: var(--global-dark);
}
::-moz-selection { /* برای فایرفاکس */
    background: var(--global-gold);
    color: var(--global-dark);
}/* End custom CSS */