.elementor-6086 .elementor-element.elementor-element-5a7a49a2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6086 .elementor-element.elementor-element-414abaeb{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-6086 .elementor-element.elementor-element-5cb69ede .widget-image-caption{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:700;}.elementor-6086 .elementor-element.elementor-element-4ac8108e .widget-image-caption{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:700;}.elementor-6086 .elementor-element.elementor-element-c01c9b4 .widget-image-caption{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:700;}.elementor-6086 .elementor-element.elementor-element-10aeb19 .widget-image-caption{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:700;}.elementor-6086 .elementor-element.elementor-element-45f03842 .widget-image-caption{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:700;}.elementor-6086 .elementor-element.elementor-element-574b8cbf .widget-image-caption{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:30px;font-weight:700;}@media(max-width:1024px){.elementor-6086 .elementor-element.elementor-element-414abaeb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-6086 .elementor-element.elementor-element-414abaeb{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-c6b2ffc *//* ۱. ساخت کادر کپسولی تیره با خط قرمز عمودی سمت راست */
.my-custom-breadcrumbs {
    background-color: #1e1f22 !important; /* رنگ پس‌زمینه کادر تیره */
    border-right: 4px solid #ff3a3a !important; /* خط قرمز عمودی اصیل سمت راست */
    border-radius: 10px !important; /* گرد کردن گوشه‌های کادر کپسولی */
    padding: 12px 20px !important; /* فاصله چشم‌نواز متن از لبه‌های کادر */
    margin: 15px 0 !important; /* فاصله کادر از المان‌های بالا و پایین */
    
    /* ساختار فلکس‌باکس برای چیدمان منظم */
    display: flex !important;
    direction: ltr !important; 
    flex-direction: row-reverse !important; 
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    font-size: 16px !important; 
    font-weight: 500 !important;
    color: #ffffff !important; /* رنگ سفید برای اسلش‌ها (خط‌های فاصله) */
}

/* ۲. رنگ صفحات قبلی و لینک‌ها -> سفید شفاف */
.my-custom-breadcrumbs a,
.my-custom-breadcrumbs a span {
    color: #ffffff !important; /* رنگ سفید برای تمام صفحات قبلی */
    text-decoration: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 0 6px !important; /* فاصله فشرده و شیک از اسلش‌ها */
    transition: color 0.2s ease;
}

/* افکت جذاب تغییر رنگ به قرمز وقتی موس روی لینک‌ها می‌رود */
.my-custom-breadcrumbs a:hover {
    color: #ff3a3a !important;
}

/* ۳. رنگ صفحه فعلی (آخرین کلمه) -> قرمز متمایز و پررنگ */
.my-custom-breadcrumbs > span:last-child,
.my-custom-breadcrumbs > span:last-child span,
.my-custom-breadcrumbs .current-item {
    color: #ff3a3a !important; /* فقط صفحه آخر قرمز می‌شود */
    font-weight: bold !important;
    display: inline-block !important;
    white-space: nowrap !important;
    padding: 0 6px !important;
}/* End custom CSS */