/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2025 | 23:58:39 */
/* --- CSS: Animated Gradient & Text Clip --- */
/* تعريف حركة الخلفية */
@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.xtra-archive-desc {
    font-family: 'Almarai', sans-serif;
    padding: 35px;
    margin-bottom: 50px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(43, 84, 100, 0.15);
    /* خلفية متدرجة متحركة وبطيئة */
    background: linear-gradient(135deg, var(--light-bg-color, #f8fcff), var(--border-color, #eaf1f4), var(--light-bg-color, #f8fcff));
    background-size: 200% 200%;
    animation: gradient-animation 8s ease infinite;
}

.xtra-archive-desc p {
    margin: 0;
    line-height: 1.9;
    font-size: 17px;
    font-weight: bold; /* زيادة سماكة الخط لتوضيح التدرج */
    text-align: right;
    /* التأثير السحري: جعل النص نفسه متدرج اللون */
    background: linear-gradient(to right, var(--primary-color, #2b5464), var(--secondary-color, #16c1f5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent; /* إخفاء لون النص الأصلي */
}