﻿/* راست‌چین قطعی بخش توضیحات و اطلاعات پروژه */
.portfolio-details .portfolio-description,
.portfolio-details .portfolio-info {
    direction: rtl !important;
    text-align: right !important;
}

    /* متن‌های داخل testimonial */
    .portfolio-details .portfolio-description .testimonial-item {
        direction: rtl !important;
        text-align: right !important;
    }

        /* تصویر مشتری در سمت راست */
        .portfolio-details .portfolio-description .testimonial-item .testimonial-img {
            float: right !important;
            margin: 0 0 0 10px !important; /* فاصله از سمت چپ */
        }

    /* عنوان‌ها و پاراگراف‌ها */
    .portfolio-details .portfolio-description h2,
    .portfolio-details .portfolio-description p,
    .portfolio-details .portfolio-info h3,
    .portfolio-details .portfolio-info ul li {
        text-align: right !important;

    }

[dir="rtl"] .portfolio-details .portfolio-info h3:after {
    right: 0 !important;
    left: auto !important;
}
/* اجبار خط نارنجی به سمت راست برای اطلاعات پروژه */
.portfolio-details .portfolio-info h3:after {
    right: 0 !important;
    left: auto !important;
    /* برای اطمینان که لنگر در سمت راست قرار گیرد و اثر left حذف شود */
}

.timeline-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.timeline-column {
    padding: 10px;
}

.timeline-meta {
    width: 20%;
    text-align: right;
}

.timeline-dot {
    width: 10px;
    height: 10px;
    background-color: orange;
    border-radius: 50%;
    margin-top: 8px;
}

.timeline-content {
    width: 75%;
    text-align: justify;
}
