.elementor-1274 .elementor-element.elementor-element-0ad41ad{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1274 .elementor-element.elementor-element-91dbbdc{--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:center;--align-items:center;}.elementor-1274 .elementor-element.elementor-element-6788b52 img{border-radius:50px 50px 50px 50px;box-shadow:0px 0px 95px -10px rgba(207.88043478260872, 249.46857277882796, 255, 0.76);}.elementor-1274 .elementor-element.elementor-element-68de12a{--display:flex;}.elementor-1274 .elementor-element.elementor-element-072ebd3 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-1274 .elementor-element.elementor-element-91dbbdc{--width:50%;}.elementor-1274 .elementor-element.elementor-element-68de12a{--width:50%;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-072ebd3 *//* =========================================================
   ۱. اصلاح استایل‌های فیلد پیشرفته (Choices.js) برای حالت تیره
   ========================================================= */

/* پس‌زمینه و حاشیه منوی باز شده */
.fluentform .choices__list--dropdown, 
.fluentform .choices__list[aria-expanded] {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
}

/* رنگ متن گزینه‌های داخل منو */
.fluentform .choices__list--dropdown .choices__item {
    color: #ffffff !important;
}

/* رنگ پس‌زمینه و متن هنگام هاور شدن گزینه‌ها */
.fluentform .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* پس‌زمینه فیلد اصلی قبل از باز شدن */
.fluentform .choices__inner {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

/* رنگ متن فیلد انتخاب شده */
.fluentform .choices[data-type*="select-one"] .choices__inner .choices__item {
    color: #ffffff !important;
}

/* =========================================================
   ۲. اصلاح فیلدهای سلکت معمولی و رفع مشکل نمایش در موبایل
   ========================================================= */

.fluentform select {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    
    /* حذف استایل و فلش پیش‌فرض مرورگر در موبایل و دسکتاپ */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    
    /* اضافه کردن آیکون فلش SVG اختصاصی (سفید رنگ) */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    
    /* تنظیم موقعیت فلش در سمت چپ برای سایت‌های راست‌چین (RTL) */
    background-position: left 10px center !important; 
    background-size: 1em !important;
    
    /* ایجاد فضای خالی در سمت چپ تا متن روی فلش نیفتد */
    padding-left: 35px !important; 
}

/* =========================================================
   ۳. بهینه‌سازی عرض فیلدها در صفحات کوچک (موبایل)
   ========================================================= */

@media only screen and (max-width: 768px) {
    .fluentform select, 
    .fluentform .choices,
    .fluentform .choices__inner {
        width: 100% !important;
        max-width: 100% !important;
    }
}/* End custom CSS */