:root{
  --bg:#f5f6f8;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#d6a000;
  --accent-2:#0f766e;
  --shadow: 0 6px 18px rgba(18,23,38,0.06);
  --radius:10px;
  --font: 'Vazirmatn', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.exp1 {
    text-align: justify;
    width: 1200px;
    margin-right: 40px;
    font-size: medium;
}

.P1 {
    font-size: 20px;
    color: #F09602;
    font-weight: bold;
}

.p2 {
    color: #F09602;
    font-size: 20px;
    font-weight: bold;
    margin-top: 35px;
}

.containerterms {
    width: 100%;
    background: linear-gradient(125deg, #f2efe9 0%, #F9EF9A 100%);
    position: relative;
    z-index: 0;
}

/* بخش rates - مهمترین قسمت */
.rates {
    width: 100%;
    position: relative;
    z-index: 2;
}

.containerterms::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(
        35deg,
        rgba(184, 134, 11, 0.01) 7px,
        rgba(184, 134, 11, 0.05) 10px,
        transparent 20px,
        transparent 25px
    );
    pointer-events: none;
    z-index: 1;
    opacity: 1;
}

.containerterms::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 95% 15%, rgba(212, 175, 55, 0.1) 0%, transparent 25%),
                      radial-gradient(circle at 5% 85%, rgba(212, 175, 55, 0.1) 0%, transparent 25%);
    pointer-events: none;
    z-index: 1;
    opacity: 1;
}

.containerterms > * {
    position: relative;
    z-index: 2;
}

.exp1-terms {
    text-align: right;
    line-height: 1.8;
    width: 100%;
}

/* ===== موبایل (عرض کمتر از 600 پیکسل) ===== */
@media (max-width: 599px) {
    .exp1-terms {
        padding-right: 16px;
        padding-left: 16px;
        margin: 0 0 20px 0;
        font-size: 14px;
    }
    .p2 {
        padding-right: 16px;
        padding-left: 16px;
        margin: 24px 0 16px 0;
        font-size: 18px;
    }
}

/* ===== تبلت (عرض بین 600 تا 992 پیکسل) ===== */
@media (min-width: 600px) and (max-width: 991px) {
    .exp1-terms {
        padding-right: 32px;
        padding-left: 32px;
        margin: 0 0 20px 0;
        font-size: 15px;
    }  
    .p2 {
        padding-right: 32px;
        padding-left: 32px;
        margin: 24px 0 16px 0;
    }
}

/* ===== دسکتاپ کوچک (عرض بین 992 تا 1200 پیکسل) ===== */
@media (min-width: 992px) and (max-width: 1199px) {
    .exp1-terms {
        padding-right: 60px;
        padding-left: 60px;
        margin: 0 0 24px 0;
        font-size: 16px;
    }
   
   .p2 {
        padding-right: 60px;
        padding-left: 60px;
        margin: 28px 0 16px 0;
    }
}

/* ===== دسکتاپ بزرگ (عرض بیشتر از 1200 پیکسل) ===== */
@media (min-width: 1200px) {
    .exp1-terms {
        padding-right: 100px;
        padding-left: 100px;
        margin: 0 0 24px 0;
        font-size: 16px;
    }
    
    .p2 {
        padding-right: 100px;
        padding-left: 100px;
        margin: 28px 0 16px 0;
    }
}

/* بهبود خوانایی در صفحه‌های بسیار کوچک (زیر 360px) */
@media (max-width: 360px) {
    .exp1-terms {
        padding-right: 12px;
        padding-left: 12px;
        margin: 0 0 16px 0;
        font-size: 13px;
    }
    
    .p2 {
        font-size: 16px;
        padding-right: 12px;
        padding-left: 12px;
    }
}