.elementor-8795 .elementor-element.elementor-element-8a751a7{--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:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-8795 .elementor-element.elementor-element-5717289 .jet-listing-dynamic-field__content{color:#69778A;font-family:"iransansdn", Sans-serif;font-size:15px;text-align:left;}.elementor-8795 .elementor-element.elementor-element-5717289 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-8795 .elementor-element.elementor-element-5717289 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-8795 .elementor-element.elementor-element-5717289 .jet-listing-dynamic-field{justify-content:flex-start;}/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-5717289 *//* تنظیمات اولیه کانتینر در حالت عادی */
.file-box {
    position: relative;
    padding-right: 0px; /* فاصله اولیه از راست */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ساخت فلش در سمت راست (مخفی در حالت عادی) */
.file-box::before {
    content: "←"; /* فلش به سمت نوشته (راست به چپ) */
    position: absolute;
    right: -20px; /* ابتدا خارج از کادر و مخفی است */
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    font-size: 16px;
    font-weight: bold;
    color: #00BBAE; /* رنگ فلش (نارنجی/قرمز برندت) */
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* حالت هاور (Hover) */
.file-box:hover {
    padding-right: 22px; /* متن دسته به چپ هل داده می‌شود تا جا برای فلش باز شود */
     color: #00BBAE !important;
}

.file-box:hover::before {
    right: 0px; /* فلش سر جایش در سمت راست متن ظاهر می‌شود */
    opacity: 1;
}
.file-box a {
    color: #69778A !important;
}

.elementor-8795 .elementor-element.elementor-element-5717289 .jet-listing-dynamic-field__content:hover{
     color: #00BBAE !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a751a7 *//* ۱. تغییر رنگ پس‌زمینه و مرز فیلد اول (باکس) هنگام هاور روی کانتینر */
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-box {
    
}

/* ۲. سفید کردن نوشته‌های داخل فیلد اول (باکس) هنگام هاور روی کانتینر */
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-box
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-box *,
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-box a,
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-box span {
    color: #00BBAE !important;
}

/* ۳. سفید کردن نوشته‌های داخل فیلد دوم هنگام هاور روی کانتینر */
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-text,
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-text *,
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-text a,
.elementor-8795 .elementor-element.elementor-element-8a751a7:hover .file-text span {
    color: #00BBAE !important;
}

/* ۴. افکت انتقال نرم برای همه تغییرات */
.elementor-8795 .elementor-element.elementor-element-8a751a7 .file-box,
.elementor-8795 .elementor-element.elementor-element-8a751a7 .field-text,
.elementor-8795 .elementor-element.elementor-element-8a751a7 .file-box *,
.elementor-8795 .elementor-element.elementor-element-8a751a7 .field-text * {
    transition: all 0.25s ease-in-out !important;
}/* End custom CSS */