.elementor-25203 .elementor-element.elementor-element-79ae115{--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;}.elementor-25203 .elementor-element.elementor-element-f3dd274{--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;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25203 .elementor-element.elementor-element-af48359{text-align:right;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-25203 .elementor-element.elementor-element-4d8b5e0 .elementor-button{background-color:var( --e-global-color-2a05cd7 );}/* Start custom CSS for text-editor, class: .elementor-element-af48359 *//* محدود کردن ارتفاع اولیه متن و مخفی کردن سرریز آن */
.read-more-content {
    max-height: 350px; /* ارتفاع اولیه متن را اینجا مشخص کنید */
    overflow: hidden;
    position: relative;
    transition: max-height 0.5s ease-out; /* انیمیشن نرم برای باز و بسته شدن */
}

/* ایجاد افکت محو شدن در پایین متن */
.read-more-content::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px; /* ارتفاع ناحیه محو شونده */
    background: linear-gradient(to bottom, transparent, white); /* رنگ پس‌زمینه را با رنگ سایت خود هماهنگ کنید */
    transition: opacity 0.3s ease-in-out;
}

/* استایل‌ها در حالت باز شده (کلاس .expanded اضافه می‌شود) */
.read-more-content.expanded {
    max-height: 5000px; /* یک ارتفاع بزرگ برای نمایش کامل متن */
    transition: max-height 0.7s ease-in;
}

/* مخفی کردن افکت محو شدن وقتی متن کامل نمایش داده می‌شود */
.read-more-content.expanded::after {
    opacity: 0;
}/* End custom CSS */