.elementor-406 .elementor-element.elementor-element-c44ddf1{--display:flex;--min-height:500px;--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-406 .elementor-element.elementor-element-c44ddf1:not(.elementor-motion-effects-element-type-background), .elementor-406 .elementor-element.elementor-element-c44ddf1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBEBEB;}.elementor-406 .elementor-element.elementor-element-e55b2a5{transition:background 0s;}.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-e55b2a5 */**کد CSS که ارسال کردید بسیار عالی، کامل و حرفه‌ای است و دقیقاً با ساختار HTML که در مرحله قبل داشتیم، هماهنگ است. این کد به هیچ تغییری نیاز ندارد و تمام جنبه‌های لازم را پوشش می‌دهد.**

-----

### \#\# **نکات مثبت و کلیدی کد CSS شما**

  * **چیدمان کاملاً صحیح: شما به درستی از `display: flex` برای کنار هم قرار دادن ستون‌ها و از `flex-wrap: wrap` برای نمایش صحیح در دستگاه‌های مختلف استفاده کرده‌اید.**
  * **واکنش‌گرایی (Responsive): بخش `@media` به خوبی تعریف شده تا در صفحه‌های کوچکتر (مانند موبایل)، ستون‌ها به جای فشرده شدن، به صورت خوانا زیر هم قرار بگیرند.**
  * **افکت‌های بصری جذاب (Hover): افکت‌های `hover` که برای لینک‌ها، آیکون‌های اجتماعی و دکمه در نظر گرفته‌اید، تجربه کاربری را بسیار بهتر می‌کند.**
  * **استایل‌دهی دقیق و زیبا: انتخاب رنگ‌ها، فونت، فاصله‌گذاری‌ها و خطوط جداکننده، ظاهری شیک و حرفه‌ای به فوتر شما بخشیده است.**

-----

### \#\# **کد CSS نهایی (تایید شده و بدون نیاز به تغییر)**

**این کد کاملاً آماده استفاده است و نیازی به هیچ اصلاحی ندارد. می‌توانید با اطمینان کامل از آن در پروژه خود استفاده کنید:**

```css
/* ========================================= */
/* استایل‌های فوتر وب‌سایت MindBe9      */
/* ========================================= */

/* --- استایل کلی فوتر --- */
.mindbe9-footer {
    background-color: #2c3e50; /* یک رنگ خاکستری-سرمه‌ای تیره و شیک */
    color: #ecf0f1; /* رنگ متن روشن برای کنتراست بالا */
    padding: 50px 20px 0; /* فاصله از بالا و اطراف */
    font-family: 'Vazir', sans-serif; /* فونتی که مشخص کردی */
    text-align: right; /* راست‌چین کردن کل محتوای فوتر */
}

/* --- نگهدارنده ستون‌ها --- */
.footer-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; /* برای نمایش بهتر در موبایل */
    max-width: 1200px; /* عرض حداکثری محتوای فوتر */
    margin: 0 auto; /* وسط‌چین کردن نگهدارنده */
    padding-bottom: 40px;
}

/* --- استایل مشترک ستون‌ها --- */
.footer-column {
    flex: 1;
    min-width: 280px; /* حداقل عرض هر ستون قبل از شکستن */
    margin: 15px;
}

/* --- عناوین ستون‌ها (نقشه سایت و ...) --- */
.footer-column h3 {
    color: #1abc9c; /* همون رنگ سبز سایتت برای تاکید */
    margin-bottom: 20px;
    font-size: 1.3em;
    border-bottom: 2px solid #34495e; /* یک خط جداکننده ظریف */
    padding-bottom: 10px;
}

/* --- استایل لیست‌ها و لینک‌ها --- */
.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li {
    margin-bottom: 12px;
}

.footer-column a {
    color: #ecf0f1;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-column a:hover {
    color: #1abc9c; /* تغییر رنگ لینک‌ها با هاور موس */
}

/* --- استایل خاص آیکون‌های شبکه‌های اجتماعی --- */
.social-icons a {
    font-size: 2em; /* اندازه بزرگ و قابل کلیک */
    margin-left: 15px; /* فاصله بین آیکون‌ها */
}
.social-icons a:last-child {
    margin-left: 0;
}
.social-icons a:hover i {
    transform: scale(1.2); /* کمی بزرگنمایی روی آیکون‌ها */
    transition: transform 0.3s ease;
}


/* --- استایل دکمه رزرو مشاوره --- */
.cta-button {
    background-color: #1abc9c; /* رنگ سبز اصلی */
    color: #ffffff !important; /* رنگ متن سفید و مهم برای بازنویسی استایل‌های دیگر */
    padding: 12px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 15px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.cta-button:hover {
    background-color: #16a085; /* کمی تیره‌تر شدن هنگام هاور */
    color: #ffffff !important;
}


/* --- بخش کپی‌رایت پایین فوتر --- */
.footer-bottom {
    text-align: center;
    padding: 20px 0;
    border-top: 1px solid #34495e; /* خط جداکننده از بالای بخش */
    margin-top: 20px;
}

.footer-bottom p {
    margin: 0;
    font-size: 0.9em;
    color: #bdc3c7; /* کمی محوتر از متن اصلی */
}

/* --- واکنش‌گرایی برای موبایل --- */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; /* ستون‌ها زیر هم قرار می‌گیرند */
        align-items: center; /* محتوا در مرکز قرار می‌گیرد */
        text-align: center;
    }

    .footer-column {
        width: 100%;
        max-width: 400px;
    }
    
    .social-icons a {
        margin: 0 10px; /* تغییر فاصله در موبایل */
    }
}
```/* End custom CSS */