/* ===============================
   کانتینر بالا: سه ستون در یک ردیف
   =============================== */

.container-paeen-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px; /* فاصله بین ستون‌ها */
    width: 100%;
    padding: 10px 0;
}

/* ستون‌ها */
.container-paeen-col-1 {
    flex: 0 0 20%; /* ستون اول 25% عرض می‌گیرد */
    text-align: right;
    border-radius: 6px;
}

.container-paeen-col-2 {
    flex: 0 0 55%; /* ستون دوم 50% عرض می‌گیرد */
    text-align: right;
    border-radius: 6px;
}

.container-paeen-col-3 {
    flex: 0 0 25%; /* ستون سوم 25% عرض می‌گیرد */
    text-align: right;
    border-radius: 6px;
}

/* تیتر هر ستون */
.container-paeen-col h1 {
    font-size: 20px;
    margin-bottom: 8px;
}

/* موبایل: ستون‌ها زیر هم قرار گیرند */
@media (max-width: 768px) {
    .container-paeen-row {
        flex-direction: column;
        gap: 12px;
    }

    .container-paeen-col {
        width: 100%;
        flex: none; /* موبایل، ستون‌ها پهنای کامل می‌گیرند */
    }
}