/*
==================================================
بداية كود صفحة المقال
==================================================
*/

.ag-single-page {
    width: 100%;
    min-height: 100vh;
    padding: 28px 24px 80px;
    direction: rtl;
}

.ag-single-layout {
    width: min(calc(936px + var(--ag-single-side-width, 280px) + 24px), 100%);
    margin: 0 auto;
    display: grid;
    grid-template-areas: "side content";
    grid-template-columns: var(--ag-single-side-width, 280px) 936px;
    gap: 24px;
    align-items: start;
    direction: ltr;
}

.ag-single-article {
    grid-area: content;
    width: 936px;
    max-width: 936px;
    margin: 0;
    background: #ffffff;
    border-radius: 34px;
    padding: 42px 52px 70px;
    direction: rtl;
}


/* بداية كود رأس المقال */
.ag-single-hero {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 92px;
    gap: 22px;
    align-items: start;
    margin-bottom: 44px;
    direction: ltr;
}

.ag-single-head-content {
    min-width: 0;
    padding-top: 2px;
    direction: rtl;
    text-align: right;
}

.ag-single-title {
    max-width: 100%;
    margin: 0;
    color: #07111f;
    font-size: clamp(24px, 2.15vw, 36px);
    line-height: 1.45;
    font-weight: 900;
    letter-spacing: -0.7px;
    overflow-wrap: anywhere;
}

.ag-single-meta {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 18px;
    direction: rtl;
}

.ag-single-meta-card {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 18px;
    background: linear-gradient(135deg, #f7fbff 0%, #eef4ff 100%);
    color: #263244;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    border: 1px solid rgba(30, 167, 255, .10);
    box-shadow: 0 10px 24px rgba(7, 17, 31, .055);
}

.ag-single-meta-date,
.ag-single-meta-time {
    min-width: 128px;
}

.ag-single-meta-card i {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(30, 167, 255, .10);
    color: #1597e5;
    font-size: 16px;
    line-height: 1;
}

/* بداية كود تقييم البرنامج */
.ag-single-rating {
    min-width: 360px;
    min-height: 48px;
    justify-content: space-between;
    gap: 14px;
    position: relative;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ag-single-rating-main {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
}

.ag-single-rating-reaction {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #f59e0b;
    font-size: 28px;
    line-height: 1;
    filter: drop-shadow(0 8px 12px rgba(245, 158, 11, .22));
}

.ag-single-rating-reaction i {
    display: block;
    line-height: 1;
}

.ag-single-rating-texts {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
}

.ag-single-rating-label {
    display: block;
    color: #07111f;
    font-size: 14px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.15px;
}

.ag-single-rating-sub {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: rgba(38, 50, 68, .72);
    font-size: 11px;
    line-height: 1;
    font-weight: 900;
}

.ag-single-rating-sub strong {
    color: #07111f;
    font-size: 16px;
    font-weight: 950;
}

.ag-single-rating-sub small,
.ag-single-rating-sub em {
    color: rgba(38, 50, 68, .64);
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.ag-single-rating-stars {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 2px;
    direction: ltr;
}

.ag-single-rating-star {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: rgba(38, 50, 68, .20);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transform-origin: center;
    transition: transform .18s ease, color .18s ease, filter .18s ease;
}

.ag-single-rating-star i {
    display: block;
    line-height: 1;
}

.ag-single-rating-star:hover,
.ag-single-rating-star:hover ~ .ag-single-rating-star {
    color: #f59e0b;
    transform: translateY(-2px) scale(1.15);
    filter: drop-shadow(0 8px 10px rgba(245, 158, 11, .28));
}

.ag-single-rating-star.is-active {
    color: #f59e0b;
    filter: drop-shadow(0 8px 12px rgba(245, 158, 11, .26));
}

.ag-single-rating-star.is-active:nth-child(1) {
    color: #f97316;
}

.ag-single-rating-star.is-active:nth-child(2) {
    color: #f59e0b;
}

.ag-single-rating-star.is-active:nth-child(3) {
    color: #eab308;
}

.ag-single-rating-star.is-active:nth-child(4) {
    color: #22c55e;
}

.ag-single-rating-star.is-active:nth-child(5) {
    color: #0ea5e9;
}

.ag-single-rating-star:disabled {
    cursor: default;
}

.ag-single-rating.is-voted .ag-single-rating-star {
    cursor: default;
}

.ag-single-rating-message {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    min-width: 160px;
    min-height: 0;
    color: #1597e5;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 900;
    pointer-events: none;
}

.ag-single-rating.is-loading {
    opacity: .76;
    pointer-events: none;
}

.ag-single-rating.is-voted {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.ag-single-rating.is-voted .ag-single-rating-reaction {
    color: #12b76a;
    background: transparent;
    filter: drop-shadow(0 8px 12px rgba(18, 183, 106, .22));
}
/* نهاية كود تقييم البرنامج */

/* نهاية كود رأس المقال */

/* بداية كود محتوى المقال */
.ag-single-body {
    width: 100%;
    direction: rtl;
}

.ag-single-content {
    width: 100%;
    max-width: 100%;
    margin-inline-start: 0;
    margin-inline-end: auto;
    color: #121827;
    font-size: 17px;
    line-height: 2.05;
    font-weight: 700;
}

.ag-single-content > *:first-child {
    margin-top: 0;
}

.ag-single-content p {
    margin: 0 0 20px;
}

.ag-single-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 28px auto;
    border-radius: 14px;
}

.ag-single-content a {
    color: #1597e5;
    text-decoration: none;
    font-weight: 900;
}

.ag-single-content h1,
.ag-single-content h2,
.ag-single-content h3,
.ag-single-content h4,
.ag-single-content h5,
.ag-single-content h6 {
    color: #07111f;
    line-height: 1.5;
    margin: 34px 0 16px;
    font-weight: 900;
}

.ag-single-content ul,
.ag-single-content ol {
    margin: 18px 0 24px;
    padding-inline-start: 26px;
}

.ag-single-content li {
    margin-bottom: 10px;
}

.ag-single-content blockquote {
    margin: 26px 0;
    padding: 18px 22px;
    border-radius: 18px;
    background: rgba(30, 167, 255, .08);
    border-inline-start: 4px solid #1ea7ff;
}
/* نهاية كود محتوى المقال */

/* بداية كود الوضع الليلي */
html[data-theme="dark"] .ag-single-article,
html[data-theme="dark"] .ag-single-sidebox {
    background: #07111f;
}

html[data-theme="dark"] .ag-single-sidebar-title,
html[data-theme="dark"] .ag-single-sidebox-title,
html[data-theme="dark"] .ag-single-title,
html[data-theme="dark"] .ag-single-content,
html[data-theme="dark"] .ag-single-content h1,
html[data-theme="dark"] .ag-single-content h2,
html[data-theme="dark"] .ag-single-content h3,
html[data-theme="dark"] .ag-single-content h4,
html[data-theme="dark"] .ag-single-content h5,
html[data-theme="dark"] .ag-single-content h6 {
    color: #f4f8ff;
}

html[data-theme="dark"] .ag-single-sidebox-text {
    color: rgba(244, 248, 255, .60);
}

html[data-theme="dark"] .ag-single-meta-card {
    background: linear-gradient(135deg, rgba(255, 255, 255, .09) 0%, rgba(255, 255, 255, .055) 100%);
    color: rgba(244, 248, 255, .82);
    border-color: rgba(255, 255, 255, .08);
    box-shadow: 0 14px 30px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .ag-single-meta-card i {
    background: rgba(30, 167, 255, .14);
    color: #58c2ff;
}

html[data-theme="dark"] .ag-single-rating {
    background: transparent;
    border: 0;
    box-shadow: none;
}

html[data-theme="dark"] .ag-single-rating-reaction {
    background: transparent;
    color: #fbbf24;
    filter: drop-shadow(0 8px 12px rgba(251, 191, 36, .20));
}

html[data-theme="dark"] .ag-single-rating.is-voted .ag-single-rating-reaction {
    background: transparent;
    color: #34d399;
    filter: drop-shadow(0 8px 12px rgba(52, 211, 153, .20));
}

html[data-theme="dark"] .ag-single-rating-label,
html[data-theme="dark"] .ag-single-rating-sub strong {
    color: #f4f8ff;
}

html[data-theme="dark"] .ag-single-rating-sub,
html[data-theme="dark"] .ag-single-rating-sub small,
html[data-theme="dark"] .ag-single-rating-sub em {
    color: rgba(244, 248, 255, .62);
}

html[data-theme="dark"] .ag-single-rating-star {
    color: rgba(244, 248, 255, .24);
}

html[data-theme="dark"] .ag-single-rating-star:hover,
html[data-theme="dark"] .ag-single-rating-star:hover ~ .ag-single-rating-star,
html[data-theme="dark"] .ag-single-rating-star.is-active,
html[data-theme="dark"] .ag-single-rating.is-voted .ag-single-rating-star.is-active {
    color: #ffb300;
}

html[data-theme="dark"] .ag-single-rating-star.is-active:nth-child(1) {
    color: #ff7a18;
}

html[data-theme="dark"] .ag-single-rating-star.is-active:nth-child(2) {
    color: #ffb300;
}

html[data-theme="dark"] .ag-single-rating-star.is-active:nth-child(3) {
    color: #ffd23f;
}

html[data-theme="dark"] .ag-single-rating-star.is-active:nth-child(4) {
    color: #7ed957;
}

html[data-theme="dark"] .ag-single-rating-star.is-active:nth-child(5) {
    color: #21c8ff;
}


html[data-theme="dark"] .ag-single-content blockquote {
    background: rgba(30, 167, 255, .10);
}
/* نهاية كود الوضع الليلي */

/* بداية كود التابلت */
@media (max-width: 1180px) {
    .ag-single-page {
        padding: 28px 18px 70px;
    }

    .ag-single-layout {
        width: 100%;
        grid-template-areas:
            "content"
            "side";
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ag-single-article {
        width: 100%;
        max-width: 100%;
        margin-inline-start: auto;
        margin-inline-end: auto;
        padding: 34px 30px 60px;
        border-radius: 28px;
    }

    .ag-single-sidebar {
        position: static;
        top: auto;
    }

    .ag-single-sideboxes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ag-single-hero {
        grid-template-columns: minmax(0, 1fr) 84px;
        gap: 18px;
        margin-bottom: 38px;
    }

    .ag-single-thumb-wrap {
        width: 84px;
        height: 84px;
    }

    .ag-single-title {
        font-size: clamp(23px, 3vw, 32px);
        line-height: 1.5;
    }

    .ag-single-content {
        width: 100%;
        font-size: 16px;
        line-height: 2;
    }
}
/* نهاية كود التابلت */

/* بداية كود الموبايل */
@media (max-width: 680px) {
    .ag-single-page {
        padding: 22px 12px 56px;
    }

    .ag-single-article {
        width: 100%;
        max-width: 100%;
        margin-inline-start: auto;
        margin-inline-end: auto;
        padding: 20px 16px 48px;
        border-radius: 22px;
    }

    .ag-single-sideboxes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .ag-single-sidebox {
        min-height: 68px;
        border-radius: 15px;
        padding: 12px;
    }

    .ag-single-sidebox-title {
        font-size: 12px;
    }

    .ag-single-sidebox-text {
        font-size: 11px;
    }

    .ag-single-hero {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-bottom: 30px;
        text-align: center;
    }

    .ag-single-head-content {
        order: 2;
        padding-top: 0;
        text-align: center;
    }

    .ag-single-thumb-wrap {
        order: 1;
        width: 78px;
        height: 78px;
        justify-self: center;
        margin-inline: auto;
    }

    .ag-single-title {
        font-size: 22px;
        line-height: 1.55;
        letter-spacing: -0.4px;
    }

    .ag-single-meta {
        margin-inline: auto;
        margin-top: 14px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .ag-single-meta-card {
        min-height: 44px;
        padding: 9px 12px;
        border-radius: 16px;
        font-size: 12px;
    }

    .ag-single-meta-date,
    .ag-single-meta-time {
        min-width: calc(50% - 4px);
    }

    .ag-single-meta-card i {
        width: 20px;
        height: 20px;
        font-size: 14px;
    }

    .ag-single-rating {
        width: 100%;
        min-width: 0;
        min-height: auto;
        justify-content: center;
        flex-wrap: wrap;
        gap: 9px;
        padding: 2px 0 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .ag-single-rating-main {
        width: 100%;
        justify-content: center;
    }

    .ag-single-rating-reaction {
        width: 28px;
        height: 28px;
        flex-basis: 28px;
        font-size: 26px;
    }

    .ag-single-rating-texts {
        align-items: center;
    }

    .ag-single-rating-stars {
        width: 100%;
        justify-content: center;
    }

    .ag-single-rating-star {
        width: 27px;
        height: 27px;
        font-size: 26px;
    }

    .ag-single-rating-message {
        position: static;
        width: 100%;
        text-align: center;
    }

    .ag-single-content {
        font-size: 15px;
        line-height: 1.95;
    }

    .ag-single-content img {
        border-radius: 12px;
        margin: 22px auto;
    }
}
/* نهاية كود الموبايل */

/*
==================================================
نهاية كود صفحة المقال
==================================================
*/

/*
==================================================
بداية كود عرض بيانات البرامج داخل المقال
==================================================
*/
.ag-program-data {
    width: 100%;
    margin-top: 36px;
    display: grid;
    gap: 24px;
    direction: rtl;
}

.ag-program-card {
    width: 100%;
    padding: 24px;
    border-radius: 24px;
    background: rgba(245, 248, 255, .90);
    border: 1px solid rgba(15, 23, 42, .06);
}

.ag-program-card h2 {
    margin: 0 0 18px;
    color: #07111f;
    font-size: 23px;
    line-height: 1.5;
    font-weight: 900;
    letter-spacing: -.3px;
}

.ag-program-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ag-program-info-item {
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 14px 16px;
    border-radius: 18px;
    background: #ffffff;
}

.ag-program-info-item span {
    color: rgba(7, 17, 31, .58);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 800;
}

.ag-program-info-item strong {
    color: #07111f;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 900;
}

.ag-program-shots-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ag-program-shots-grid a {
    display: block;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
}

.ag-program-shots-grid img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    margin: 0;
    border-radius: 0;
}

.ag-program-downloads-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.ag-program-download-item {
    min-height: 74px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    padding: 15px 16px;
    border-radius: 18px;
    background: #ffffff;
    color: #07111f;
    text-decoration: none;
}

.ag-program-download-item i {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(30, 167, 255, .12);
    color: #1ea7ff;
    font-size: 25px;
}

.ag-program-download-item span {
    color: #07111f;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 900;
}

.ag-program-download-item em,
.ag-program-download-item small {
    color: rgba(7, 17, 31, .62);
    font-size: 12px;
    line-height: 1.5;
    font-style: normal;
    font-weight: 800;
    white-space: nowrap;
}

.ag-program-faq {
    display: grid;
    gap: 12px;
}

.ag-program-faq h2 {
    margin-bottom: 6px;
}

.ag-program-faq-item {
    border-radius: 18px;
    background: #ffffff;
    overflow: hidden;
}

.ag-program-faq-item summary {
    cursor: pointer;
    padding: 16px 18px;
    color: #07111f;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 900;
}

.ag-program-faq-item div {
    padding: 0 18px 18px;
    color: #344256;
    font-size: 15px;
    line-height: 1.9;
    font-weight: 700;
}

html[data-theme="dark"] .ag-program-card {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .07);
}

html[data-theme="dark"] .ag-program-info-item,
html[data-theme="dark"] .ag-program-shots-grid a,
html[data-theme="dark"] .ag-program-download-item,
html[data-theme="dark"] .ag-program-faq-item {
    background: rgba(255, 255, 255, .07);
}

html[data-theme="dark"] .ag-program-card h2,
html[data-theme="dark"] .ag-program-info-item strong,
html[data-theme="dark"] .ag-program-download-item span,
html[data-theme="dark"] .ag-program-faq-item summary {
    color: #f4f8ff;
}

html[data-theme="dark"] .ag-program-info-item span,
html[data-theme="dark"] .ag-program-download-item em,
html[data-theme="dark"] .ag-program-download-item small,
html[data-theme="dark"] .ag-program-faq-item div {
    color: rgba(244, 248, 255, .66);
}

@media (max-width: 680px) {
    .ag-program-data {
        gap: 18px;
        margin-top: 30px;
    }

    .ag-program-card {
        padding: 16px;
        border-radius: 20px;
    }

    .ag-program-card h2 {
        font-size: 20px;
    }

    .ag-program-info-grid,
    .ag-program-shots-grid {
        grid-template-columns: 1fr;
    }

    .ag-program-shots-grid img {
        height: auto;
    }

    .ag-program-download-item {
        grid-template-columns: 38px minmax(0, 1fr);
    }

    .ag-program-download-item em,
    .ag-program-download-item small {
        grid-column: 2 / 3;
    }
}

/*
==================================================
نهاية كود عرض بيانات البرامج داخل المقال
==================================================
*/

/*
==================================================
بداية كود تبويبات صفحة المقال
==================================================
*/
.ag-single-tabs {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 10px;
    margin: 0 0 26px;
    padding: 0;
    border: 0;
    outline: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    direction: rtl;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

.ag-single-tabs::-webkit-scrollbar {
    display: none;
}

.ag-single-tab {
    width: auto;
    min-width: max-content;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 34px;
    border: 0;
    outline: 0;
    border-radius: 8px;
    background: #073862;
    color: #ffffff;
    font-family: inherit;
    font-size: 18px;
    line-height: 1;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    transition: background .2s ease, color .2s ease, transform .2s ease;
    flex: 0 0 auto;
}

.ag-single-tab i {
    display: none;
}

.ag-single-tab span,
.ag-single-tab em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: none;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

.ag-single-tab em {
    margin-inline-start: 6px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: inherit;
    line-height: 1;
    font-style: normal;
    font-weight: 950;
}

.ag-single-tab:hover {
    transform: translateY(-1px);
    background: #0a416f;
    color: #ffffff;
}

.ag-single-tab.is-active {
    background: linear-gradient(135deg, #4f73ff 0%, #4a68ff 100%);
    color: #ffffff;
    box-shadow: none;
}

.ag-single-tab-panels {
    width: 100%;
}

.ag-single-tab-panel[hidden] {
    display: none !important;
}

.ag-single-screenshots-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ag-single-screenshot-item {
    display: block;
    overflow: hidden;
    border-radius: 22px;
    background: rgba(7, 17, 31, .04);
    border: 1px solid rgba(7, 17, 31, .08);
}

.ag-single-screenshot-item img {
    width: 100%;
    height: 280px;
    display: block;
    object-fit: cover;
}

.ag-single-empty-panel {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px;
    border-radius: 22px;
    background: rgba(7, 17, 31, .035);
    color: rgba(7, 17, 31, .72);
    text-align: center;
    font-weight: 900;
}

.ag-single-empty-panel i {
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background: rgba(30, 167, 255, .12);
    color: #1689d8;
    font-size: 30px;
}

.ag-single-empty-panel strong {
    color: #07111f;
    font-size: 16px;
    font-weight: 950;
}

.ag-single-faq-list {
    display: grid;
    gap: 12px;
}

.ag-single-faq-item {
    border-radius: 18px;
    background: rgba(7, 17, 31, .035);
    border: 1px solid rgba(7, 17, 31, .08);
    overflow: hidden;
}

.ag-single-faq-item summary {
    padding: 16px 18px;
    color: #07111f;
    font-size: 15px;
    font-weight: 950;
    cursor: pointer;
}

.ag-single-faq-item div {
    padding: 0 18px 18px;
    color: rgba(7, 17, 31, .72);
    font-size: 15px;
    line-height: 1.9;
}

.ag-single-comments-panel {
    padding: 22px;
    border-radius: 22px;
    background: rgba(7, 17, 31, .035);
    border: 1px solid rgba(7, 17, 31, .08);
    color: #07111f;
}

.ag-single-comments-panel input,
.ag-single-comments-panel textarea,
.ag-single-comments-panel select {
    max-width: 100%;
    border-radius: 16px;
    border: 1px solid rgba(7, 17, 31, .12);
    background: #ffffff;
    color: #07111f;
}

.ag-single-comments-panel input[type="submit"],
.ag-single-comments-panel button {
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #4f73ff 0%, #2563eb 100%);
    color: #ffffff;
    font-family: inherit;
    font-weight: 950;
    cursor: pointer;
}

html[data-theme="dark"] .ag-single-tab {
    background: #073862;
    color: #ffffff;
}

html[data-theme="dark"] .ag-single-tab:hover {
    background: #0a416f;
    color: #ffffff;
}

html[data-theme="dark"] .ag-single-tab.is-active {
    background: linear-gradient(135deg, #4f73ff 0%, #4a68ff 100%);
    color: #ffffff;
}

html[data-theme="dark"] .ag-single-screenshot-item,
html[data-theme="dark"] .ag-single-faq-item,
html[data-theme="dark"] .ag-single-comments-panel {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .ag-single-empty-panel {
    background: rgba(255, 255, 255, .055);
    color: rgba(244, 248, 255, .68);
}

html[data-theme="dark"] .ag-single-empty-panel i {
    background: rgba(30, 167, 255, .14);
    color: #58c2ff;
}

html[data-theme="dark"] .ag-single-empty-panel strong,
html[data-theme="dark"] .ag-single-faq-item summary,
html[data-theme="dark"] .ag-single-comments-panel {
    color: #f4f8ff;
}

html[data-theme="dark"] .ag-single-faq-item div {
    color: rgba(244, 248, 255, .70);
}

html[data-theme="dark"] .ag-single-comments-panel input,
html[data-theme="dark"] .ag-single-comments-panel textarea,
html[data-theme="dark"] .ag-single-comments-panel select {
    background: rgba(0, 0, 0, .18);
    border-color: rgba(255, 255, 255, .10);
    color: #f4f8ff;
}

@media (max-width: 1180px) {
    .ag-single-tabs {
        gap: 8px;
        margin-bottom: 24px;
    }

    .ag-single-tab {
        min-height: 50px;
        padding: 0 26px;
        font-size: 16px;
    }

    .ag-single-screenshot-item img {
        height: 230px;
    }
}

@media (max-width: 680px) {
    .ag-single-tabs {
        gap: 8px;
        margin-bottom: 20px;
        padding-bottom: 2px;
    }

    .ag-single-tab {
        min-height: 46px;
        padding: 0 18px;
        border-radius: 7px;
        font-size: 14px;
    }

    .ag-single-tab em {
        margin-inline-start: 4px;
    }

    .ag-single-screenshots-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .ag-single-screenshot-item img {
        height: auto;
    }

    .ag-single-empty-panel {
        min-height: 150px;
        border-radius: 18px;
        padding: 20px;
    }

    .ag-single-faq-item {
        border-radius: 16px;
    }

    .ag-single-faq-item summary {
        padding: 14px 15px;
        font-size: 14px;
    }

    .ag-single-faq-item div {
        padding: 0 15px 15px;
        font-size: 14px;
    }

    .ag-single-comments-panel {
        padding: 16px;
        border-radius: 18px;
    }
}
/*
==================================================
نهاية كود تبويبات صفحة المقال
==================================================
*/

/* بداية كود محتوى البرنامج الجديد داخل المقال */
.ag-program-single-content,
.ag-program-single-content * {
    box-sizing: border-box;
}

.ag-program-single-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 34px;
    margin-top: 30px;
    direction: rtl;
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif;
}

.ag-program-single-main-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0 4px;
}

.ag-program-single-main-image img {
    width: min(100%, 760px);
    max-height: 540px;
    object-fit: contain;
    border-radius: 22px;
    display: block;
}

.ag-program-single-section {
    width: 100%;
    position: relative;
}

.ag-program-single-section > h2 {
    margin: 0 0 18px;
    color: #071429;
    font-size: clamp(26px, 3vw, 42px);
    font-weight: 900;
    line-height: 1.35;
    text-align: center;
    letter-spacing: -.8px;
}

html[data-theme="dark"] .ag-program-single-section > h2 {
    color: #f3f8ff;
}

.ag-program-description-box {
    width: 100%;
    padding: 26px 30px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(244, 248, 255, .92), rgba(255, 255, 255, .98));
    box-shadow: 0 22px 60px rgba(15, 23, 42, .08);
    border: 1px solid rgba(79, 112, 255, .10);
    color: #162136;
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif !important;
    font-size: clamp(17px, 1.4vw, 21px) !important;
    font-weight: 700 !important;
    line-height: 2.15 !important;
    text-align: center;
}

.ag-program-description-box p,
.ag-program-description-box div,
.ag-program-description-box span,
.ag-program-description-box strong,
.ag-program-description-box b,
.ag-program-description-box li {
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.ag-program-description-box p {
    margin: 0 0 18px !important;
}

.ag-program-description-box p:last-child {
    margin-bottom: 0 !important;
}

html[data-theme="dark"] .ag-program-description-box {
    background: linear-gradient(145deg, rgba(9, 20, 36, .96), rgba(13, 29, 50, .98));
    border-color: rgba(125, 211, 252, .14);
    color: #edf6ff;
    box-shadow: 0 22px 60px rgba(0, 0, 0, .22);
}

.ag-program-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ag-program-gallery-grid a {
    display: block;
    border-radius: 22px;
    overflow: hidden;
    background: #f3f7ff;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .08);
}

.ag-program-gallery-grid img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.ag-program-gallery-grid a:hover img {
    transform: scale(1.035);
}

html[data-theme="dark"] .ag-program-gallery-grid a {
    background: #091426;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .24);
}

.ag-program-features-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ag-program-feature-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 78px;
    padding: 18px 20px;
    border-radius: 22px;
    background: linear-gradient(135deg, #083b73, #4f70ff);
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(79, 112, 255, .22);
}

.ag-program-feature-item i {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #ffffff;
    font-size: 22px;
}

.ag-program-feature-item span {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.7;
}

html[data-theme="dark"] .ag-program-feature-item {
    background: linear-gradient(135deg, #0d3a63, #2563eb);
    box-shadow: 0 18px 40px rgba(37, 99, 235, .22);
}

.ag-program-details-grid,
.ag-program-requires-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.ag-program-detail-item,
.ag-program-require-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 66px;
    padding: 16px 18px;
    border-radius: 18px;
    background: #f6f9ff;
    border: 1px solid rgba(79, 112, 255, .10);
}

.ag-program-detail-item span,
.ag-program-require-item span {
    color: #64748b;
    font-size: 14px;
    font-weight: 800;
}

.ag-program-detail-item strong,
.ag-program-require-item strong {
    color: #071429;
    font-size: 16px;
    font-weight: 900;
    text-align: left;
}

html[data-theme="dark"] .ag-program-detail-item,
html[data-theme="dark"] .ag-program-require-item {
    background: #091426;
    border-color: rgba(125, 211, 252, .13);
}

html[data-theme="dark"] .ag-program-detail-item span,
html[data-theme="dark"] .ag-program-require-item span {
    color: #93a4bc;
}

html[data-theme="dark"] .ag-program-detail-item strong,
html[data-theme="dark"] .ag-program-require-item strong {
    color: #f3f8ff;
}

.ag-program-downloads-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ag-program-download-card {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 6px 14px;
    align-items: center;
    min-height: 86px;
    padding: 18px;
    border-radius: 22px;
    text-decoration: none !important;
    background: linear-gradient(135deg, #082f57, #0d4f8b);
    color: #ffffff !important;
    box-shadow: 0 18px 42px rgba(8, 47, 87, .24);
}

.ag-program-download-card i {
    grid-row: 1 / span 3;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255, 255, 255, .14);
    font-size: 26px;
}

.ag-program-download-card span {
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
}

.ag-program-download-card em,
.ag-program-download-card small {
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.ag-program-faq-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ag-program-faq-item {
    border-radius: 20px;
    background: #f6f9ff;
    border: 1px solid rgba(79, 112, 255, .10);
    overflow: hidden;
}

.ag-program-faq-item summary {
    cursor: pointer;
    list-style: none;
    padding: 18px 20px;
    color: #071429;
    font-size: 17px;
    font-weight: 900;
}

.ag-program-faq-item summary::-webkit-details-marker {
    display: none;
}

.ag-program-faq-item div {
    padding: 0 20px 20px;
    color: #334155;
    font-size: 15px;
    font-weight: 700;
    line-height: 2;
}

html[data-theme="dark"] .ag-program-faq-item {
    background: #091426;
    border-color: rgba(125, 211, 252, .13);
}

html[data-theme="dark"] .ag-program-faq-item summary {
    color: #f3f8ff;
}

html[data-theme="dark"] .ag-program-faq-item div {
    color: #cbd5e1;
}

.ag-program-empty-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 92px;
    border-radius: 20px;
    background: #f6f9ff;
    border: 1px dashed rgba(79, 112, 255, .20);
    color: #64748b;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    padding: 18px;
}

html[data-theme="dark"] .ag-program-empty-shape {
    background: #091426;
    border-color: rgba(125, 211, 252, .18);
    color: #93a4bc;
}

@media (max-width: 900px) {
    .ag-program-single-content {
        gap: 26px;
        margin-top: 24px;
    }

    .ag-program-gallery-grid,
    .ag-program-features-grid,
    .ag-program-details-grid,
    .ag-program-requires-list,
    .ag-program-downloads-list {
        grid-template-columns: 1fr;
    }

    .ag-program-description-box {
        padding: 22px 18px;
        border-radius: 22px;
    }

    .ag-program-gallery-grid img {
        height: 210px;
    }
}

@media (max-width: 560px) {
    .ag-program-single-section > h2 {
        font-size: 24px;
    }

    .ag-program-feature-item,
    .ag-program-detail-item,
    .ag-program-require-item,
    .ag-program-download-card {
        border-radius: 18px;
        padding: 16px;
    }

    .ag-program-detail-item,
    .ag-program-require-item {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* نهاية كود محتوى البرنامج الجديد داخل المقال */

/* بداية كود فريم الصورة الأساسية داخل المقال */
.ag-program-single-main-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 0 18px;
    padding: 12px;
    border-radius: 32px;
    background: rgba(248, 251, 255, .72);
    border: 1px solid rgba(148, 163, 184, .22);
    overflow: hidden;
    box-sizing: border-box;
}

.ag-program-single-main-image img {
    width: min(100%, 860px);
    max-height: 560px;
    object-fit: contain;
    border-radius: 26px;
    display: block;
    overflow: hidden;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .12);
}

html[data-theme="dark"] .ag-program-single-main-image {
    background: rgba(7, 16, 31, .76);
    border-color: rgba(125, 211, 252, .16);
}

html[data-theme="dark"] .ag-program-single-main-image img {
    box-shadow: 0 18px 46px rgba(0, 0, 0, .32);
}
/* نهاية كود فريم الصورة الأساسية داخل المقال */

/* بداية كود الصورة الأساسية بدون فريم خارجي */
.ag-program-single-main-image,
html[data-theme="dark"] .ag-program-single-main-image {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 14px 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.ag-program-single-main-image img,
html[data-theme="dark"] .ag-program-single-main-image img {
    width: min(100%, 860px) !important;
    max-height: 560px !important;
    object-fit: contain !important;
    display: block !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    background: transparent !important;
    border: 0 !important;
}
/* نهاية كود الصورة الأساسية بدون فريم خارجي */

/* بداية كود معرض صور وفيديوهات البرنامج الجديد */
.ag-program-gallery-content {
    padding-top: 18px !important;
}

.ag-program-premium-gallery {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
}

.ag-program-gallery-card {
    grid-column: span 6 !important;
    position: relative !important;
    margin: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #07111f !important;
    box-shadow: 0 24px 60px rgba(7, 17, 31, .10) !important;
    isolation: isolate !important;
}

.ag-program-gallery-card.is-featured {
    grid-column: span 12 !important;
}

.ag-program-gallery-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #07111f !important;
}

.ag-program-gallery-card.is-featured .ag-program-gallery-media {
    aspect-ratio: 21 / 9 !important;
}

.ag-program-gallery-media a,
.ag-program-gallery-media img,
.ag-program-gallery-media iframe {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    border: 0 !important;
}

.ag-program-gallery-media img {
    object-fit: cover !important;
    transition: transform .45s ease, filter .45s ease !important;
}

.ag-program-gallery-card:hover .ag-program-gallery-media img {
    transform: scale(1.035) !important;
    filter: contrast(1.04) saturate(1.06) !important;
}

.ag-program-gallery-caption {
    position: absolute !important;
    inset: auto 14px 14px 14px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .90) !important;
    backdrop-filter: blur(14px) !important;
    color: #07111f !important;
    z-index: 3 !important;
    box-shadow: 0 18px 40px rgba(7, 17, 31, .16) !important;
}

.ag-program-gallery-caption span {
    padding: 5px 9px !important;
    border-radius: 999px !important;
    background: #0a416f !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.ag-program-gallery-caption strong {
    color: #07111f !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
}

.ag-program-gallery-caption em {
    width: 100% !important;
    color: rgba(7, 17, 31, .70) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}

.ag-program-gallery-card.is-video:before {
    content: '▶' !important;
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    z-index: 4 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #dc2626 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    box-shadow: 0 16px 35px rgba(220, 38, 38, .35) !important;
    pointer-events: none !important;
}

.ag-program-gallery-card.is-video iframe + .ag-program-gallery-caption,
.ag-program-gallery-card.is-video .ag-program-gallery-caption {
    position: relative !important;
    inset: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ag-program-gallery-caption {
    background: rgba(13, 26, 44, .90) !important;
    color: #eaf3ff !important;
}

html[data-theme="dark"] .ag-program-gallery-caption strong {
    color: #ffffff !important;
}

html[data-theme="dark"] .ag-program-gallery-caption em {
    color: rgba(234, 243, 255, .74) !important;
}

@media (max-width: 900px) {
    .ag-program-premium-gallery {
        grid-template-columns: 1fr !important;
    }

    .ag-program-gallery-card,
    .ag-program-gallery-card.is-featured {
        grid-column: auto !important;
    }

    .ag-program-gallery-card.is-featured .ag-program-gallery-media,
    .ag-program-gallery-media {
        aspect-ratio: 16 / 10 !important;
    }
}
/* نهاية كود معرض صور وفيديوهات البرنامج الجديد */

/* بداية كود معرض صور البرنامج بنظام تقليب وصور مصغرة */
.ag-program-gallery-content {
    padding-top: 18px !important;
}

.ag-program-slider-gallery,
.ag-program-slider-gallery * {
    box-sizing: border-box !important;
}

.ag-program-slider-gallery {
    width: 100% !important;
    max-width: 1060px !important;
    margin: 0 auto !important;
    direction: rtl !important;
}

.ag-program-slider-stage {
    position: relative !important;
    width: 100% !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #06101f !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .14) !important;
}

.ag-program-slider-slide {
    position: relative !important;
    margin: 0 !important;
    width: 100% !important;
}

.ag-program-slider-slide[hidden] {
    display: none !important;
}

.ag-program-slider-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    background: #06101f !important;
    overflow: hidden !important;
}

.ag-program-slider-media img,
.ag-program-slider-media iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

.ag-program-slider-media img {
    object-fit: contain !important;
    background: #06101f !important;
}

.ag-program-slider-slide.is-video .ag-program-slider-media iframe {
    background: #06101f !important;
}

.ag-program-slider-caption {
    position: absolute !important;
    right: 18px !important;
    left: 18px !important;
    bottom: 18px !important;
    z-index: 4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    padding: 12px 14px !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .92) !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18) !important;
}

.ag-program-slider-caption span {
    padding: 6px 11px !important;
    border-radius: 999px !important;
    background: #0a416f !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

.ag-program-slider-caption strong {
    color: #07111f !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.4 !important;
}

.ag-program-slider-caption em {
    width: 100% !important;
    color: rgba(7, 17, 31, .72) !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
}

.ag-program-slider-arrow {
    position: absolute !important;
    top: 50% !important;
    z-index: 6 !important;
    width: 52px !important;
    height: 52px !important;
    border: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background: rgba(255, 255, 255, .92) !important;
    color: #07111f !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translateY(-50%) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18) !important;
    transition: transform .2s ease, background .2s ease !important;
}

.ag-program-slider-arrow:hover {
    background: #ffffff !important;
    transform: translateY(-50%) scale(1.06) !important;
}

.ag-program-slider-arrow.is-prev {
    right: 16px !important;
}

.ag-program-slider-arrow.is-next {
    left: 16px !important;
}

.ag-program-slider-thumbs {
    display: flex !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 14px !important;
    padding: 8px 2px 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: thin !important;
}

.ag-program-slider-thumb {
    position: relative !important;
    flex: 0 0 150px !important;
    width: 150px !important;
    height: 86px !important;
    padding: 0 !important;
    border: 3px solid transparent !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    cursor: pointer !important;
    background: #07111f !important;
    box-shadow: 0 14px 35px rgba(15, 23, 42, .12) !important;
    scroll-snap-align: center !important;
    opacity: .62 !important;
    transition: opacity .2s ease, transform .2s ease, border-color .2s ease !important;
}

.ag-program-slider-thumb:hover,
.ag-program-slider-thumb.is-active {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
    border-color: #2f6bff !important;
}

.ag-program-slider-thumb img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.ag-program-slider-thumb span {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #dc2626 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 14px 35px rgba(220, 38, 38, .35) !important;
}

html[data-theme="dark"] .ag-program-slider-stage,
html[data-theme="dark"] .ag-program-slider-media,
html[data-theme="dark"] .ag-program-slider-media img,
html[data-theme="dark"] .ag-program-slider-thumb {
    background: #06101f !important;
}

html[data-theme="dark"] .ag-program-slider-caption {
    background: rgba(13, 26, 44, .92) !important;
    color: #eaf3ff !important;
}

html[data-theme="dark"] .ag-program-slider-caption strong {
    color: #ffffff !important;
}

html[data-theme="dark"] .ag-program-slider-caption em {
    color: rgba(234, 243, 255, .74) !important;
}

html[data-theme="dark"] .ag-program-slider-arrow {
    background: rgba(13, 26, 44, .92) !important;
    color: #ffffff !important;
}

@media (max-width: 900px) {
    .ag-program-slider-gallery {
        max-width: 100% !important;
    }

    .ag-program-slider-stage {
        border-radius: 20px !important;
    }

    .ag-program-slider-media {
        aspect-ratio: 16 / 10 !important;
    }

    .ag-program-slider-arrow {
        width: 42px !important;
        height: 42px !important;
        font-size: 30px !important;
    }

    .ag-program-slider-thumb {
        flex-basis: 118px !important;
        width: 118px !important;
        height: 68px !important;
        border-radius: 13px !important;
    }

    .ag-program-slider-caption {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}
/* نهاية كود معرض صور البرنامج بنظام تقليب وصور مصغرة */

/* بداية كود تنسيق تعريف البرنامج المفتوح */
.ag-program-description-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-description-box > *,
.ag-program-definition-pro,
.ag-program-definition-pro * {
    box-sizing: border-box;
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif !important;
}

.ag-program-definition-pro {
    --ag-def-main: #2563eb;
    --ag-def-accent: #7c3aed;
    --ag-def-cyan: #38bdf8;
    --ag-def-text: #172033;
    --ag-def-muted: #65738a;
    --ag-def-line: rgba(37, 99, 235, .22);
    --ag-def-glow: rgba(37, 99, 235, .16);
    position: relative;
    direction: rtl;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(14px, 2vw, 24px) 0 clamp(18px, 2.5vw, 34px) !important;
    padding: 0 !important;
    color: var(--ag-def-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-definition-title {
    position: relative;
    width: min(100%, 760px);
    min-height: clamp(58px, 7vw, 76px);
    margin: 0 auto clamp(22px, 3vw, 38px) !important;
    padding: 0 clamp(84px, 10vw, 122px) 0 clamp(82px, 10vw, 118px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background:
        linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, .12) 14%, rgba(124, 58, 237, .14) 50%, rgba(37, 99, 235, .12) 86%, transparent 100%),
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(239,246,255,.74)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    isolation: isolate;
}

.ag-program-definition-title::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, var(--ag-def-main), transparent 18%, transparent 82%, var(--ag-def-accent)),
        linear-gradient(180deg, rgba(37,99,235,.18), rgba(124,58,237,.12));
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 7% 100%, 0 50%);
    opacity: .9;
}

.ag-program-definition-title::after {
    content: '01';
    position: absolute;
    left: clamp(56px, 7vw, 84px);
    top: 50%;
    transform: translateY(-50%);
    color: var(--ag-def-accent);
    font-size: clamp(18px, 2.1vw, 28px);
    font-weight: 950;
    letter-spacing: .04em;
    text-shadow: 0 0 18px rgba(124, 58, 237, .32);
}

.ag-program-definition-title span {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
    font-size: clamp(24px, 3vw, 42px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -.6px;
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
    white-space: nowrap;
}

.ag-program-definition-title span::before {
    content: '';
    position: absolute;
    right: calc(100% + clamp(18px, 2vw, 28px));
    top: 50%;
    width: clamp(42px, 5vw, 64px);
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ag-def-cyan));
    transform: translateY(-50%);
}

.ag-program-definition-title span::after {
    content: '📖';
    position: absolute;
    right: auto;
    left: calc(100% + clamp(36px, 4vw, 56px));
    top: 50%;
    width: clamp(48px, 6vw, 68px);
    height: clamp(48px, 6vw, 68px);
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border-radius: 16px;
    color: #ffffff;
    font-size: clamp(22px, 2.4vw, 32px);
    background: linear-gradient(135deg, #5b6cff, #8b5cf6 58%, #6d28d9);
    box-shadow: 0 18px 40px rgba(124, 58, 237, .28), inset 0 1px 0 rgba(255,255,255,.32);
}

.ag-program-definition-flow {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 clamp(6px, 1.3vw, 18px) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(12px, 1.6vw, 20px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-flow::before {
    content: '';
    position: absolute;
    top: 2px;
    bottom: 2px;
    right: clamp(2px, .6vw, 8px);
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, transparent, var(--ag-def-main), var(--ag-def-cyan), transparent);
    opacity: .55;
}

.ag-program-definition-lead,
.ag-program-definition-text {
    position: relative;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 clamp(28px, 3.1vw, 44px) 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: right !important;
    overflow: visible !important;
}

.ag-program-definition-lead {
    color: #0f172a !important;
    font-size: clamp(18px, 1.55vw, 23px) !important;
    font-weight: 900 !important;
    line-height: 2.05 !important;
}

.ag-program-definition-text {
    color: var(--ag-def-text) !important;
    font-size: clamp(15.5px, 1.16vw, 18px) !important;
    font-weight: 700 !important;
    line-height: 2.15 !important;
}

.ag-program-definition-lead::before,
.ag-program-definition-text::before {
    content: '';
    position: absolute;
    right: 0;
    top: .92em;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ag-def-main);
    box-shadow: 0 0 0 7px var(--ag-def-glow), 0 0 22px rgba(37, 99, 235, .22);
}

.ag-program-definition-lead::after,
.ag-program-definition-text::after {
    content: '';
    position: absolute;
    right: 19px;
    top: calc(.92em + 4px);
    width: clamp(22px, 4vw, 58px);
    height: 1px;
    background: linear-gradient(90deg, var(--ag-def-line), transparent);
}

.ag-program-definition-text.is-soft,
.ag-program-definition-text.is-clear {
    background: transparent !important;
    border: 0 !important;
}

.ag-program-definition-points {
    position: relative;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 clamp(28px, 3.1vw, 44px) 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 11px !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-points li {
    position: relative;
    margin: 0 !important;
    padding: 0 26px 0 0 !important;
    color: var(--ag-def-text) !important;
    font-size: clamp(15px, 1.08vw, 17.5px) !important;
    font-weight: 750 !important;
    line-height: 2.05 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-points li::before {
    content: '';
    position: absolute;
    right: 0;
    top: .83em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ag-def-accent);
    box-shadow: 0 0 0 6px rgba(124, 58, 237, .12);
}

html[data-theme="dark"] .ag-program-definition-pro {
    --ag-def-main: #38bdf8;
    --ag-def-accent: #a78bfa;
    --ag-def-cyan: #22d3ee;
    --ag-def-text: #dcecff;
    --ag-def-muted: #9fb1c8;
    --ag-def-line: rgba(125, 211, 252, .24);
    --ag-def-glow: rgba(56, 189, 248, .14);
    color: #eaf3ff !important;
}

html[data-theme="dark"] .ag-program-definition-title {
    background:
        linear-gradient(90deg, transparent 0%, rgba(56, 189, 248, .10) 14%, rgba(124, 58, 237, .16) 50%, rgba(56, 189, 248, .10) 86%, transparent 100%),
        linear-gradient(180deg, rgba(15, 23, 42, .88), rgba(15, 23, 42, .36)) !important;
}

html[data-theme="dark"] .ag-program-definition-title::before {
    background:
        linear-gradient(90deg, #2563eb, transparent 18%, transparent 82%, #8b5cf6),
        linear-gradient(180deg, rgba(56,189,248,.22), rgba(124,58,237,.16));
}

html[data-theme="dark"] .ag-program-definition-title span {
    color: #ffffff !important;
    text-shadow: 0 0 24px rgba(56, 189, 248, .16);
}

html[data-theme="dark"] .ag-program-definition-lead {
    color: #f8fbff !important;
}

html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-definition-points li {
    color: #dcecff !important;
}

@media (max-width: 900px) {
    .ag-program-definition-title {
        width: 100%;
        padding-inline: 72px 72px !important;
    }
}

@media (max-width: 640px) {
    .ag-program-definition-pro {
        margin-top: 12px !important;
    }

    .ag-program-definition-title {
        min-height: 58px;
        padding-inline: 58px 58px !important;
        margin-bottom: 22px !important;
    }

    .ag-program-definition-title::after {
        left: 42px;
        font-size: 16px;
    }

    .ag-program-definition-title span {
        font-size: 23px !important;
        white-space: nowrap;
    }

    .ag-program-definition-title span::after {
        left: calc(100% + 20px);
        width: 44px;
        height: 44px;
        border-radius: 13px;
        font-size: 21px;
    }

    .ag-program-definition-title span::before {
        right: calc(100% + 14px);
        width: 28px;
    }

    .ag-program-definition-flow {
        padding-inline: 0 6px !important;
        gap: 13px !important;
    }

    .ag-program-definition-lead,
    .ag-program-definition-text,
    .ag-program-definition-points {
        padding-right: 28px !important;
    }

    .ag-program-definition-lead {
        font-size: 17px !important;
        line-height: 2.02 !important;
    }

    .ag-program-definition-text,
    .ag-program-definition-points li {
        font-size: 15px !important;
        line-height: 2.05 !important;
    }
}
/* نهاية كود تنسيق تعريف البرنامج المفتوح */


/* بداية كود مميزات البرنامج بتصميم مفتوح + إلغاء أرقام العناوين */
.ag-program-definition-title::after {
    content: none !important;
    display: none !important;
}

.ag-program-features-pro,
.ag-program-features-pro * {
    box-sizing: border-box;
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif !important;
}

.ag-program-features-pro {
    --ag-feat-main: #2563eb;
    --ag-feat-accent: #7c3aed;
    --ag-feat-cyan: #38bdf8;
    --ag-feat-text: #172033;
    --ag-feat-muted: #5b6b82;
    --ag-feat-check: #3b82f6;
    direction: rtl;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(26px, 4vw, 54px) 0 clamp(18px, 3vw, 42px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-features-title {
    position: relative;
    width: min(100%, 760px);
    min-height: clamp(56px, 6.8vw, 74px);
    margin: 0 auto clamp(22px, 3vw, 36px) !important;
    padding: 0 clamp(86px, 10vw, 126px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background:
        linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, .13) 14%, rgba(124, 58, 237, .14) 50%, rgba(37, 99, 235, .13) 86%, transparent 100%),
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(239,246,255,.68)) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    isolation: isolate;
}

.ag-program-features-title::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, var(--ag-feat-main), transparent 18%, transparent 82%, var(--ag-feat-accent)),
        linear-gradient(180deg, rgba(37,99,235,.18), rgba(124,58,237,.12));
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 7% 100%, 0 50%);
    opacity: .95;
}

.ag-program-features-title span {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
    font-size: clamp(24px, 3vw, 40px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -.6px;
    text-shadow: 0 1px 0 rgba(255,255,255,.92);
    white-space: nowrap;
}

.ag-program-features-title span::before {
    content: '';
    position: absolute;
    right: calc(100% + clamp(18px, 2vw, 28px));
    top: 50%;
    width: clamp(42px, 5vw, 64px);
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--ag-feat-cyan));
    transform: translateY(-50%);
}

.ag-program-features-title span::after {
    content: '☆';
    position: absolute;
    left: calc(100% + clamp(36px, 4vw, 56px));
    top: 50%;
    width: clamp(48px, 6vw, 68px);
    height: clamp(48px, 6vw, 68px);
    display: grid;
    place-items: center;
    transform: translateY(-50%);
    border-radius: 16px;
    color: #ffffff;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 900;
    line-height: 1;
    background: linear-gradient(135deg, #5b6cff, #8b5cf6 58%, #6d28d9);
    box-shadow: 0 18px 40px rgba(124, 58, 237, .28), inset 0 1px 0 rgba(255,255,255,.32);
}

.ag-program-features-list {
    width: min(100%, 960px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: clamp(10px, 1.4vw, 16px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li {
    position: relative;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ag-feat-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li i {
    width: 24px;
    height: 24px;
    margin-top: .55em;
    display: inline-grid !important;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 17px;
    font-weight: 900;
    background: linear-gradient(135deg, var(--ag-feat-check), #6366f1);
    box-shadow: 0 8px 18px rgba(37, 99, 235, .22), inset 0 1px 0 rgba(255,255,255,.36);
}

.ag-program-features-list li span {
    display: block;
    color: var(--ag-feat-text) !important;
    font-size: clamp(16px, 1.22vw, 19px) !important;
    font-weight: 800 !important;
    line-height: 2.05 !important;
    text-align: right !important;
}

.ag-single-tab i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 21px !important;
    line-height: 1 !important;
    transform-origin: center;
    transition: transform .25s ease, filter .25s ease, color .25s ease;
}

.ag-single-tab:hover i,
.ag-single-tab.is-active i,
.ag-single-tab[aria-selected="true"] i {
    animation: agTabIconFloat .9s ease-in-out infinite alternate;
    filter: drop-shadow(0 0 8px rgba(255, 255, 255, .55));
}

@keyframes agTabIconFloat {
    0% {
        transform: translateY(0) scale(1) rotate(0deg);
    }
    100% {
        transform: translateY(-3px) scale(1.12) rotate(-7deg);
    }
}

html[data-theme="dark"] .ag-program-features-pro {
    --ag-feat-main: #38bdf8;
    --ag-feat-accent: #a78bfa;
    --ag-feat-cyan: #22d3ee;
    --ag-feat-text: #dcecff;
    --ag-feat-muted: #9fb1c8;
    --ag-feat-check: #3b82f6;
}

html[data-theme="dark"] .ag-program-features-title {
    background:
        linear-gradient(90deg, transparent 0%, rgba(56, 189, 248, .10) 14%, rgba(124, 58, 237, .16) 50%, rgba(56, 189, 248, .10) 86%, transparent 100%),
        linear-gradient(180deg, rgba(15, 23, 42, .88), rgba(15, 23, 42, .36)) !important;
}

html[data-theme="dark"] .ag-program-features-title::before {
    background:
        linear-gradient(90deg, #2563eb, transparent 18%, transparent 82%, #8b5cf6),
        linear-gradient(180deg, rgba(56,189,248,.22), rgba(124,58,237,.16));
}

html[data-theme="dark"] .ag-program-features-title span {
    color: #ffffff !important;
    text-shadow: 0 0 24px rgba(56, 189, 248, .16);
}

html[data-theme="dark"] .ag-program-features-list li span {
    color: #dcecff !important;
}

@media (max-width: 900px) {
    .ag-program-features-title {
        width: 100%;
        padding-inline: 72px 72px !important;
    }
}

@media (max-width: 640px) {
    .ag-program-features-title {
        min-height: 58px;
        padding-inline: 58px 58px !important;
        margin-bottom: 22px !important;
    }

    .ag-program-features-title span {
        font-size: 23px !important;
    }

    .ag-program-features-title span::after {
        left: calc(100% + 20px);
        width: 44px;
        height: 44px;
        border-radius: 13px;
        font-size: 28px;
    }

    .ag-program-features-title span::before {
        right: calc(100% + 14px);
        width: 28px;
    }

    .ag-program-features-list {
        width: 100% !important;
        gap: 12px !important;
    }

    .ag-program-features-list li {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 10px;
    }

    .ag-program-features-list li i {
        width: 22px;
        height: 22px;
        font-size: 15px;
        margin-top: .58em;
    }

    .ag-program-features-list li span {
        font-size: 15px !important;
        line-height: 2.02 !important;
    }
}
/* نهاية كود مميزات البرنامج بتصميم مفتوح + إلغاء أرقام العناوين */

/* بداية كود إصلاح نهائي لشكل تعريف البرنامج والمميزات بدون إيموجي */
.ag-program-description-box,
.ag-program-definition-pro,
.ag-program-features-pro {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ag-program-definition-pro,
.ag-program-features-pro,
.ag-program-definition-pro *,
.ag-program-features-pro * {
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif !important;
    box-sizing: border-box !important;
}

.ag-program-definition-pro {
    --ag-def-title-a: #2563eb;
    --ag-def-title-b: #7c3aed;
    --ag-def-icon: #ffffff;
    --ag-def-text: #111827;
    --ag-def-muted: rgba(17, 24, 39, .72);
    --ag-def-line: rgba(37, 99, 235, .34);
    --ag-def-dot: #3b82f6;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(28px, 4vw, 54px) 0 clamp(30px, 4vw, 58px) !important;
    padding: 0 !important;
    direction: rtl !important;
}

.ag-program-definition-title {
    position: relative !important;
    width: min(100%, 820px) !important;
    min-height: clamp(56px, 6vw, 74px) !important;
    margin: 0 auto clamp(26px, 3vw, 40px) !important;
    padding: 0 clamp(74px, 8vw, 110px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    text-align: center !important;
    isolation: isolate !important;
    background: linear-gradient(90deg, transparent 0%, rgba(37,99,235,.12) 16%, rgba(124,58,237,.16) 50%, rgba(37,99,235,.12) 84%, transparent 100%) !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ag-program-definition-title::before {
    content: '' !important;
    position: absolute !important;
    inset: 9px 0 !important;
    z-index: -1 !important;
    background: linear-gradient(90deg, var(--ag-def-title-a), rgba(37,99,235,.10) 28%, rgba(124,58,237,.10) 72%, var(--ag-def-title-b)) !important;
    clip-path: polygon(10% 0, 100% 0, 92% 50%, 100% 100%, 10% 100%, 0 50%) !important;
    opacity: .92 !important;
}

.ag-program-definition-title::after {
    content: '' !important;
    position: absolute !important;
    right: clamp(16px, 3vw, 42px) !important;
    top: 50% !important;
    width: clamp(58px, 8vw, 110px) !important;
    height: 3px !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(90deg, transparent, #60a5fa, transparent) !important;
    display: block !important;
    border-radius: 999px !important;
}

.ag-program-definition-title i,
.ag-program-features-title i {
    width: clamp(46px, 5.2vw, 62px) !important;
    height: clamp(46px, 5.2vw, 62px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    border-radius: 18px !important;
    color: var(--ag-def-icon) !important;
    font-size: clamp(24px, 2.6vw, 34px) !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, #2563eb 0%, #6366f1 48%, #8b5cf6 100%) !important;
    box-shadow: 0 18px 42px rgba(37, 99, 235, .22), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.ag-program-definition-title span,
.ag-program-features-title span {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0f172a !important;
    font-size: clamp(24px, 3vw, 40px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -.5px !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.72) !important;
}

.ag-program-definition-title span::before,
.ag-program-definition-title span::after,
.ag-program-features-title span::before,
.ag-program-features-title span::after {
    content: none !important;
    display: none !important;
}

.ag-program-definition-flow {
    position: relative !important;
    width: min(100%, 950px) !important;
    margin: 0 auto !important;
    padding: 0 clamp(16px, 2vw, 28px) 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-flow::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 6px !important;
    bottom: 6px !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, transparent, var(--ag-def-title-a), #38bdf8, transparent) !important;
    opacity: .75 !important;
}

.ag-program-definition-lead,
.ag-program-definition-text {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 clamp(28px, 3vw, 42px) 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: var(--ag-def-text) !important;
    text-align: right !important;
    overflow: visible !important;
}

.ag-program-definition-lead {
    font-size: clamp(18px, 1.6vw, 22px) !important;
    font-weight: 900 !important;
    line-height: 2.05 !important;
}

.ag-program-definition-text {
    font-size: clamp(16px, 1.18vw, 18px) !important;
    font-weight: 760 !important;
    line-height: 2.12 !important;
}

.ag-program-definition-lead::before,
.ag-program-definition-text::before {
    content: '' !important;
    position: absolute !important;
    right: -4px !important;
    top: .95em !important;
    width: 11px !important;
    height: 11px !important;
    border-radius: 999px !important;
    background: var(--ag-def-dot) !important;
    box-shadow: 0 0 0 7px rgba(59,130,246,.12), 0 0 24px rgba(59,130,246,.24) !important;
}

.ag-program-definition-lead::after,
.ag-program-definition-text::after {
    content: '' !important;
    position: absolute !important;
    right: 18px !important;
    top: calc(.95em + 5px) !important;
    width: clamp(28px, 4vw, 64px) !important;
    height: 1px !important;
    background: linear-gradient(90deg, var(--ag-def-line), transparent) !important;
}

.ag-program-features-pro {
    --ag-feat-main: #2563eb;
    --ag-feat-accent: #7c3aed;
    --ag-feat-text: #101827;
    --ag-feat-line: rgba(15, 23, 42, .10);
    --ag-feat-check: #2563eb;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(34px, 5vw, 68px) 0 clamp(28px, 4vw, 56px) !important;
    padding: 0 !important;
    direction: rtl !important;
}

.ag-program-features-title {
    position: relative !important;
    width: min(100%, 820px) !important;
    min-height: clamp(54px, 6vw, 72px) !important;
    margin: 0 auto clamp(22px, 3vw, 36px) !important;
    padding: 0 clamp(74px, 8vw, 110px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    text-align: center !important;
    isolation: isolate !important;
    background: linear-gradient(90deg, transparent, rgba(15, 23, 42, .09), rgba(37,99,235,.12), transparent) !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ag-program-features-title::before {
    content: '' !important;
    position: absolute !important;
    inset: 9px 0 !important;
    z-index: -1 !important;
    background: linear-gradient(90deg, #0f172a, #1e3a8a 44%, #4338ca 100%) !important;
    clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 8% 50%) !important;
    opacity: .95 !important;
}

.ag-program-features-title::after {
    content: '' !important;
    position: absolute !important;
    left: clamp(18px, 3vw, 46px) !important;
    top: 50% !important;
    width: clamp(58px, 8vw, 110px) !important;
    height: 3px !important;
    transform: translateY(-50%) !important;
    background: linear-gradient(90deg, transparent, #60a5fa, transparent) !important;
    display: block !important;
    border-radius: 999px !important;
}

.ag-program-features-title i {
    color: #ffffff !important;
    background: linear-gradient(135deg, #0ea5e9, #2563eb 48%, #4f46e5) !important;
}

.ag-program-features-title span {
    color: #ffffff !important;
    text-shadow: 0 10px 30px rgba(0,0,0,.28) !important;
}

.ag-program-features-list {
    position: relative !important;
    width: min(100%, 920px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-features-list li {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ag-feat-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li:last-child {
    border-bottom: 0 !important;
}

.ag-program-features-list li i {
    width: 22px !important;
    height: 22px !important;
    margin-top: .55em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    background: linear-gradient(135deg, var(--ag-feat-check), #60a5fa) !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .22), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

.ag-program-features-list li span {
    display: block !important;
    color: var(--ag-feat-text) !important;
    font-size: clamp(16px, 1.18vw, 18.5px) !important;
    font-weight: 850 !important;
    line-height: 2.05 !important;
    text-align: right !important;
}

.ag-single-tab i {
    transition: transform .25s ease, filter .25s ease !important;
}

.ag-single-tab:hover i,
.ag-single-tab.is-active i,
.ag-single-tab[aria-selected="true"] i {
    animation: agTabIconPulse 1s ease-in-out infinite alternate !important;
}

@keyframes agTabIconPulse {
    0% { transform: translateY(0) scale(1) rotate(0deg); }
    100% { transform: translateY(-3px) scale(1.12) rotate(-6deg); }
}

html[data-theme="dark"] .ag-program-definition-pro {
    --ag-def-title-a: #38bdf8;
    --ag-def-title-b: #8b5cf6;
    --ag-def-text: #eaf3ff;
    --ag-def-muted: rgba(234, 243, 255, .70);
    --ag-def-line: rgba(125, 211, 252, .30);
    --ag-def-dot: #38bdf8;
}

html[data-theme="dark"] .ag-program-definition-title span,
html[data-theme="dark"] .ag-program-definition-lead,
html[data-theme="dark"] .ag-program-definition-text {
    color: #f8fbff !important;
}

html[data-theme="dark"] .ag-program-features-pro {
    --ag-feat-text: #eaf3ff;
    --ag-feat-line: rgba(148, 163, 184, .18);
    --ag-feat-check: #38bdf8;
}

html[data-theme="dark"] .ag-program-features-list li span {
    color: #eaf3ff !important;
}

@media (max-width: 760px) {
    .ag-program-definition-title,
    .ag-program-features-title {
        width: 100% !important;
        min-height: 56px !important;
        padding: 0 58px !important;
        gap: 10px !important;
    }

    .ag-program-definition-title i,
    .ag-program-features-title i {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
        font-size: 23px !important;
    }

    .ag-program-definition-title span,
    .ag-program-features-title span {
        font-size: 23px !important;
    }

    .ag-program-definition-title::after,
    .ag-program-features-title::after {
        width: 38px !important;
    }

    .ag-program-definition-flow,
    .ag-program-features-list {
        width: 100% !important;
    }

    .ag-program-definition-lead {
        font-size: 17px !important;
        line-height: 2 !important;
    }

    .ag-program-definition-text,
    .ag-program-features-list li span {
        font-size: 15px !important;
        line-height: 2 !important;
    }
}
/* نهاية كود إصلاح نهائي لشكل تعريف البرنامج والمميزات بدون إيموجي */

/* بداية كود إصلاح نهائي لفصل التعريف والمميزات + أيقونات SVG بدون إيموجي */
.ag-program-description-box {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-definition-pro,
.ag-program-features-pro,
.ag-program-definition-pro *,
.ag-program-features-pro * {
    box-sizing: border-box !important;
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif !important;
}

.ag-program-definition-pro,
.ag-program-features-pro {
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    direction: rtl !important;
}

.ag-program-definition-pro {
    margin: clamp(26px, 4vw, 52px) 0 clamp(42px, 5vw, 72px) !important;
    --ag-def-main: #2563eb;
    --ag-def-soft: #60a5fa;
    --ag-def-violet: #7c3aed;
    --ag-def-text: #101827;
    --ag-def-muted: rgba(15, 23, 42, .72);
}

.ag-program-definition-title {
    position: relative !important;
    width: min(100%, 760px) !important;
    min-height: clamp(58px, 6vw, 78px) !important;
    margin: 0 auto clamp(24px, 3vw, 38px) !important;
    padding: 0 clamp(70px, 7vw, 100px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    isolation: isolate !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ag-program-definition-title::before {
    content: '' !important;
    position: absolute !important;
    inset: 8px 0 !important;
    z-index: -2 !important;
    background:
        linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, .18) 12%, rgba(124, 58, 237, .25) 50%, rgba(37, 99, 235, .18) 88%, transparent 100%),
        linear-gradient(90deg, rgba(37, 99, 235, .95), rgba(15, 23, 42, .88) 28%, rgba(37, 99, 235, .72) 70%, rgba(124, 58, 237, .95));
    clip-path: polygon(8% 0, 100% 0, 92% 50%, 100% 100%, 8% 100%, 0 50%) !important;
    box-shadow: 0 18px 44px rgba(37, 99, 235, .18) !important;
}

.ag-program-definition-title::after {
    content: '' !important;
    position: absolute !important;
    left: 15% !important;
    right: 15% !important;
    bottom: 6px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #60a5fa, #a78bfa, transparent) !important;
    border-radius: 999px !important;
    display: block !important;
}

.ag-program-definition-icon,
.ag-program-features-icon {
    width: clamp(44px, 5vw, 58px) !important;
    height: clamp(44px, 5vw, 58px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    border-radius: 18px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #7c3aed) !important;
    box-shadow: 0 16px 34px rgba(37, 99, 235, .24), inset 0 1px 0 rgba(255, 255, 255, .35) !important;
    animation: agProgramIconFloat 1.8s ease-in-out infinite alternate !important;
}

.ag-program-definition-icon svg,
.ag-program-features-icon svg,
.ag-program-feature-check svg {
    width: 58% !important;
    height: 58% !important;
    display: block !important;
    fill: currentColor !important;
}

.ag-program-definition-title span:last-child,
.ag-program-features-title span:last-child {
    position: relative !important;
    color: #ffffff !important;
    font-size: clamp(25px, 3vw, 40px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -.6px !important;
    text-shadow: 0 10px 26px rgba(0, 0, 0, .30) !important;
    white-space: nowrap !important;
}

.ag-program-definition-flow {
    width: min(100%, 940px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-flow::before,
.ag-program-definition-lead::before,
.ag-program-definition-text::before,
.ag-program-definition-lead::after,
.ag-program-definition-text::after {
    content: none !important;
    display: none !important;
}

.ag-program-definition-lead,
.ag-program-definition-text {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--ag-def-text) !important;
    text-align: center !important;
    overflow: visible !important;
}

.ag-program-definition-lead {
    font-size: clamp(18px, 1.55vw, 22px) !important;
    line-height: 2.05 !important;
    font-weight: 900 !important;
}

.ag-program-definition-text {
    font-size: clamp(16px, 1.18vw, 18px) !important;
    line-height: 2.08 !important;
    font-weight: 780 !important;
    color: var(--ag-def-muted) !important;
}

.ag-program-features-pro {
    margin: clamp(30px, 4.6vw, 64px) 0 clamp(32px, 4.6vw, 64px) !important;
    --ag-feat-main: #2563eb;
    --ag-feat-dark: #0f172a;
    --ag-feat-violet: #4f46e5;
    --ag-feat-text: #111827;
    --ag-feat-check: #38bdf8;
}

.ag-program-features-title {
    position: relative !important;
    width: min(100%, 760px) !important;
    min-height: clamp(56px, 6vw, 76px) !important;
    margin: 0 auto clamp(20px, 3vw, 34px) !important;
    padding: 0 clamp(70px, 7vw, 100px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    isolation: isolate !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ag-program-features-title::before {
    content: '' !important;
    position: absolute !important;
    inset: 9px 0 !important;
    z-index: -2 !important;
    background: linear-gradient(90deg, #111827 0%, #1d4ed8 48%, #4338ca 100%) !important;
    clip-path: polygon(0 0, 92% 0, 100% 50%, 92% 100%, 0 100%, 8% 50%) !important;
    box-shadow: 0 18px 44px rgba(37, 99, 235, .16) !important;
}

.ag-program-features-title::after {
    content: '' !important;
    position: absolute !important;
    left: 14% !important;
    right: 14% !important;
    bottom: 7px !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #38bdf8, #818cf8, transparent) !important;
    border-radius: 999px !important;
    display: block !important;
}

.ag-program-features-icon {
    background: linear-gradient(135deg, #0ea5e9, #2563eb 55%, #4f46e5) !important;
}

.ag-program-features-list {
    width: min(100%, 900px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-feature-check {
    width: 20px !important;
    height: 20px !important;
    margin-top: .55em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ag-feat-check) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 10px rgba(56, 189, 248, .24)) !important;
    animation: agProgramCheckPulse 1.55s ease-in-out infinite alternate !important;
}

.ag-program-feature-check svg {
    width: 100% !important;
    height: 100% !important;
}

.ag-program-features-list li span:last-child {
    display: block !important;
    color: var(--ag-feat-text) !important;
    font-size: clamp(16px, 1.16vw, 18.5px) !important;
    line-height: 2.05 !important;
    font-weight: 850 !important;
    text-align: right !important;
}

.ag-single-tab i {
    transition: transform .25s ease, filter .25s ease, color .25s ease !important;
}

.ag-single-tab:hover i,
.ag-single-tab.is-active i,
.ag-single-tab[aria-selected="true"] i {
    animation: agProgramIconFloat 1.4s ease-in-out infinite alternate !important;
    filter: drop-shadow(0 10px 12px rgba(37, 99, 235, .24)) !important;
}

@keyframes agProgramIconFloat {
    0% { transform: translateY(0) scale(1) rotate(0deg); }
    100% { transform: translateY(-3px) scale(1.08) rotate(-4deg); }
}

@keyframes agProgramCheckPulse {
    0% { transform: translateY(0) scale(1); opacity: .86; }
    100% { transform: translateY(-1px) scale(1.13); opacity: 1; }
}

html[data-theme="dark"] .ag-program-definition-pro {
    --ag-def-main: #38bdf8;
    --ag-def-soft: #7dd3fc;
    --ag-def-violet: #8b5cf6;
    --ag-def-text: #f8fbff;
    --ag-def-muted: rgba(234, 243, 255, .82);
}

html[data-theme="dark"] .ag-program-definition-title::before {
    background:
        linear-gradient(90deg, transparent 0%, rgba(56, 189, 248, .18) 12%, rgba(139, 92, 246, .22) 50%, rgba(56, 189, 248, .18) 88%, transparent 100%),
        linear-gradient(90deg, rgba(14, 116, 144, .95), rgba(15, 23, 42, .95) 30%, rgba(37, 99, 235, .72) 70%, rgba(91, 33, 182, .95)) !important;
}

html[data-theme="dark"] .ag-program-features-pro {
    --ag-feat-text: #eaf3ff;
    --ag-feat-check: #22c55e;
}

html[data-theme="dark"] .ag-program-features-title::before {
    background: linear-gradient(90deg, #07111f 0%, #075985 48%, #064e3b 100%) !important;
}

html[data-theme="dark"] .ag-program-feature-check {
    filter: drop-shadow(0 8px 10px rgba(34, 197, 94, .25)) !important;
}

@media (max-width: 760px) {
    .ag-program-definition-title,
    .ag-program-features-title {
        width: 100% !important;
        min-height: 58px !important;
        padding: 0 54px !important;
        gap: 10px !important;
    }

    .ag-program-definition-icon,
    .ag-program-features-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 14px !important;
    }

    .ag-program-definition-title span:last-child,
    .ag-program-features-title span:last-child {
        font-size: 23px !important;
    }

    .ag-program-definition-lead,
    .ag-program-definition-text {
        text-align: right !important;
    }

    .ag-program-features-list li span:last-child {
        font-size: 15px !important;
        line-height: 2 !important;
    }
}
/* نهاية كود إصلاح نهائي لفصل التعريف والمميزات + أيقونات SVG بدون إيموجي */


/*
==================================================
بداية كود إلغاء بوكسات جانب المقال وتوسيع صفحة المقال
==================================================
*/
.ag-single-page {
    padding-right: 24px !important;
    padding-left: 24px !important;
}

.ag-single-layout {
    width: min(1320px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    direction: rtl !important;
}

.ag-single-sidebar,
.ag-single-sideboxes,
.ag-single-sidebox,
.ag-single-sidebar-title {
    display: none !important;
}

.ag-single-article {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 28px 0 70px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-single-hero,
.ag-single-body,
.ag-single-tab-panels,
.ag-single-tab-panel,
.ag-single-content,
.ag-program-description-box,
.ag-program-gallery-content,
.ag-program-single-section,
.ag-program-single-faq,
.ag-program-single-comments {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-description-box {
    padding: 0 !important;
}

.ag-single-content {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

html[data-theme="dark"] .ag-single-article,
html[data-theme="dark"] .ag-single-hero,
html[data-theme="dark"] .ag-single-body,
html[data-theme="dark"] .ag-single-tab-panels,
html[data-theme="dark"] .ag-single-tab-panel,
html[data-theme="dark"] .ag-single-content,
html[data-theme="dark"] .ag-program-description-box,
html[data-theme="dark"] .ag-program-gallery-content,
html[data-theme="dark"] .ag-program-single-section,
html[data-theme="dark"] .ag-program-single-faq,
html[data-theme="dark"] .ag-program-single-comments {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 1024px) {
    .ag-single-page {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .ag-single-article {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}
/*
==================================================
نهاية كود إلغاء بوكسات جانب المقال وتوسيع صفحة المقال
==================================================
*/

/* بداية كود تعديل عرض المقال والتبويبات والتقييم بدون بوكسات */
.ag-single-page {
    width: 100%;
    min-height: 100vh;
    padding: 32px 24px 90px;
    direction: rtl;
}

.ag-single-layout {
    width: min(1600px, calc(100% - 20px));
    max-width: 1600px;
    margin: 0 auto;
    display: block;
    direction: rtl;
}

.ag-single-article {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    direction: rtl;
}

.ag-single-hero {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 124px;
    gap: 22px;
    align-items: center;
    margin: 0 auto 46px;
    direction: ltr;
}

.ag-single-head-content {
    min-width: 0;
    padding: 0;
    direction: rtl;
    text-align: center;
}

.ag-single-title {
    max-width: 100%;
    margin: 0 auto;
    color: #06355f;
    font-size: clamp(28px, 2.55vw, 45px);
    line-height: 1.35;
    font-weight: 950;
    letter-spacing: -0.8px;
    text-align: center;
    overflow-wrap: anywhere;
}

.ag-single-meta {
    width: 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px 18px;
    margin-top: 12px;
    direction: rtl;
}

.ag-single-meta-card,
.ag-single-rating {
    min-width: 0;
    min-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #324052;
    font-size: 15px;
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
}

.ag-single-meta-site span {
    color: #344054;
    font-weight: 900;
}

.ag-single-meta-date {
    min-width: 0;
}

.ag-single-meta-card i {
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2f80ed;
    font-size: 18px;
    line-height: 1;
}

.ag-single-thumb-wrap {
    width: 124px;
    height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible;
}

.ag-single-thumb {
    width: 118px;
    height: 118px;
    display: block;
    object-fit: cover;
    border: 0 !important;
    border-radius: 16px;
    background: transparent !important;
    box-shadow: 0 16px 32px rgba(7, 17, 31, .16);
}

/* بداية كود التقييم الجديد */
.ag-single-rating {
    position: relative;
    flex-wrap: wrap;
    gap: 7px 10px;
    transform: translateZ(0);
}

.ag-single-rating-main {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.ag-single-rating-reaction {
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f59e0b;
    font-size: 21px;
    line-height: 1;
    filter: drop-shadow(0 8px 10px rgba(245, 158, 11, .24));
    transition: transform .2s ease, color .2s ease, filter .2s ease;
}

.ag-single-rating.is-saving .ag-single-rating-reaction,
.ag-single-rating.is-pop .ag-single-rating-reaction {
    animation: agRatingPulse .46s ease both;
}

.ag-single-rating-texts {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.ag-single-rating-label {
    display: inline-flex;
    color: #073763;
    font-size: 14px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: -.2px;
}

.ag-single-rating-sub {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: rgba(50, 64, 82, .75);
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
}

.ag-single-rating-sub strong {
    color: #073763;
    font-size: 18px;
    font-weight: 950;
}

.ag-single-rating-sub small,
.ag-single-rating-sub em,
.ag-single-rating-sub b {
    color: rgba(50, 64, 82, .70);
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
}

.ag-single-rating-stars {
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 2px;
    direction: ltr;
}

.ag-single-rating-star {
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(7, 55, 99, .22);
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
    transform-origin: center;
    transition: transform .18s ease, color .18s ease, filter .18s ease, opacity .18s ease;
}

.ag-single-rating-star:hover,
.ag-single-rating-star:hover ~ .ag-single-rating-star,
.ag-single-rating-star.is-preview,
.ag-single-rating-star.is-preview ~ .ag-single-rating-star,
.ag-single-rating-star.is-active {
    color: #f5a400;
    filter: drop-shadow(0 8px 10px rgba(245, 164, 0, .24));
}

.ag-single-rating-star:hover,
.ag-single-rating-star.is-preview {
    transform: translateY(-3px) scale(1.18);
}

.ag-single-rating.is-voted .ag-single-rating-star {
    cursor: default;
    opacity: .88;
}

.ag-single-rating-message {
    width: 100%;
    min-height: 13px;
    display: block;
    color: #2f80ed;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 900;
    text-align: center;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .18s ease, transform .18s ease;
}

.ag-single-rating-message:not(:empty) {
    opacity: 1;
    transform: translateY(0);
}

@keyframes agRatingPulse {
    0% { transform: scale(1); }
    45% { transform: scale(1.25) rotate(-7deg); }
    100% { transform: scale(1); }
}
/* نهاية كود التقييم الجديد */

/* بداية كود التبويبات بعرض الصفحة */
.ag-single-body,
.ag-program-single-content,
.ag-single-tab-panels,
.ag-single-tab-panel,
.ag-single-content {
    width: 100%;
    max-width: none;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

.ag-single-tabs {
    width: 100%;
    max-width: none;
    margin: 0 auto 52px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible;
    direction: rtl;
}

.ag-single-tab {
    width: 100%;
    min-width: 0;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 18px;
    border: 0 !important;
    border-radius: 8px;
    background: #073763;
    box-shadow: none !important;
    color: #ffffff;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, opacity .18s ease;
}

.ag-single-tab i {
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: currentColor;
    font-size: 22px;
    line-height: 1;
}

.ag-single-tab span,
.ag-single-tab em {
    color: currentColor;
    font-size: clamp(15px, 1.05vw, 20px);
    line-height: 1;
    font-weight: 950;
    font-style: normal;
}

.ag-single-tab:hover {
    background: #0a467d;
    transform: translateY(-2px);
}

.ag-single-tab.is-active {
    background: #506cff;
    color: #ffffff;
    transform: translateY(-2px);
}

.ag-single-tab-panels {
    margin: 0;
    padding: 0;
}

.ag-single-content {
    padding: 0;
    color: #142033;
}
/* نهاية كود التبويبات بعرض الصفحة */

.ag-program-definition-pro,
.ag-program-features-pro,
.ag-program-single-section,
.ag-program-description-box,
.ag-program-gallery-shell,
.ag-program-slider-main,
.ag-program-slider-frame,
.ag-program-slider-caption,
.ag-program-slider-thumbs,
.ag-program-faq-item,
.ag-program-empty-shape,
.comment-respond,
.comments-area,
.comment-list,
.comment-body {
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ag-single-title,
html[data-theme="dark"] .ag-single-rating-label,
html[data-theme="dark"] .ag-single-rating-sub strong {
    color: #f6fbff;
}

html[data-theme="dark"] .ag-single-meta-card,
html[data-theme="dark"] .ag-single-meta-site span,
html[data-theme="dark"] .ag-single-rating-sub,
html[data-theme="dark"] .ag-single-rating-sub small,
html[data-theme="dark"] .ag-single-rating-sub em,
html[data-theme="dark"] .ag-single-rating-sub b {
    color: rgba(246, 251, 255, .76);
}

html[data-theme="dark"] .ag-single-tab {
    background: #073763;
    color: #ffffff;
}

html[data-theme="dark"] .ag-single-tab:hover {
    background: #0a467d;
}

html[data-theme="dark"] .ag-single-tab.is-active {
    background: #506cff;
    color: #ffffff;
}

html[data-theme="dark"] .ag-single-content {
    color: rgba(246, 251, 255, .88);
}

@media (max-width: 900px) {
    .ag-single-page {
        padding: 22px 14px 70px;
    }

    .ag-single-layout {
        width: 100%;
    }

    .ag-single-hero {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .ag-single-thumb-wrap {
        width: 100%;
        height: auto;
        order: -1;
    }

    .ag-single-thumb {
        width: 96px;
        height: 96px;
        margin: 0 auto;
    }

    .ag-single-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .ag-single-tab {
        min-height: 52px;
        padding: 12px 10px;
    }
}

@media (max-width: 520px) {
    .ag-single-tabs {
        grid-template-columns: 1fr;
    }

    .ag-single-meta,
    .ag-single-rating,
    .ag-single-rating-texts {
        flex-direction: column;
    }
}
/* نهاية كود تعديل عرض المقال والتبويبات والتقييم بدون بوكسات */


/* بداية كود بوكس تعريف البرنامج السينمائي تحت صورة المقال */
.ag-program-description-box {
    position: relative !important;
    overflow: visible !important;
}

.ag-program-definition-pro {
    --ag-def-bg-1: rgba(255, 255, 255, .72);
    --ag-def-bg-2: rgba(232, 242, 255, .52);
    --ag-def-blue: #2563eb;
    --ag-def-sky: #38bdf8;
    --ag-def-violet: #7c3aed;
    --ag-def-ink: #081f3d;
    --ag-def-soft: #52657f;
    position: relative !important;
    isolation: isolate !important;
    width: min(100%, 1180px) !important;
    margin: clamp(26px, 3vw, 44px) auto clamp(34px, 4vw, 58px) !important;
    padding: clamp(26px, 3.2vw, 48px) clamp(24px, 3vw, 46px) !important;
    color: var(--ag-def-ink) !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(56, 189, 248, .22), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(124, 58, 237, .17), transparent 30%),
        linear-gradient(135deg, var(--ag-def-bg-1), var(--ag-def-bg-2)) !important;
    border: 0 !important;
    border-radius: 34px !important;
    box-shadow: 0 28px 80px rgba(37, 99, 235, .13), 0 10px 26px rgba(15, 23, 42, .07) !important;
    overflow: hidden !important;
}

.ag-program-definition-pro::before,
.ag-program-definition-pro::after {
    content: '' !important;
    position: absolute !important;
    z-index: -1 !important;
    pointer-events: none !important;
}

.ag-program-definition-pro::before {
    inset: 0 !important;
    background:
        linear-gradient(90deg, rgba(37,99,235,.08) 1px, transparent 1px),
        linear-gradient(180deg, rgba(37,99,235,.06) 1px, transparent 1px) !important;
    background-size: 46px 46px !important;
    mask-image: radial-gradient(circle at center, black, transparent 78%) !important;
    opacity: .75 !important;
}

.ag-program-definition-pro::after {
    width: 420px !important;
    height: 420px !important;
    left: -140px !important;
    bottom: -190px !important;
    background: radial-gradient(circle, rgba(56, 189, 248, .25), transparent 64%) !important;
    filter: blur(3px) !important;
}

.ag-program-definition-title {
    position: relative !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 clamp(20px, 2.6vw, 36px) !important;
    padding: 0 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    text-align: right !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-title::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    top: auto !important;
    width: min(100%, 520px) !important;
    height: 4px !important;
    background: linear-gradient(90deg, transparent, var(--ag-def-sky), var(--ag-def-blue), var(--ag-def-violet)) !important;
    border-radius: 999px !important;
    clip-path: none !important;
    opacity: 1 !important;
}

.ag-program-definition-title::after {
    content: 'PROGRAM OVERVIEW' !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 2px !important;
    transform: none !important;
    color: rgba(37, 99, 235, .16) !important;
    font-size: clamp(28px, 5vw, 76px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.ag-program-definition-icon {
    position: relative !important;
    flex: 0 0 auto !important;
    width: clamp(44px, 4.4vw, 62px) !important;
    height: clamp(44px, 4.4vw, 62px) !important;
    display: grid !important;
    place-items: center !important;
    color: var(--ag-def-blue) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: agDefIconFloat 4.5s ease-in-out infinite !important;
}

.ag-program-definition-icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentColor !important;
    filter: drop-shadow(0 16px 24px rgba(37, 99, 235, .22)) !important;
}

.ag-program-definition-title > span:not(.ag-program-definition-icon) {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    color: var(--ag-def-ink) !important;
    font-size: clamp(25px, 3vw, 46px) !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    letter-spacing: -.9px !important;
    text-shadow: none !important;
    white-space: nowrap !important;
}

.ag-program-definition-title > span:not(.ag-program-definition-icon)::before,
.ag-program-definition-title > span:not(.ag-program-definition-icon)::after {
    content: none !important;
    display: none !important;
}

.ag-program-definition-flow {
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(13px, 1.5vw, 20px) !important;
    background: transparent !important;
}

.ag-program-definition-flow::before {
    content: '' !important;
    position: absolute !important;
    right: -16px !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 5px !important;
    background: linear-gradient(180deg, var(--ag-def-blue), var(--ag-def-sky), var(--ag-def-violet)) !important;
    border-radius: 999px !important;
    opacity: .85 !important;
}

.ag-program-definition-lead,
.ag-program-definition-text {
    position: relative !important;
    margin: 0 !important;
    padding: 0 28px 0 0 !important;
    color: var(--ag-def-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: right !important;
}

.ag-program-definition-lead {
    font-size: clamp(19px, 1.55vw, 25px) !important;
    font-weight: 950 !important;
    line-height: 2.05 !important;
}

.ag-program-definition-text {
    font-size: clamp(16px, 1.12vw, 19px) !important;
    font-weight: 750 !important;
    line-height: 2.18 !important;
    color: #20314a !important;
}

.ag-program-definition-lead::before,
.ag-program-definition-text::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: .95em !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: var(--ag-def-blue) !important;
    box-shadow: 0 0 0 8px rgba(37, 99, 235, .10), 0 0 26px rgba(37, 99, 235, .25) !important;
}

.ag-program-definition-lead::after,
.ag-program-definition-text::after {
    content: none !important;
    display: none !important;
}

.ag-program-definition-points {
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 11px !important;
    list-style: none !important;
}

.ag-program-definition-points li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 30px 0 0 !important;
    color: #20314a !important;
    font-size: clamp(15.5px, 1.05vw, 18px) !important;
    font-weight: 750 !important;
    line-height: 2.05 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-points li::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: .84em !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: var(--ag-def-violet) !important;
    box-shadow: 0 0 0 8px rgba(124, 58, 237, .11) !important;
}

@keyframes agDefIconFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-7px) rotate(-4deg); }
}

html[data-theme="dark"] .ag-program-definition-pro {
    --ag-def-bg-1: rgba(15, 23, 42, .76);
    --ag-def-bg-2: rgba(8, 16, 33, .58);
    --ag-def-blue: #38bdf8;
    --ag-def-sky: #22d3ee;
    --ag-def-violet: #a78bfa;
    --ag-def-ink: #f4f9ff;
    --ag-def-soft: #a9bdd5;
    background:
        radial-gradient(circle at 8% 18%, rgba(56, 189, 248, .18), transparent 28%),
        radial-gradient(circle at 92% 10%, rgba(167, 139, 250, .16), transparent 30%),
        linear-gradient(135deg, var(--ag-def-bg-1), var(--ag-def-bg-2)) !important;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .24), 0 0 70px rgba(56, 189, 248, .08) !important;
}

html[data-theme="dark"] .ag-program-definition-title > span:not(.ag-program-definition-icon),
html[data-theme="dark"] .ag-program-definition-lead {
    color: #ffffff !important;
}

html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-definition-points li {
    color: #dbeafe !important;
}

html[data-theme="dark"] .ag-program-definition-title::after {
    color: rgba(125, 211, 252, .10) !important;
}

@media (max-width: 700px) {
    .ag-program-definition-pro {
        padding: 22px 18px !important;
        border-radius: 24px !important;
    }

    .ag-program-definition-title::after {
        display: none !important;
    }

    .ag-program-definition-flow::before {
        right: -8px !important;
    }
}
/* نهاية كود بوكس تعريف البرنامج السينمائي تحت صورة المقال */

/* بداية كود إزالة حواف تعريف البرنامج ودمجه مع خلفية الموقع */
.ag-program-definition-pro,
html[data-theme="dark"] .ag-program-definition-pro {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: clamp(34px, 5vw, 72px) 0 clamp(34px, 5vw, 76px) !important;
    padding: clamp(22px, 4vw, 58px) 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.ag-program-definition-pro::before,
html[data-theme="dark"] .ag-program-definition-pro::before {
    content: '' !important;
    position: absolute !important;
    inset: clamp(-16px, -2vw, -6px) calc(50% - 50vw) !important;
    z-index: -2 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 14% 18%, rgba(56, 189, 248, .28), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(139, 92, 246, .24), transparent 34%),
        linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, .08) 26%, rgba(124, 58, 237, .10) 52%, rgba(56, 189, 248, .07) 78%, transparent 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    opacity: .95 !important;
}

.ag-program-definition-pro::after,
html[data-theme="dark"] .ag-program-definition-pro::after {
    content: 'VIEW' !important;
    position: absolute !important;
    right: calc(50% - 50vw + clamp(18px, 7vw, 180px)) !important;
    top: clamp(20px, 4vw, 56px) !important;
    z-index: -1 !important;
    pointer-events: none !important;
    color: rgba(37, 99, 235, .07) !important;
    font-size: clamp(58px, 9vw, 146px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -.06em !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-title,
html[data-theme="dark"] .ag-program-definition-title {
    width: min(100%, 980px) !important;
    margin: 0 auto clamp(24px, 3vw, 42px) !important;
    padding: 0 clamp(14px, 3vw, 42px) !important;
    min-height: auto !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-definition-title::before,
html[data-theme="dark"] .ag-program-definition-title::before {
    content: '' !important;
    position: absolute !important;
    inset: auto 50% -14px auto !important;
    width: min(520px, 72vw) !important;
    height: 4px !important;
    transform: translateX(50%) !important;
    background: linear-gradient(90deg, transparent, #38bdf8, #2563eb, #8b5cf6, transparent) !important;
    clip-path: none !important;
    opacity: .9 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 0 26px rgba(56, 189, 248, .26) !important;
}

.ag-program-definition-title::after,
html[data-theme="dark"] .ag-program-definition-title::after {
    content: none !important;
    display: none !important;
}

.ag-program-definition-title .ag-program-definition-icon,
.ag-program-definition-title i,
html[data-theme="dark"] .ag-program-definition-title .ag-program-definition-icon,
html[data-theme="dark"] .ag-program-definition-title i {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #101827 !important;
    filter: drop-shadow(0 14px 20px rgba(37, 99, 235, .18)) !important;
}

.ag-program-definition-title > span:not(.ag-program-definition-icon),
html[data-theme="dark"] .ag-program-definition-title > span:not(.ag-program-definition-icon) {
    color: #101827 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .72), 0 20px 42px rgba(37, 99, 235, .16) !important;
}

.ag-program-definition-flow,
html[data-theme="dark"] .ag-program-definition-flow {
    width: min(100%, 1050px) !important;
    margin: 0 auto !important;
    padding: 0 clamp(18px, 4vw, 70px) !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-flow::before,
html[data-theme="dark"] .ag-program-definition-flow::before {
    right: clamp(4px, 2vw, 26px) !important;
    width: 2px !important;
    background: linear-gradient(180deg, transparent, rgba(56,189,248,.78), rgba(139,92,246,.70), transparent) !important;
    border-radius: 0 !important;
    box-shadow: 0 0 18px rgba(56,189,248,.22) !important;
}

.ag-program-definition-lead,
.ag-program-definition-text,
.ag-program-definition-points,
.ag-program-definition-points li,
html[data-theme="dark"] .ag-program-definition-lead,
html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-definition-points,
html[data-theme="dark"] .ag-program-definition-points li {
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-lead,
html[data-theme="dark"] .ag-program-definition-lead {
    color: #101827 !important;
    font-weight: 900 !important;
    text-align: center !important;
}

.ag-program-definition-text,
.ag-program-definition-points li,
html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-definition-points li {
    color: #16243a !important;
    text-align: center !important;
}

html[data-theme="dark"] .ag-program-definition-pro::before {
    background:
        radial-gradient(circle at 14% 18%, rgba(56, 189, 248, .18), transparent 30%),
        radial-gradient(circle at 82% 12%, rgba(139, 92, 246, .22), transparent 34%),
        linear-gradient(90deg, transparent 0%, rgba(37, 99, 235, .10) 26%, rgba(124, 58, 237, .12) 52%, rgba(56, 189, 248, .08) 78%, transparent 100%) !important;
}

html[data-theme="dark"] .ag-program-definition-pro::after {
    color: rgba(125, 211, 252, .07) !important;
}

html[data-theme="dark"] .ag-program-definition-title .ag-program-definition-icon,
html[data-theme="dark"] .ag-program-definition-title i {
    color: #ffffff !important;
    filter: drop-shadow(0 16px 22px rgba(56, 189, 248, .20)) !important;
}

html[data-theme="dark"] .ag-program-definition-title > span:not(.ag-program-definition-icon),
html[data-theme="dark"] .ag-program-definition-lead {
    color: #ffffff !important;
    text-shadow: 0 18px 36px rgba(56, 189, 248, .12) !important;
}

html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-definition-points li {
    color: #e7f1ff !important;
}

@media (max-width: 700px) {
    .ag-program-definition-pro,
    html[data-theme="dark"] .ag-program-definition-pro {
        padding: 24px 0 !important;
        border-radius: 0 !important;
    }

    .ag-program-definition-flow,
    html[data-theme="dark"] .ag-program-definition-flow {
        padding: 0 22px !important;
    }
}
/* نهاية كود إزالة حواف تعريف البرنامج ودمجه مع خلفية الموقع */

/* بداية كود تطوير مميزات البرنامج بدون بوكسات */
.ag-program-features-pro,
.ag-program-features-pro * {
    box-sizing: border-box !important;
}

.ag-program-features-pro {
    position: relative !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: clamp(44px, 6vw, 92px) auto clamp(46px, 6vw, 96px) !important;
    padding: clamp(10px, 2vw, 22px) 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    isolation: isolate !important;
    overflow: visible !important;
    --ag-feat-title: #071936;
    --ag-feat-text: #10223d;
    --ag-feat-soft: rgba(37, 99, 235, .13);
    --ag-feat-glow: rgba(56, 189, 248, .34);
    --ag-feat-check: #0ea5e9;
    --ag-feat-line: rgba(37, 99, 235, .34);
}

.ag-program-features-pro::before,
.ag-program-features-pro::after {
    content: '' !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: -1 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ag-program-features-pro::before {
    inset: -26px -4vw auto -4vw !important;
    height: clamp(180px, 18vw, 300px) !important;
    background:
        radial-gradient(circle at 82% 30%, rgba(14, 165, 233, .20), transparent 34%),
        radial-gradient(circle at 12% 72%, rgba(79, 70, 229, .16), transparent 36%),
        linear-gradient(90deg, transparent, rgba(37, 99, 235, .07), transparent) !important;
    filter: blur(.2px) !important;
}

.ag-program-features-pro::after {
    content: 'FEATURES' !important;
    top: clamp(-22px, -1vw, -8px) !important;
    left: 0 !important;
    font-size: clamp(48px, 8vw, 122px) !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: -4px !important;
    color: rgba(37, 99, 235, .055) !important;
    font-family: inherit !important;
}

.ag-program-features-title {
    position: relative !important;
    width: 100% !important;
    min-height: unset !important;
    margin: 0 0 clamp(24px, 4vw, 46px) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    text-align: right !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-features-title::before {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: -12px !important;
    top: auto !important;
    width: min(520px, 76vw) !important;
    height: 4px !important;
    background: linear-gradient(90deg, transparent, #7c3aed, #0ea5e9, #2563eb) !important;
    clip-path: none !important;
    box-shadow: 0 12px 28px rgba(14, 165, 233, .26) !important;
    border-radius: 999px !important;
    z-index: 0 !important;
}

.ag-program-features-title::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: -24px !important;
    width: min(280px, 52vw) !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(14, 165, 233, .55), rgba(37, 99, 235, .2)) !important;
    border-radius: 999px !important;
}

.ag-program-features-icon {
    width: clamp(36px, 4.2vw, 52px) !important;
    height: clamp(36px, 4.2vw, 52px) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    color: #2563eb !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 12px 18px rgba(37, 99, 235, .24)) !important;
    animation: agFeatureIconFloat 1.9s ease-in-out infinite alternate !important;
}

.ag-program-features-icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentColor !important;
}

.ag-program-features-title span:last-child {
    color: var(--ag-feat-title) !important;
    font-size: clamp(30px, 4vw, 58px) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
    white-space: normal !important;
    text-shadow: 0 16px 36px rgba(37, 99, 235, .10) !important;
    background: linear-gradient(90deg, #06152f 0%, #0f3b78 42%, #2563eb 72%, #7c3aed 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.ag-program-features-list {
    position: relative !important;
    width: min(100%, 1060px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: clamp(12px, 1.5vw, 18px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list::before {
    content: '' !important;
    position: absolute !important;
    top: 10px !important;
    bottom: 10px !important;
    right: 11px !important;
    width: 2px !important;
    background: linear-gradient(180deg, transparent, rgba(14, 165, 233, .42), rgba(124, 58, 237, .20), transparent) !important;
    border-radius: 999px !important;
    pointer-events: none !important;
}

.ag-program-features-list li {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: clamp(12px, 1.4vw, 18px) !important;
    margin: 0 !important;
    padding: 0 0 0 clamp(0px, 1vw, 16px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform .25s ease, filter .25s ease !important;
}

.ag-program-features-list li:nth-child(even) {
    transform: translateX(-18px) !important;
}

.ag-program-features-list li:hover {
    transform: translateX(-8px) translateY(-2px) !important;
    filter: drop-shadow(0 18px 28px rgba(37, 99, 235, .10)) !important;
}

.ag-program-features-list li:nth-child(even):hover {
    transform: translateX(-26px) translateY(-2px) !important;
}

.ag-program-feature-check {
    position: relative !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: .42em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ag-feat-check) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 9px 12px var(--ag-feat-glow)) !important;
    animation: agFeatureCheckBeat 1.65s ease-in-out infinite alternate !important;
}

.ag-program-feature-check::after {
    content: '' !important;
    position: absolute !important;
    inset: -7px !important;
    background: radial-gradient(circle, var(--ag-feat-soft), transparent 66%) !important;
    border-radius: 50% !important;
    z-index: -1 !important;
}

.ag-program-feature-check svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    fill: currentColor !important;
}

.ag-program-features-list li span:last-child {
    position: relative !important;
    display: block !important;
    color: var(--ag-feat-text) !important;
    font-size: clamp(17px, 1.35vw, 22px) !important;
    line-height: 2.05 !important;
    font-weight: 900 !important;
    text-align: right !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: 0 10px 22px rgba(15, 23, 42, .06) !important;
}

.ag-program-features-list li span:last-child::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    bottom: .18em !important;
    width: min(220px, 42%) !important;
    height: 7px !important;
    background: linear-gradient(90deg, transparent, rgba(14, 165, 233, .14), rgba(37, 99, 235, .12)) !important;
    z-index: -1 !important;
    border-radius: 0 !important;
    transform: skewX(-10deg) !important;
}

@keyframes agFeatureCheckBeat {
    0% { transform: translateY(0) scale(1); opacity: .88; }
    100% { transform: translateY(-2px) scale(1.16); opacity: 1; }
}

@keyframes agFeatureIconFloat {
    0% { transform: translateY(0) rotate(0deg) scale(1); }
    100% { transform: translateY(-4px) rotate(-5deg) scale(1.08); }
}

html[data-theme="dark"] .ag-program-features-pro {
    --ag-feat-title: #f8fbff;
    --ag-feat-text: #eef7ff;
    --ag-feat-soft: rgba(34, 197, 94, .14);
    --ag-feat-glow: rgba(34, 197, 94, .32);
    --ag-feat-check: #22c55e;
    --ag-feat-line: rgba(34, 197, 94, .28);
}

html[data-theme="dark"] .ag-program-features-pro::before {
    background:
        radial-gradient(circle at 82% 30%, rgba(34, 197, 94, .13), transparent 34%),
        radial-gradient(circle at 12% 72%, rgba(14, 165, 233, .12), transparent 36%),
        linear-gradient(90deg, transparent, rgba(34, 197, 94, .045), transparent) !important;
}

html[data-theme="dark"] .ag-program-features-pro::after {
    color: rgba(34, 197, 94, .045) !important;
}

html[data-theme="dark"] .ag-program-features-title::before {
    background: linear-gradient(90deg, transparent, #22c55e, #0ea5e9, #2563eb) !important;
    box-shadow: 0 12px 28px rgba(34, 197, 94, .18) !important;
}

html[data-theme="dark"] .ag-program-features-title::after {
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, .44), rgba(14, 165, 233, .18)) !important;
}

html[data-theme="dark"] .ag-program-features-icon {
    color: #22c55e !important;
    filter: drop-shadow(0 12px 18px rgba(34, 197, 94, .20)) !important;
}

html[data-theme="dark"] .ag-program-features-title span:last-child {
    background: linear-gradient(90deg, #ffffff 0%, #dfffea 35%, #22c55e 72%, #38bdf8 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 16px 36px rgba(34, 197, 94, .08) !important;
}

html[data-theme="dark"] .ag-program-features-list::before {
    background: linear-gradient(180deg, transparent, rgba(34, 197, 94, .34), rgba(14, 165, 233, .16), transparent) !important;
}

html[data-theme="dark"] .ag-program-features-list li span:last-child {
    text-shadow: 0 14px 26px rgba(0, 0, 0, .16) !important;
}

html[data-theme="dark"] .ag-program-features-list li span:last-child::after {
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, .12), rgba(14, 165, 233, .08)) !important;
}

@media (max-width: 760px) {
    .ag-program-features-pro {
        margin: 38px auto 46px !important;
        padding-inline: 0 !important;
    }

    .ag-program-features-title {
        justify-content: flex-start !important;
        gap: 10px !important;
        margin-bottom: 34px !important;
    }

    .ag-program-features-title span:last-child {
        font-size: clamp(27px, 8vw, 38px) !important;
        white-space: normal !important;
    }

    .ag-program-features-icon {
        width: 36px !important;
        height: 36px !important;
    }

    .ag-program-features-list {
        gap: 12px !important;
    }

    .ag-program-features-list li,
    .ag-program-features-list li:nth-child(even),
    .ag-program-features-list li:hover,
    .ag-program-features-list li:nth-child(even):hover {
        transform: none !important;
    }

    .ag-program-features-list li span:last-child {
        font-size: 16px !important;
        line-height: 1.95 !important;
    }
}
/* نهاية كود تطوير مميزات البرنامج بدون بوكسات */

/* بداية كود تحسين قراءة تعريف البرنامج ومميزات البرنامج بدون بوكسات */
.ag-program-definition-flow {
    width: min(100%, 1040px) !important;
    gap: clamp(10px, 1.25vw, 16px) !important;
    padding-right: clamp(14px, 2vw, 28px) !important;
}

.ag-program-definition-lead {
    max-width: 980px !important;
    margin-inline: auto !important;
    text-align: right !important;
    font-size: clamp(18px, 1.45vw, 22px) !important;
    line-height: 2.12 !important;
    letter-spacing: -.2px !important;
}

.ag-program-definition-text {
    max-width: 980px !important;
    margin-inline: auto !important;
    text-align: right !important;
    font-size: clamp(16px, 1.08vw, 18px) !important;
    line-height: 2.18 !important;
    font-weight: 780 !important;
    letter-spacing: -.1px !important;
}

.ag-program-definition-lead::before,
.ag-program-definition-text::before {
    width: 7px !important;
    height: 7px !important;
    right: 2px !important;
    top: 1.05em !important;
    background: #2563eb !important;
    box-shadow: 0 0 0 6px rgba(37, 99, 235, .10), 0 0 20px rgba(37, 99, 235, .18) !important;
}

.ag-program-definition-lead::after,
.ag-program-definition-text::after {
    right: 17px !important;
    top: calc(1.05em + 3px) !important;
    opacity: .72 !important;
}

.ag-program-features-title,
.ag-program-definition-title {
    background: linear-gradient(90deg, transparent, rgba(37, 99, 235, .10), rgba(124, 58, 237, .12), transparent) !important;
}

.ag-program-features-title::before,
.ag-program-definition-title::before {
    opacity: .72 !important;
}

.ag-program-features-icon,
.ag-program-definition-icon {
    display: inline-flex !important;
    width: clamp(32px, 3.6vw, 44px) !important;
    height: clamp(32px, 3.6vw, 44px) !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2563eb !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 20px rgba(37, 99, 235, .20)) !important;
}

.ag-program-features-icon svg,
.ag-program-definition-icon svg,
.ag-program-feature-check svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentColor !important;
}

.ag-program-features-list {
    width: min(100%, 980px) !important;
    gap: clamp(8px, 1vw, 12px) !important;
}

.ag-program-features-list li {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 4px 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ag-program-features-list li i,
.ag-program-feature-check {
    width: 18px !important;
    height: 18px !important;
    margin-top: .8em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2563eb !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 16px rgba(37, 99, 235, .25)) !important;
}

.ag-program-features-list li span:last-child {
    font-size: clamp(16px, 1.1vw, 18.5px) !important;
    line-height: 2.08 !important;
    font-weight: 850 !important;
}

html[data-theme="dark"] .ag-program-definition-lead::before,
html[data-theme="dark"] .ag-program-definition-text::before {
    background: #22c55e !important;
    box-shadow: 0 0 0 6px rgba(34, 197, 94, .11), 0 0 20px rgba(34, 197, 94, .20) !important;
}

html[data-theme="dark"] .ag-program-features-icon,
html[data-theme="dark"] .ag-program-definition-icon,
html[data-theme="dark"] .ag-program-feature-check {
    color: #22c55e !important;
    filter: drop-shadow(0 8px 16px rgba(34, 197, 94, .25)) !important;
}

html[data-theme="dark"] .ag-program-features-title,
html[data-theme="dark"] .ag-program-definition-title {
    background: linear-gradient(90deg, transparent, rgba(56, 189, 248, .08), rgba(34, 197, 94, .10), transparent) !important;
}
/* نهاية كود تحسين قراءة تعريف البرنامج ومميزات البرنامج بدون بوكسات */

/* بداية كود الشكل النهائي لتعريف البرنامج والمميزات والمقالات الأخرى */
.ag-program-description-box {
    width: min(100%, 1280px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-pro,
.ag-program-features-pro,
.ag-program-related-notes,
html[data-theme="dark"] .ag-program-definition-pro,
html[data-theme="dark"] .ag-program-features-pro,
html[data-theme="dark"] .ag-program-related-notes {
    position: relative !important;
    width: min(100%, 1180px) !important;
    margin: clamp(34px, 5vw, 72px) auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    isolation: isolate;
}

.ag-program-definition-pro::before,
.ag-program-definition-pro::after,
.ag-program-features-pro::before,
.ag-program-features-pro::after,
.ag-program-related-notes::before,
.ag-program-related-notes::after,
html[data-theme="dark"] .ag-program-definition-pro::before,
html[data-theme="dark"] .ag-program-definition-pro::after,
html[data-theme="dark"] .ag-program-features-pro::before,
html[data-theme="dark"] .ag-program-features-pro::after,
html[data-theme="dark"] .ag-program-related-notes::before,
html[data-theme="dark"] .ag-program-related-notes::after {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-pro::before {
    content: "" !important;
    position: absolute !important;
    inset: -60px -5vw auto auto !important;
    width: min(680px, 64vw) !important;
    height: 360px !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 18% 28%, rgba(35, 190, 250, .24), transparent 36%),
        radial-gradient(circle at 82% 34%, rgba(146, 35, 250, .18), transparent 42%),
        linear-gradient(90deg, rgba(170, 200, 240, .18), rgba(115, 100, 210, .16)) !important;
    filter: blur(8px) !important;
    opacity: .9 !important;
    z-index: -1 !important;
}

.ag-program-definition-pro::after {
    content: "SEO" !important;
    position: absolute !important;
    top: 34px !important;
    left: 0 !important;
    font-size: clamp(72px, 11vw, 170px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: rgba(30, 118, 227, .075) !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

.ag-program-definition-glow {
    position: absolute;
    inset: auto 7% -28px auto;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(68, 199, 103, .12), transparent 68%);
    filter: blur(14px);
    pointer-events: none;
    z-index: -1;
}

.ag-program-definition-title,
.ag-program-features-title,
.ag-program-related-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 0 clamp(22px, 3vw, 34px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #071f3f !important;
    font-size: clamp(30px, 4.4vw, 58px) !important;
    font-weight: 900 !important;
    letter-spacing: -1px !important;
    text-align: right !important;
}

.ag-program-definition-title::after,
.ag-program-features-title::after,
.ag-program-related-title::after {
    content: "";
    display: block;
    height: 3px;
    flex: 1 1 auto;
    min-width: 80px;
    background: linear-gradient(90deg, rgba(35, 190, 250, .85), rgba(88, 137, 236, .85), rgba(146, 35, 250, .75));
    transform: translateY(4px);
}

.ag-program-definition-icon,
.ag-program-features-icon,
.ag-program-definition-icon svg,
.ag-program-features-icon svg {
    width: 46px !important;
    height: 46px !important;
    color: #071f3f !important;
    fill: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-flow {
    display: grid !important;
    gap: 18px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-lead,
.ag-program-definition-text,
.ag-program-definition-points li {
    max-width: 980px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #0c2445 !important;
    font-size: clamp(18px, 1.65vw, 24px) !important;
    line-height: 2.1 !important;
    font-weight: 800 !important;
    text-wrap: pretty;
}

.ag-program-definition-lead {
    max-width: 1060px !important;
    font-size: clamp(22px, 2.2vw, 34px) !important;
    line-height: 1.8 !important;
    color: #061b35 !important;
    font-weight: 900 !important;
}

.ag-program-definition-text.is-focus {
    color: #0b3770 !important;
    font-weight: 900 !important;
}

.ag-program-definition-text.is-soft {
    padding-inline-start: clamp(12px, 2vw, 28px) !important;
}

.ag-program-definition-subtitle {
    margin: 18px 0 2px !important;
    padding: 0 !important;
    color: #1473e6 !important;
    font-size: clamp(21px, 2.1vw, 32px) !important;
    line-height: 1.5 !important;
    font-weight: 900 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-points {
    display: grid !important;
    gap: 12px !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-points li {
    position: relative !important;
    padding-inline-start: 34px !important;
}

.ag-program-definition-points li::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 1em;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #23befa;
    box-shadow: 0 0 20px rgba(35, 190, 250, .45);
}

.ag-program-features-pro::before {
    content: "" !important;
    position: absolute !important;
    inset: -45px auto auto -4vw !important;
    width: min(620px, 55vw) !important;
    height: 330px !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 24% 36%, rgba(68, 199, 103, .18), transparent 38%),
        radial-gradient(circle at 78% 50%, rgba(35, 190, 250, .16), transparent 42%) !important;
    filter: blur(10px) !important;
    opacity: .95 !important;
    z-index: -1 !important;
}

.ag-program-features-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 34px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-features-list li {
    display: grid !important;
    grid-template-columns: 24px 1fr !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #0b2445 !important;
    font-size: clamp(17px, 1.35vw, 21px) !important;
    line-height: 1.9 !important;
    font-weight: 900 !important;
}

.ag-program-feature-check,
.ag-program-feature-check svg {
    width: 20px !important;
    height: 20px !important;
    color: #23befa !important;
    fill: currentColor !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: translateY(.42em);
}

.ag-program-related-notes {
    margin-top: clamp(42px, 5vw, 76px) !important;
}

.ag-program-related-title {
    font-size: clamp(24px, 2.8vw, 40px) !important;
    margin-bottom: 18px !important;
}

.ag-program-related-list {
    display: grid !important;
    gap: 11px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-related-note {
    display: grid !important;
    grid-template-columns: 12px 1fr !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #0b3770 !important;
    text-decoration: none !important;
    font-size: clamp(16px, 1.25vw, 20px) !important;
    line-height: 1.8 !important;
    font-weight: 850 !important;
}

.ag-program-related-note:hover {
    color: #1473e6 !important;
}

.ag-program-related-dot {
    width: 8px !important;
    height: 8px !important;
    margin-top: .78em !important;
    border-radius: 50% !important;
    background: #1473e6 !important;
    box-shadow: 0 0 18px rgba(20, 115, 230, .42) !important;
}

html[data-theme="dark"] .ag-program-definition-title,
html[data-theme="dark"] .ag-program-features-title,
html[data-theme="dark"] .ag-program-related-title,
html[data-theme="dark"] .ag-program-definition-icon,
html[data-theme="dark"] .ag-program-features-icon {
    color: #f7fbff !important;
}

html[data-theme="dark"] .ag-program-definition-lead,
html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-definition-points li,
html[data-theme="dark"] .ag-program-features-list li {
    color: rgba(255, 255, 255, .92) !important;
}

html[data-theme="dark"] .ag-program-definition-text.is-focus,
html[data-theme="dark"] .ag-program-definition-subtitle,
html[data-theme="dark"] .ag-program-related-note {
    color: #dff5ff !important;
}

html[data-theme="dark"] .ag-program-feature-check,
html[data-theme="dark"] .ag-program-feature-check svg {
    color: #44c767 !important;
}

html[data-theme="dark"] .ag-program-definition-points li::before,
html[data-theme="dark"] .ag-program-related-dot {
    background: #44c767 !important;
    box-shadow: 0 0 20px rgba(68, 199, 103, .48) !important;
}

html[data-theme="dark"] .ag-program-definition-pro::before {
    background:
        radial-gradient(circle at 18% 28%, rgba(35, 190, 250, .18), transparent 36%),
        radial-gradient(circle at 82% 34%, rgba(146, 35, 250, .22), transparent 42%),
        linear-gradient(90deg, rgba(49, 73, 96, .35), rgba(93, 70, 130, .28)) !important;
}

@media (max-width: 900px) {
    .ag-program-features-list {
        grid-template-columns: 1fr !important;
    }

    .ag-program-definition-title,
    .ag-program-features-title,
    .ag-program-related-title {
        font-size: clamp(26px, 7vw, 40px) !important;
    }

    .ag-program-definition-title::after,
    .ag-program-features-title::after,
    .ag-program-related-title::after {
        min-width: 42px;
    }
}
/* نهاية كود الشكل النهائي لتعريف البرنامج والمميزات والمقالات الأخرى */

/* بداية كود إعادة بناء عرض التعريف والمميزات بدون بوردرات */
.ag-program-description-box,
.ag-program-definition-pro,
.ag-program-features-pro,
.ag-program-related-notes {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
}

.ag-program-definition-pro,
.ag-program-features-pro {
    position: relative !important;
    isolation: isolate !important;
    padding: clamp(24px, 3vw, 46px) 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

.ag-program-definition-pro::before,
.ag-program-definition-pro::after,
.ag-program-features-pro::before,
.ag-program-features-pro::after {
    content: none !important;
    display: none !important;
}

.ag-program-section-head,
.ag-program-definition-title,
.ag-program-features-title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    width: 100% !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.ag-program-section-head::before,
.ag-program-section-head::after,
.ag-program-definition-title::before,
.ag-program-definition-title::after,
.ag-program-features-title::before,
.ag-program-features-title::after {
    content: none !important;
    display: none !important;
}

.ag-program-section-mark,
.ag-program-definition-icon,
.ag-program-features-icon {
    width: 31px !important;
    height: 31px !important;
    min-width: 31px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1e7ee8 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    animation: agProgramSoftFloat 3.4s ease-in-out infinite !important;
}

.ag-program-section-mark svg,
.ag-program-definition-icon svg,
.ag-program-features-icon svg {
    width: 100% !important;
    height: 100% !important;
    fill: currentColor !important;
}

.ag-program-section-title-text,
.ag-program-definition-title > span:not(.ag-program-section-mark):not(.ag-program-definition-icon),
.ag-program-features-title > span:not(.ag-program-section-mark):not(.ag-program-features-icon) {
    position: relative !important;
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: clamp(25px, 3vw, 42px) !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -0.8px !important;
    color: #101b2f !important;
    background: linear-gradient(135deg, #101b2f 0%, #1476e8 50%, #21b28a 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-definition-flow {
    position: relative !important;
    display: grid !important;
    gap: 18px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-flow::before {
    content: '' !important;
    position: absolute !important;
    inset-inline-start: 7px !important;
    top: 14px !important;
    bottom: 14px !important;
    width: 2px !important;
    background: linear-gradient(180deg, rgba(20, 118, 232, .7), rgba(33, 178, 138, .5), rgba(20, 118, 232, 0)) !important;
    pointer-events: none !important;
}

.ag-program-definition-lead,
.ag-program-definition-text,
.ag-program-definition-subtitle {
    position: relative !important;
    margin: 0 !important;
    padding: 0 30px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #263246 !important;
}

.ag-program-definition-lead {
    font-size: clamp(18px, 1.6vw, 24px) !important;
    line-height: 2.05 !important;
    font-weight: 850 !important;
    color: #111c30 !important;
}

.ag-program-definition-text {
    font-size: clamp(16px, 1.18vw, 19px) !important;
    line-height: 2.15 !important;
    font-weight: 650 !important;
}

.ag-program-definition-subtitle {
    padding-top: 14px !important;
    font-size: clamp(19px, 1.8vw, 27px) !important;
    line-height: 1.65 !important;
    font-weight: 950 !important;
    color: #1267cf !important;
}

.ag-program-definition-lead > span,
.ag-program-definition-text > span,
.ag-program-definition-subtitle > span {
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: .9em !important;
    width: 12px !important;
    height: 12px !important;
    background: #1476e8 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 7px rgba(20, 118, 232, .10), 0 0 22px rgba(20, 118, 232, .25) !important;
}

.ag-program-definition-text.is-green > span,
.ag-program-definition-subtitle > span {
    background: #21b28a !important;
    box-shadow: 0 0 0 7px rgba(33, 178, 138, .10), 0 0 22px rgba(33, 178, 138, .22) !important;
}

.ag-program-features-pro {
    margin-top: clamp(18px, 2vw, 34px) !important;
}

.ag-program-features-list {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.ag-program-features-list li {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 22px 1fr !important;
    align-items: start !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-features-list li i {
    width: 18px !important;
    height: 18px !important;
    margin-top: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1686f2 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.ag-program-features-list li span {
    display: block !important;
    color: #233149 !important;
    font-size: clamp(16px, 1.08vw, 18px) !important;
    line-height: 2 !important;
    font-weight: 750 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-related-notes {
    margin-top: 28px !important;
    padding: 0 !important;
}

html[data-theme="dark"] .ag-program-section-mark,
html[data-theme="dark"] .ag-program-definition-icon,
html[data-theme="dark"] .ag-program-features-icon {
    color: #37d99b !important;
}

html[data-theme="dark"] .ag-program-section-title-text,
html[data-theme="dark"] .ag-program-definition-title > span:not(.ag-program-section-mark):not(.ag-program-definition-icon),
html[data-theme="dark"] .ag-program-features-title > span:not(.ag-program-section-mark):not(.ag-program-features-icon) {
    background: linear-gradient(135deg, #f0f7ff 0%, #69b7ff 48%, #37d99b 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] .ag-program-definition-flow::before {
    background: linear-gradient(180deg, rgba(55, 217, 155, .75), rgba(105, 183, 255, .48), rgba(55, 217, 155, 0)) !important;
}

html[data-theme="dark"] .ag-program-definition-lead,
html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-features-list li span {
    color: #dce9f8 !important;
}

html[data-theme="dark"] .ag-program-definition-subtitle {
    color: #75c2ff !important;
}

html[data-theme="dark"] .ag-program-definition-lead > span,
html[data-theme="dark"] .ag-program-definition-text > span {
    background: #37d99b !important;
    box-shadow: 0 0 0 7px rgba(55, 217, 155, .10), 0 0 22px rgba(55, 217, 155, .25) !important;
}

html[data-theme="dark"] .ag-program-features-list li i {
    color: #37d99b !important;
}

@keyframes agProgramSoftFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@media (max-width: 800px) {
    .ag-program-features-list {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .ag-program-definition-lead,
    .ag-program-definition-text,
    .ag-program-definition-subtitle {
        padding-inline-start: 27px !important;
        padding-inline-end: 0 !important;
    }

    .ag-program-definition-flow::before {
        inset-inline-start: 6px !important;
    }
}
/* نهاية كود إعادة بناء عرض التعريف والمميزات بدون بوردرات */

/* بداية كود إعادة فصل وتنسيق التعريف والمميزات بدون بوكسات */
.ag-program-definition-pro,
.ag-program-features-pro {
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 82px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-section-head,
.ag-program-definition-title,
.ag-program-features-title {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    margin: 0 0 34px !important;
    padding: 0 0 18px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    position: relative !important;
    isolation: isolate !important;
}

.ag-program-definition-title::before,
.ag-program-features-title::before,
.ag-program-definition-title::after,
.ag-program-features-title::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 auto !important;
    width: min(520px, 100%) !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #35befa, #2e7be8, #44c767) !important;
    box-shadow: 0 14px 28px rgba(46, 123, 232, .18) !important;
    pointer-events: none !important;
}

.ag-program-section-mark {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    color: #2e7be8 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 16px rgba(46, 123, 232, .20)) !important;
}

.ag-program-section-mark svg {
    width: 38px !important;
    height: 38px !important;
    display: block !important;
}

.ag-program-section-title-text,
.ag-program-definition-title .ag-program-section-title-text,
.ag-program-features-title .ag-program-section-title-text {
    display: inline-block !important;
    margin: 0 !important;
    font-size: clamp(34px, 4.2vw, 64px) !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -1.8px !important;
    color: #08203f !important;
    background: linear-gradient(90deg, #08203f 0%, #0a66d8 50%, #22a98a 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.ag-program-definition-flow {
    display: grid !important;
    gap: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ag-program-definition-subtitle {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 26px 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0b3162 !important;
    font-size: clamp(24px, 2.2vw, 36px) !important;
    line-height: 1.35 !important;
    font-weight: 950 !important;
    letter-spacing: -.7px !important;
}

.ag-program-definition-subtitle span,
.ag-program-definition-lead span,
.ag-program-definition-text span {
    display: inline-flex !important;
    width: 10px !important;
    height: 10px !important;
    flex: 0 0 10px !important;
    border-radius: 999px !important;
    background: #2e7be8 !important;
    box-shadow: 0 0 0 7px rgba(46, 123, 232, .10), 0 10px 20px rgba(46, 123, 232, .18) !important;
}

.ag-program-definition-lead,
.ag-program-definition-text {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #071d39 !important;
    font-size: clamp(19px, 1.35vw, 25px) !important;
    line-height: 2.05 !important;
    font-weight: 850 !important;
    letter-spacing: -.25px !important;
    text-align: right !important;
}

.ag-program-definition-lead {
    color: #06162b !important;
    font-size: clamp(21px, 1.55vw, 28px) !important;
    font-weight: 950 !important;
}

.ag-program-features-pro {
    margin-top: 95px !important;
}

.ag-program-features-list {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ag-program-features-list li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 13px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ag-program-features-list li i {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin-top: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2e7be8 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 8px 10px rgba(46, 123, 232, .22)) !important;
}

.ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}

.ag-program-features-list li span {
    display: block !important;
    color: #071d39 !important;
    font-size: clamp(18px, 1.25vw, 23px) !important;
    line-height: 1.9 !important;
    font-weight: 850 !important;
    letter-spacing: -.22px !important;
}

html[data-theme="dark"] .ag-program-section-title-text,
html[data-theme="dark"] .ag-program-definition-title .ag-program-section-title-text,
html[data-theme="dark"] .ag-program-features-title .ag-program-section-title-text {
    background: linear-gradient(90deg, #f8fbff 0%, #6fb7ff 50%, #44c767 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] .ag-program-section-mark,
html[data-theme="dark"] .ag-program-features-list li i {
    color: #44c767 !important;
    filter: drop-shadow(0 8px 12px rgba(68, 199, 103, .24)) !important;
}

html[data-theme="dark"] .ag-program-definition-subtitle {
    color: #dceeff !important;
}

html[data-theme="dark"] .ag-program-definition-lead,
html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-features-list li span {
    color: #f4f8ff !important;
}

html[data-theme="dark"] .ag-program-definition-subtitle span,
html[data-theme="dark"] .ag-program-definition-lead span,
html[data-theme="dark"] .ag-program-definition-text span {
    background: #44c767 !important;
    box-shadow: 0 0 0 7px rgba(68, 199, 103, .12), 0 10px 20px rgba(68, 199, 103, .20) !important;
}

@media (max-width: 900px) {
    .ag-program-definition-pro,
    .ag-program-features-pro {
        width: calc(100% - 26px) !important;
        margin-top: 56px !important;
    }

    .ag-program-features-list {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}
/* نهاية كود إعادة فصل وتنسيق التعريف والمميزات بدون بوكسات */

/* بداية كود إعادة هيكلة المقال السيو الموحد */
.ag-program-description-box {
    width: 100% !important;
    max-width: 1220px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-definition-pro,
.ag-program-features-pro {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 74px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto 34px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.ag-program-section-title span {
    display: inline-block !important;
    color: transparent !important;
    background: linear-gradient(90deg, #0b2b57 0%, #2f7ee9 48%, #2db39c 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: clamp(34px, 3.2vw, 58px) !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -1.4px !important;
}

.ag-program-definition-article {
    max-width: 940px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: right !important;
}

.ag-definition-subheading {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin: 34px 0 12px !important;
    padding: 0 0 12px !important;
    color: #0d2441 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: clamp(22px, 1.55vw, 30px) !important;
    line-height: 1.45 !important;
    font-weight: 950 !important;
    letter-spacing: -.45px !important;
    text-align: right !important;
}

.ag-definition-subheading::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(420px, 72%) !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, rgba(47, 126, 233, .85), rgba(45, 179, 156, .45)) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ag-definition-subheading span {
    order: -1 !important;
    display: inline-flex !important;
    width: 10px !important;
    height: 10px !important;
    min-width: 10px !important;
    border-radius: 999px !important;
    background: #2f7ee9 !important;
    box-shadow: 0 0 0 7px rgba(47, 126, 233, .10) !important;
}

.ag-definition-paragraph {
    margin: 0 0 18px !important;
    padding: 0 !important;
    color: #1a2537 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: clamp(18px, 1.13vw, 22px) !important;
    line-height: 2.08 !important;
    font-weight: 650 !important;
    letter-spacing: -.18px !important;
    text-align: right !important;
}

.ag-program-features-pro {
    max-width: 1120px !important;
    margin-top: 92px !important;
}

.ag-program-features-list {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 64px !important;
    row-gap: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    direction: rtl !important;
}

.ag-program-features-list li {
    display: grid !important;
    grid-template-columns: 22px 1fr !important;
    align-items: center !important;
    gap: 13px !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 12px 0 13px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(24, 54, 100, .12) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li i {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin: 0 !important;
    color: #111827 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

.ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}

.ag-program-features-list li span {
    grid-column: 2 !important;
    display: block !important;
    color: #2444b8 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: clamp(17px, 1.05vw, 21px) !important;
    line-height: 1.75 !important;
    font-weight: 650 !important;
    letter-spacing: -.2px !important;
    text-align: right !important;
}

html[data-theme="dark"] .ag-program-section-title span {
    background: linear-gradient(90deg, #f7fbff 0%, #74b8ff 48%, #44c767 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] .ag-definition-subheading,
html[data-theme="dark"] .ag-definition-paragraph {
    color: #f2f7ff !important;
}

html[data-theme="dark"] .ag-definition-subheading::after {
    background: linear-gradient(90deg, transparent, rgba(68, 199, 103, .85), rgba(116, 184, 255, .45)) !important;
}

html[data-theme="dark"] .ag-definition-subheading span {
    background: #44c767 !important;
    box-shadow: 0 0 0 7px rgba(68, 199, 103, .12) !important;
}

html[data-theme="dark"] .ag-program-features-list li {
    border-bottom-color: rgba(255, 255, 255, .13) !important;
}

html[data-theme="dark"] .ag-program-features-list li i {
    color: #44c767 !important;
}

html[data-theme="dark"] .ag-program-features-list li span {
    color: #dcecff !important;
}

@media (max-width: 900px) {
    .ag-program-description-box {
        padding: 0 16px !important;
    }

    .ag-program-definition-pro,
    .ag-program-features-pro {
        margin-top: 48px !important;
    }

    .ag-program-features-list {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}
/* نهاية كود إعادة هيكلة المقال السيو الموحد */

/* بداية إصلاح نهائي لظهور مميزات البرنامج */
.ag-program-description-box .ag-program-features-pro {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: clamp(54px, 6vw, 92px) auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

.ag-program-description-box .ag-program-features-main-title,
.ag-program-description-box .ag-program-features-main-title span {
    display: block !important;
    text-align: center !important;
    margin: 0 auto clamp(28px, 4vw, 46px) !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: clamp(34px, 4.7vw, 64px) !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    color: transparent !important;
    background-image: linear-gradient(90deg, #0f2a55 0%, #2563eb 48%, #14b8a6 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.ag-program-description-box .ag-program-features-list {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.ag-program-description-box .ag-program-features-list li {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 11px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(37, 99, 235, .13) !important;
}

.ag-program-description-box .ag-program-features-list li i {
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #0ea5e9 !important;
}

.ag-program-description-box .ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
}

.ag-program-description-box .ag-program-features-list li span {
    flex: 1 1 auto !important;
    display: block !important;
    color: #17315d !important;
    font-size: clamp(16px, 1.35vw, 21px) !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
    text-align: right !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ag-program-description-box .ag-program-features-main-title,
html[data-theme="dark"] .ag-program-description-box .ag-program-features-main-title span {
    background-image: linear-gradient(90deg, #f8fafc 0%, #38bdf8 48%, #22c55e 100%) !important;
}

html[data-theme="dark"] .ag-program-description-box .ag-program-features-list li {
    border-bottom-color: rgba(34, 197, 94, .16) !important;
}

html[data-theme="dark"] .ag-program-description-box .ag-program-features-list li i {
    color: #22c55e !important;
}

html[data-theme="dark"] .ag-program-description-box .ag-program-features-list li span {
    color: #f8fafc !important;
}

@media (max-width: 820px) {
    .ag-program-description-box .ag-program-features-pro {
        width: min(100%, calc(100% - 28px)) !important;
    }

    .ag-program-description-box .ag-program-features-list {
        grid-template-columns: 1fr !important;
    }
}
/* نهاية إصلاح نهائي لظهور مميزات البرنامج */

/* بداية كود إصلاح نهائي لظهور قسم المميزات */
.ag-program-features-pro {
    display: block !important;
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 90px auto 70px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-features-main-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto 45px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.ag-program-features-main-title span {
    display: inline-block !important;
    font-size: clamp(34px, 4vw, 62px) !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    color: transparent !important;
    background: linear-gradient(135deg, #0b3769 0%, #2d7af0 48%, #2bbf9f 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

.ag-program-features-list {
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 42px !important;
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li,
.ag-program-features-list li:nth-child(even),
.ag-program-features-list li:hover,
.ag-program-features-list li:nth-child(even):hover {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: inset 0 -1px 0 rgba(15, 57, 110, .13) !important;
    transform: none !important;
}

.ag-program-features-list li i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: 4px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #0f74df !important;
}

.ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
}

.ag-program-features-list li span,
.ag-program-features-list li span:last-child {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0d2a4b !important;
    font-size: 20px !important;
    line-height: 2 !important;
    font-weight: 800 !important;
    text-align: right !important;
}

html[data-theme="dark"] .ag-program-features-main-title span {
    background: linear-gradient(135deg, #ffffff 0%, #60a5fa 48%, #34d399 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
}

html[data-theme="dark"] .ag-program-features-list li,
html[data-theme="dark"] .ag-program-features-list li:nth-child(even),
html[data-theme="dark"] .ag-program-features-list li:hover,
html[data-theme="dark"] .ag-program-features-list li:nth-child(even):hover {
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .13) !important;
    background: transparent !important;
    border: 0 !important;
}

html[data-theme="dark"] .ag-program-features-list li i {
    color: #34d399 !important;
}

html[data-theme="dark"] .ag-program-features-list li span,
html[data-theme="dark"] .ag-program-features-list li span:last-child {
    color: rgba(255,255,255,.94) !important;
}

@media (max-width: 900px) {
    .ag-program-features-pro {
        width: min(100%, calc(100% - 28px)) !important;
        margin: 60px auto 45px !important;
    }

    .ag-program-features-list {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .ag-program-features-list li span,
    .ag-program-features-list li span:last-child {
        font-size: 17px !important;
        line-height: 1.9 !important;
    }
}
/* نهاية كود إصلاح نهائي لظهور قسم المميزات */

/* بداية كود إصلاح المميزات وتوزيع برامج تهمك */
.ag-program-definition-pro {
    margin: clamp(32px, 5vw, 70px) auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    max-width: 1180px !important;
}

.ag-program-definition-article {
    max-width: 960px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-definition-subheading {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 34px 0 14px !important;
    padding: 0 0 12px !important;
    text-align: right !important;
    font-size: clamp(22px, 2vw, 31px) !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    color: #10243e !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-definition-subheading::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    width: min(420px, 72%) !important;
    height: 3px !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, #9b5cff, #33c7f5) !important;
}

.ag-definition-subheading span {
    display: inline-block !important;
    width: 11px !important;
    height: 11px !important;
    min-width: 11px !important;
    border-radius: 50% !important;
    background: #2d7ff0 !important;
    box-shadow: 0 0 0 8px rgba(45,127,240,.12) !important;
}

.ag-definition-paragraph {
    margin: 0 0 20px !important;
    padding: 0 !important;
    max-width: 100% !important;
    text-align: right !important;
    font-size: clamp(17px, 1.15vw, 20px) !important;
    line-height: 2.15 !important;
    font-weight: 700 !important;
    color: #132238 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-inline-related {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin: 14px 0 28px !important;
    padding: 0 !important;
    color: #1f56b8 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-inline-related span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #2d7ff0 !important;
    background: rgba(45,127,240,.08) !important;
    border: 0 !important;
    border-radius: 999px !important;
}

.ag-program-inline-related strong {
    display: inline !important;
    font-size: clamp(15px, 1vw, 17px) !important;
    line-height: 1.8 !important;
    font-weight: 800 !important;
    color: #1f56b8 !important;
}

.ag-program-inline-related:hover strong {
    color: #0f8ac9 !important;
}

.ag-program-features-pro {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;
    margin: clamp(45px, 6vw, 90px) auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-features-main-title,
.ag-program-features-main-title span {
    display: block !important;
    margin: 0 auto clamp(28px, 4vw, 48px) !important;
    padding: 0 !important;
    text-align: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    font-size: clamp(40px, 5vw, 76px) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    color: #2363d1 !important;
    background: linear-gradient(90deg, #1b3980, #2f8cff, #34b99a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 44px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li,
.ag-program-features-list li:nth-child(even),
.ag-program-features-list li:hover,
.ag-program-features-list li:nth-child(even):hover {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: inset 0 -1px rgba(35,99,209,.14) !important;
    transform: none !important;
}

.ag-program-features-list li i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin-top: 5px !important;
    padding: 0 !important;
    color: #111827 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor !important;
}

.ag-program-features-list li span,
.ag-program-features-list li span:last-child {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    font-size: clamp(16px, 1.1vw, 19px) !important;
    line-height: 1.9 !important;
    font-weight: 800 !important;
    color: #1e46a3 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-related-notes {
    display: none !important;
}

html[data-theme="dark"] .ag-definition-subheading,
html[data-theme="dark"] .ag-definition-paragraph {
    color: #f4f7ff !important;
}

html[data-theme="dark"] .ag-definition-subheading span {
    background: #55df90 !important;
    box-shadow: 0 0 0 8px rgba(85,223,144,.16) !important;
}

html[data-theme="dark"] .ag-definition-subheading::after {
    background: linear-gradient(90deg, #55df90, #32c8ff) !important;
}

html[data-theme="dark"] .ag-program-inline-related span {
    color: #55df90 !important;
    background: rgba(85,223,144,.10) !important;
}

html[data-theme="dark"] .ag-program-inline-related strong {
    color: #90d7ff !important;
}

html[data-theme="dark"] .ag-program-features-main-title,
html[data-theme="dark"] .ag-program-features-main-title span {
    background: linear-gradient(90deg, #f3f8ff, #55df90, #32c8ff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] .ag-program-features-list li,
html[data-theme="dark"] .ag-program-features-list li:nth-child(even),
html[data-theme="dark"] .ag-program-features-list li:hover,
html[data-theme="dark"] .ag-program-features-list li:nth-child(even):hover {
    box-shadow: inset 0 -1px rgba(85,223,144,.20) !important;
    background: transparent !important;
    border: 0 !important;
}

html[data-theme="dark"] .ag-program-features-list li i {
    color: #55df90 !important;
}

html[data-theme="dark"] .ag-program-features-list li span,
html[data-theme="dark"] .ag-program-features-list li span:last-child {
    color: #f3f8ff !important;
}

@media (max-width: 900px) {
    .ag-program-definition-article,
    .ag-program-features-pro {
        width: min(100%, calc(100% - 28px)) !important;
    }

    .ag-program-features-list {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .ag-program-features-main-title,
    .ag-program-features-main-title span {
        font-size: clamp(34px, 10vw, 54px) !important;
    }
}
/* نهاية كود إصلاح المميزات وتوزيع برامج تهمك */

/* بداية إصلاح نهائي لظهور المميزات بنظام عمودين */
.ag-program-features-pro {
    width: min(1180px, calc(100% - 48px)) !important;
    margin: 72px auto 90px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    clear: both !important;
}

.ag-program-features-main-title {
    width: 100% !important;
    margin: 0 auto 34px !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-main-title span {
    display: inline-block !important;
    font-size: clamp(34px, 5vw, 68px) !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    color: #163b7d !important;
    background: linear-gradient(90deg, #163b7d, #2f80ed, #32b69a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.ag-program-features-list {
    width: min(100%, 980px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 34px !important;
    row-gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-list::before,
.ag-program-features-list::after,
.ag-program-features-pro::before,
.ag-program-features-pro::after {
    display: none !important;
    content: none !important;
}

.ag-program-features-list li {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 13px 0 !important;
    min-height: 52px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(22, 59, 125, .13) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

.ag-program-features-list li:nth-child(even),
.ag-program-features-list li:hover,
.ag-program-features-list li:nth-child(even):hover {
    transform: none !important;
    filter: none !important;
}

.ag-program-feature-check,
.ag-program-features-list li i {
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    animation: none !important;
    filter: none !important;
}

.ag-program-feature-check::after,
.ag-program-features-list li i::after {
    display: none !important;
    content: none !important;
}

.ag-program-feature-check svg,
.ag-program-features-list li i svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
}

.ag-program-features-list li span,
.ag-program-features-list li span:last-child {
    display: block !important;
    color: #2547b8 !important;
    font-size: clamp(16px, 1.18vw, 20px) !important;
    line-height: 1.9 !important;
    font-weight: 700 !important;
    text-align: right !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ag-program-features-list li span::after,
.ag-program-features-list li span:last-child::after {
    display: none !important;
    content: none !important;
}

html[data-theme="dark"] .ag-program-features-main-title span {
    background: linear-gradient(90deg, #eaf4ff, #38bdf8, #22c55e) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] .ag-program-features-list li {
    border-bottom-color: rgba(255,255,255,.13) !important;
}

html[data-theme="dark"] .ag-program-feature-check,
html[data-theme="dark"] .ag-program-features-list li i {
    color: #22c55e !important;
}

html[data-theme="dark"] .ag-program-features-list li span,
html[data-theme="dark"] .ag-program-features-list li span:last-child {
    color: #dbeafe !important;
}

@media (max-width: 760px) {
    .ag-program-features-pro {
        width: min(100% - 26px, 100%) !important;
        margin: 52px auto 64px !important;
    }
    .ag-program-features-list {
        grid-template-columns: 1fr !important;
    }
}
/* نهاية إصلاح نهائي لظهور المميزات بنظام عمودين */

/* بداية كود إصلاح قسم مميزات البرنامج النهائي */
.ag-program-features-pro{
    display:block!important;
    width:min(1180px,calc(100% - 48px))!important;
    margin:80px auto 40px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    color:var(--ag-single-text,#13233b)!important;
}
.ag-program-features-pro .ag-program-section-title,
.ag-program-features-pro .ag-program-features-main-title{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0 auto 38px!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    text-align:center!important;
}
.ag-program-features-pro .ag-program-section-title span,
.ag-program-features-pro .ag-program-features-main-title span{
    display:inline-block!important;
    font-size:clamp(34px,4vw,58px)!important;
    font-weight:900!important;
    line-height:1.2!important;
    background:linear-gradient(90deg,#12326f,#2f82ff,#34b99d)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
.ag-program-features-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 46px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.ag-program-features-list li{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    min-height:54px!important;
    margin:0!important;
    padding:13px 0!important;
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid rgba(42,117,230,.16)!important;
    box-shadow:none!important;
    border-radius:0!important;
    text-align:right!important;
    direction:rtl!important;
}
.ag-program-features-list li::before,
.ag-program-features-list li::after{display:none!important;content:none!important;}
.ag-program-feature-check,
.ag-program-features-list li i{
    flex:0 0 auto!important;
    display:inline-flex!important;
    width:18px!important;
    height:18px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#0e1b2d!important;
}
.ag-program-feature-check svg,
.ag-program-features-list li i svg{
    width:17px!important;
    height:17px!important;
    stroke:currentColor!important;
    fill:none!important;
}
.ag-program-features-list li span{
    display:block!important;
    flex:1 1 auto!important;
    color:#173766!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.9!important;
    text-align:right!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
html[data-theme="dark"] .ag-program-features-pro .ag-program-section-title span,
html[data-theme="dark"] .ag-program-features-pro .ag-program-features-main-title span{
    background:linear-gradient(90deg,#ffffff,#44d38b,#38bdf8)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
}
html[data-theme="dark"] .ag-program-features-list li{
    border-bottom-color:rgba(68,211,139,.20)!important;
}
html[data-theme="dark"] .ag-program-features-list li span{
    color:#eef7ff!important;
}
html[data-theme="dark"] .ag-program-feature-check,
html[data-theme="dark"] .ag-program-features-list li i{
    color:#44d38b!important;
}
@media (max-width: 900px){
    .ag-program-features-pro{width:calc(100% - 28px)!important;margin:54px auto 30px!important;}
    .ag-program-features-list{grid-template-columns:1fr!important;gap:0!important;}
    .ag-program-features-list li span{font-size:16px!important;line-height:1.85!important;}
}
/* نهاية كود إصلاح قسم مميزات البرنامج النهائي */

/* بداية إصلاح نهائي لظهور مميزات البرنامج */
.ag-program-features-pro {
    display: block !important;
    width: min(1120px, calc(100% - 48px)) !important;
    margin: 70px auto 90px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    direction: rtl !important;
    overflow: visible !important;
}

.ag-program-features-pro .ag-program-section-title,
.ag-program-features-main-title {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 34px !important;
    padding: 0 !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-features-pro .ag-program-section-title span,
.ag-program-features-main-title span {
    display: inline-block !important;
    color: #1d4ed8 !important;
    font-size: clamp(34px, 5vw, 66px) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    letter-spacing: -1px !important;
    background: linear-gradient(90deg, #12306c, #2563eb, #2db7a3) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.ag-program-features-list {
    width: min(100%, 980px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 54px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ag-program-features-list::before,
.ag-program-features-list::after {
    display: none !important;
    content: none !important;
}

.ag-program-features-list li {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 11px 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(37, 99, 235, .12) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transform: none !important;
    direction: rtl !important;
}

.ag-program-features-list li:hover,
.ag-program-features-list li:nth-child(even),
.ag-program-features-list li:nth-child(even):hover {
    transform: none !important;
    filter: none !important;
}

.ag-program-feature-check {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    filter: none !important;
    animation: none !important;
}

.ag-program-feature-check::before,
.ag-program-feature-check::after {
    display: none !important;
    content: none !important;
}

.ag-program-feature-check svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: currentColor !important;
}

.ag-program-features-list li span {
    display: block !important;
    color: #2444b8 !important;
    font-size: clamp(16px, 1.35vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;
    text-align: right !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ag-program-features-list li span::before,
.ag-program-features-list li span::after {
    display: none !important;
    content: none !important;
}

html[data-theme="dark"] .ag-program-features-pro .ag-program-section-title span,
html[data-theme="dark"] .ag-program-features-main-title span {
    background: linear-gradient(90deg, #eaf7ff, #38bdf8, #22c55e) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html[data-theme="dark"] .ag-program-feature-check {
    color: #22c55e !important;
}

html[data-theme="dark"] .ag-program-features-list li {
    border-bottom-color: rgba(34, 197, 94, .16) !important;
}

html[data-theme="dark"] .ag-program-features-list li span {
    color: #eaf7ff !important;
}

@media (max-width: 800px) {
    .ag-program-features-pro {
        width: min(100%, calc(100% - 28px)) !important;
        margin: 50px auto 70px !important;
    }

    .ag-program-features-list {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }
}
/* نهاية إصلاح نهائي لظهور مميزات البرنامج */


/* بداية كود العرض العادي القديم للمقال */
.ag-old-single-page {
    width: min(1100px, calc(100% - 32px));
    margin: 48px auto;
}

.ag-old-single-article {
    color: var(--ag-text, #102033);
}

.ag-old-single-header {
    margin-bottom: 24px;
    text-align: start;
}

.ag-old-single-header h1 {
    margin: 0 0 12px;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.45;
    font-weight: 500;
}

.ag-old-single-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: rgba(15, 23, 42, .62);
    font-size: 14px;
}

html[data-theme="dark"] .ag-old-single-meta {
    color: rgba(255, 255, 255, .62);
}

.ag-old-single-thumb {
    margin: 0 0 28px;
}

.ag-old-single-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
}

.ag-old-single-content {
    font-size: 19px;
    line-height: 2.15;
    font-weight: 400;
}

.ag-old-single-content h2,
.ag-old-single-content h3,
.ag-old-single-content h4 {
    margin: 34px 0 14px;
    line-height: 1.55;
    font-weight: 500;
}

.ag-old-single-content p {
    margin: 0 0 18px;
}

.ag-old-single-content img {
    max-width: 100%;
    height: auto;
}

.ag-old-single-section {
    margin-top: 42px;
}

.ag-old-single-section h2 {
    margin: 0 0 18px;
    font-size: 28px;
    line-height: 1.4;
    font-weight: 500;
}

.ag-old-screenshots-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.ag-old-screenshots-grid img {
    display: block;
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 14px;
}

.ag-old-downloads-list {
    display: grid;
    gap: 10px;
}

.ag-old-download-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid rgba(15, 23, 42, .12);
}

html[data-theme="dark"] .ag-old-download-link {
    border-bottom-color: rgba(255, 255, 255, .12);
}

.ag-old-download-link span {
    font-weight: 500;
}

.ag-old-download-link small {
    opacity: .7;
}

/* بداية كود عرض الأسئلة الشائعة المحسن */
.ag-old-faq {
    position: relative;
    overflow: visible;
    padding-top: 74px;
}

.ag-old-faq::before {
    content: "FAQ";
    position: absolute;
    inset-inline-end: 34px;
    top: 0;
    z-index: 0;
    font-size: clamp(92px, 12vw, 190px);
    font-weight: 950;
    letter-spacing: 8px;
    line-height: .82;
    color: rgba(37, 99, 235, .06);
    pointer-events: none;
    white-space: nowrap;
}

.ag-old-faq-head {
    position: relative;
    z-index: 1;
    margin-bottom: 26px;
}

.ag-old-faq-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 54px;
    height: 28px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(37, 99, 235, .14), rgba(124, 58, 237, .12));
    color: #2563eb;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1px;
}

.ag-old-faq-head h2 {
    margin: 0 0 8px;
}

.ag-old-faq-head p {
    margin: 0;
    color: rgba(15, 23, 42, .68);
    font-size: 16px;
    line-height: 1.9;
}

.ag-old-faq-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 12px;
}

.ag-old-faq-item {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 0;
    border: 0;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .46)),
        radial-gradient(circle at 95% 0%, rgba(37, 99, 235, .14), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(124, 58, 237, .10), transparent 32%);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .075);
    transition: transform .24s ease, box-shadow .24s ease, background .24s ease;
}

.ag-old-faq-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .105);
}

.ag-old-faq-item::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    top: 18px;
    bottom: 18px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #2563eb, #7c3aed);
    opacity: .8;
}

.ag-old-faq-item summary {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 14px;
    min-height: 76px;
    padding: 18px 24px;
    list-style: none;
    cursor: pointer;
    direction: rtl;
}

.ag-old-faq-item summary::-webkit-details-marker {
    display: none;
}

.ag-old-faq-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: rgba(37, 99, 235, .10);
    color: #2563eb;
    font-size: 15px;
    font-weight: 900;
}

.ag-old-faq-question {
    min-width: 0;
    color: #0f172a;
    font-size: clamp(18px, 1.55vw, 23px);
    font-weight: 850;
    line-height: 1.65;
}

.ag-old-faq-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-inline-start: auto;
    border-radius: 13px;
    background: rgba(15, 23, 42, .07);
    transform: rotate(0deg);
    transition: transform .28s ease, background .22s ease;
}

.ag-old-faq-toggle::before,
.ag-old-faq-toggle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 2px;
    border-radius: 999px;
    background: #0f172a;
    transform: translate(-50%, -50%);
    transition: transform .28s ease, opacity .22s ease;
}

.ag-old-faq-toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.ag-old-faq-item[open] .ag-old-faq-toggle {
    transform: rotate(45deg);
    background: rgba(37, 99, 235, .14);
}

.ag-old-faq-item[open] .ag-old-faq-toggle::after {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(90deg);
}

.ag-old-faq-answer {
    padding: 0 92px 22px 72px;
}

.ag-old-faq-answer p,
.ag-old-faq-item p {
    margin: 0;
    color: rgba(15, 23, 42, .78);
    font-size: 17px;
    font-weight: 500;
    line-height: 2;
}

html[data-theme="dark"] .ag-old-faq::before {
    color: rgba(96, 165, 250, .075);
}

html[data-theme="dark"] .ag-old-faq-kicker {
    background: linear-gradient(135deg, rgba(96, 165, 250, .16), rgba(167, 139, 250, .14));
    color: #93c5fd;
}

html[data-theme="dark"] .ag-old-faq-head p {
    color: rgba(226, 232, 240, .70);
}

html[data-theme="dark"] .ag-old-faq-item {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, .76), rgba(15, 23, 42, .42)),
        radial-gradient(circle at 95% 0%, rgba(59, 130, 246, .20), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(168, 85, 247, .16), transparent 32%);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .20);
}

html[data-theme="dark"] .ag-old-faq-item:hover {
    box-shadow: 0 26px 80px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .ag-old-faq-number {
    background: rgba(96, 165, 250, .14);
    color: #93c5fd;
}

html[data-theme="dark"] .ag-old-faq-question {
    color: #f8fafc;
}

html[data-theme="dark"] .ag-old-faq-toggle {
    background: rgba(255, 255, 255, .10);
}

html[data-theme="dark"] .ag-old-faq-item[open] .ag-old-faq-toggle {
    background: rgba(96, 165, 250, .16);
}

html[data-theme="dark"] .ag-old-faq-toggle::before,
html[data-theme="dark"] .ag-old-faq-toggle::after {
    background: #f8fafc;
}

html[data-theme="dark"] .ag-old-faq-answer p,
html[data-theme="dark"] .ag-old-faq-item p {
    color: rgba(226, 232, 240, .78);
}

@media (max-width: 640px) {
    .ag-old-faq {
        padding-top: 54px;
    }

    .ag-old-faq::before {
        inset-inline-end: 14px;
        top: 4px;
        font-size: 82px;
        letter-spacing: 5px;
    }

    .ag-old-faq-item summary {
        grid-template-columns: 42px minmax(0, 1fr) 34px;
        gap: 10px;
        padding: 16px 14px;
    }

    .ag-old-faq-number {
        width: 38px;
        height: 38px;
        border-radius: 14px;
    }

    .ag-old-faq-toggle {
        width: 32px;
        height: 32px;
    }

    .ag-old-faq-answer {
        padding: 0 66px 18px 16px;
    }

    .ag-old-faq-question {
        font-size: 17px;
    }

    .ag-old-faq-answer p,
    .ag-old-faq-item p {
        font-size: 15px;
    }
}
/* نهاية كود عرض الأسئلة الشائعة المحسن */

@media (max-width: 900px) {
    .ag-old-screenshots-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .ag-old-single-page {
        width: min(100% - 22px, 1100px);
        margin: 28px auto;
    }

    .ag-old-screenshots-grid {
        grid-template-columns: 1fr;
    }

    .ag-old-screenshots-grid img {
        height: auto;
    }
}
/* نهاية كود العرض العادي القديم للمقال */


/* بداية كود تبويبات المقال القديمة بشكل الصورة */
.ag-old-single-page {
    width: min(1600px, calc(100% - 48px));
    margin: 42px auto 80px;
    direction: rtl;
}

.ag-old-single-article {
    color: #071f3d;
}

.ag-old-single-header {
    margin: 0 0 26px;
}

.ag-old-title-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    text-align: right;
}

.ag-old-title-icon {
    width: 108px;
    height: 108px;
    flex: 0 0 108px;
    overflow: hidden;
    border-radius: 10px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .14);
}

.ag-old-title-icon img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ag-old-title-main {
    min-width: 0;
    flex: 1;
}

.ag-old-single-header h1 {
    margin: 0 0 6px;
    color: #062f5d;
    font-size: clamp(26px, 2.55vw, 44px);
    line-height: 1.35;
    font-weight: 500;
    letter-spacing: -.4px;
}

.ag-old-single-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    color: #4b5563;
    font-size: 14px;
    line-height: 1.4;
}

.ag-old-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 8px 0 34px;
    direction: rtl;
}

.ag-old-tab {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 0;
    outline: 0;
    border-radius: 7px;
    background: #06325f;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
    transition: background .22s ease, transform .22s ease, color .22s ease;
}

.ag-old-tab:hover {
    background: #0a427b;
}

.ag-old-tab.is-active {
    background: #4e6eff;
    color: #ffffff;
}

.ag-old-tabs-content {
    width: 100%;
}

.ag-old-tab-panel {
    display: none;
}

.ag-old-tab-panel.is-active {
    display: block;
}

.ag-old-single-thumb {
    width: min(1120px, 100%);
    margin: 0 auto 32px;
    overflow: hidden;
    border-radius: 14px;
    background: #ffffff;
}

.ag-old-single-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px;
}

.ag-old-single-content {
    width: min(1120px, 100%);
    margin: 0 auto;
    color: #102033;
    font-size: 20px;
    line-height: 2.08;
    font-weight: 400;
}

.ag-old-single-content h2,
.ag-old-single-content h3,
.ag-old-single-content h4 {
    color: #062f5d;
    font-weight: 500;
}

html[data-theme="dark"] .ag-old-single-article,
html[data-theme="dark"] .ag-old-single-content {
    color: #e5f4ff;
}

html[data-theme="dark"] .ag-old-single-header h1,
html[data-theme="dark"] .ag-old-single-content h2,
html[data-theme="dark"] .ag-old-single-content h3,
html[data-theme="dark"] .ag-old-single-content h4 {
    color: #f8fbff;
}

html[data-theme="dark"] .ag-old-single-meta {
    color: rgba(229, 244, 255, .72);
}

html[data-theme="dark"] .ag-old-tab {
    background: #082946;
    color: #eaf7ff;
}

html[data-theme="dark"] .ag-old-tab:hover {
    background: #0b385e;
}

html[data-theme="dark"] .ag-old-tab.is-active {
    background: #4e6eff;
    color: #ffffff;
}

html[data-theme="dark"] .ag-old-title-icon,
html[data-theme="dark"] .ag-old-single-thumb {
    background: #08111f;
    border-color: rgba(255,255,255,.12);
}

@media (max-width: 900px) {
    .ag-old-single-page {
        width: min(100% - 24px, 1600px);
        margin: 28px auto 60px;
    }

    .ag-old-title-wrap {
        align-items: flex-start;
        gap: 12px;
    }

    .ag-old-title-icon {
        width: 76px;
        height: 76px;
        flex-basis: 76px;
    }

    .ag-old-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}

@media (max-width: 560px) {
    .ag-old-title-icon {
        width: 62px;
        height: 62px;
        flex-basis: 62px;
    }

    .ag-old-single-header h1 {
        font-size: 22px;
    }

    .ag-old-tab {
        height: 48px;
        font-size: 15px;
    }
}
/* نهاية كود تبويبات المقال القديمة بشكل الصورة */


/* بداية إصلاح عرض التبويبات وإظهار صورة المقال */
.ag-old-tabs {
    width: min(980px, calc(100% - 48px)) !important;
    margin: 6px auto 26px !important;
    gap: 8px !important;
}

.ag-old-tab {
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.ag-old-single-content {
    width: min(1120px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ag-old-single-content img {
    display: block !important;
    width: auto !important;
    max-width: min(100%, 1120px) !important;
    height: auto !important;
    margin: 26px auto !important;
    border-radius: 16px !important;
    object-fit: contain !important;
}

.ag-old-single-content p > img:only-child {
    margin-left: auto !important;
    margin-right: auto !important;
}

.ag-old-single-content figure,
.ag-old-single-content .wp-caption {
    width: auto !important;
    max-width: min(100%, 1120px) !important;
    margin: 26px auto !important;
    text-align: center !important;
}

.ag-old-single-content figure img,
.ag-old-single-content .wp-caption img {
    margin: 0 auto !important;
}
/* نهاية إصلاح عرض التبويبات وإظهار صورة المقال */


/* بداية شكل تعريف ومميزات البرنامج على خلفية الموقع */
.ag-old-single-content {
    width: min(1280px, calc(100% - 40px)) !important;
    max-width: none !important;
}

.ag-program-definition-box,
.ag-program-features-box {
    position: relative;
    width: min(1240px, 100%);
    margin: 34px auto;
    padding: 0;
    border-radius: 0;
    overflow: visible;
    isolation: isolate;
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.ag-program-definition-box::before,
.ag-program-features-box::before {
    display: none !important;
    content: none !important;
}

.ag-program-definition-box::after {
    content: "تعريف البرنامج";
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translateX(-50%);
    color: rgba(6, 47, 93, .045);
    font-size: clamp(58px, 8vw, 126px);
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    z-index: -1;
    pointer-events: none;
}

.ag-program-features-box::after {
    content: "مميزات البرنامج";
    position: absolute;
    left: 50%;
    top: 6px;
    transform: translateX(-50%);
    color: rgba(6, 47, 93, .045);
    font-size: clamp(54px, 7vw, 112px);
    line-height: 1;
    font-weight: 900;
    white-space: nowrap;
    z-index: -1;
    pointer-events: none;
}

.ag-program-section-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 0 24px;
    text-align: center;
}

.ag-program-section-icon {
    width: auto;
    height: auto;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #4e6eff;
    font-size: 34px;
    line-height: 1;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-section-head-features .ag-program-section-icon {
    color: #10b981;
    background: transparent !important;
}

.ag-program-section-head h2 {
    margin: 0;
    color: #062f5d;
    font-size: clamp(28px, 3vw, 48px);
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: -.7px;
}

.ag-program-definition-body {
    width: min(1120px, 100%);
    margin: 0 auto;
}

.ag-program-definition-title {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin: 24px auto 14px !important;
    color: #062f5d !important;
    font-size: clamp(22px, 2vw, 34px) !important;
    line-height: 1.45 !important;
    font-weight: 800 !important;
    text-align: center;
}

.ag-program-definition-title::after {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: -7px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #4e6eff, #28c7ff, #10b981);
}

.ag-program-definition-subtitle {
    margin: 20px 0 8px !important;
    color: #0b3b72 !important;
    font-size: clamp(18px, 1.45vw, 23px) !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
    text-align: right;
}

.ag-program-definition-text {
    margin: 0 0 12px !important;
    color: #102033;
    font-size: clamp(17px, 1.22vw, 20px);
    line-height: 1.92;
    font-weight: 400;
    text-align: right;
}

.ag-program-related-line {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 0 0 18px auto;
    padding: 0;
    color: rgba(16, 32, 51, .72);
    font-size: 14px;
    line-height: 1.7;
    font-weight: 500;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-related-line span {
    color: rgba(16, 32, 51, .62);
}

.ag-program-related-line a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 700;
}

.ag-program-related-line a:hover {
    color: #10b981;
}

.ag-program-features-grid {
    width: min(1120px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
}

.ag-program-feature-item {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 9px;
    align-items: start;
    padding: 6px 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-feature-check {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1689f5;
    font-size: 22px;
    line-height: 1;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-feature-item p {
    margin: 0 !important;
    color: #102033;
    font-size: clamp(16px, 1.15vw, 19px);
    line-height: 1.75;
    font-weight: 400;
}

html[data-theme="dark"] .ag-program-definition-box,
html[data-theme="dark"] .ag-program-features-box {
    background: transparent !important;
}

html[data-theme="dark"] .ag-program-definition-box::after,
html[data-theme="dark"] .ag-program-features-box::after {
    color: rgba(255, 255, 255, .04);
}

html[data-theme="dark"] .ag-program-section-head h2,
html[data-theme="dark"] .ag-program-definition-title {
    color: #eaf6ff !important;
}

html[data-theme="dark"] .ag-program-definition-subtitle {
    color: #a7dcff !important;
}

html[data-theme="dark"] .ag-program-definition-text,
html[data-theme="dark"] .ag-program-feature-item p {
    color: #e5f4ff;
}

html[data-theme="dark"] .ag-program-related-line {
    color: rgba(229, 244, 255, .72);
}

html[data-theme="dark"] .ag-program-related-line span {
    color: rgba(229, 244, 255, .58);
}

html[data-theme="dark"] .ag-program-related-line a {
    color: #67e8f9;
}

html[data-theme="dark"] .ag-program-feature-check {
    color: #22c55e;
}

@media (max-width: 760px) {
    .ag-old-single-content {
        width: min(100%, calc(100% - 24px)) !important;
    }

    .ag-program-definition-box,
    .ag-program-features-box {
        width: 100%;
        margin: 28px auto;
    }

    .ag-program-definition-box::after,
    .ag-program-features-box::after {
        font-size: 56px;
        top: 14px;
    }

    .ag-program-related-line {
        width: 100%;
        flex-wrap: wrap;
    }
}
/* نهاية شكل تعريف ومميزات البرنامج على خلفية الموقع */


/* بداية تحسين ألوان العناوين وأيقونات المميزات المتحركة */
.ag-program-section-head h2 {
    color: #0b4fa8 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .45);
}

.ag-program-section-head-features h2 {
    color: #067a63 !important;
}

.ag-program-definition-title {
    color: #073b7a !important;
    background: linear-gradient(90deg, #073b7a, #2563eb, #00a6d6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

.ag-program-definition-subtitle {
    color: #0f6ea8 !important;
}

.ag-program-feature-item {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: start !important;
}

.ag-program-feature-check {
    position: relative;
    width: 30px !important;
    height: 30px !important;
    margin-top: 2px;
    color: #1689f5;
    font-size: 18px !important;
    line-height: 1;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

.ag-program-feature-core {
    position: absolute;
    inset: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1689f5;
    transform-origin: center;
    animation: agFeatureCorePulse 1.9s ease-in-out infinite;
}

.ag-program-feature-core i {
    display: block;
    line-height: 1;
}

.ag-program-feature-orbit {
    position: absolute;
    inset: 2px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: rgba(22, 137, 245, .82);
    border-right-color: rgba(0, 166, 214, .34);
    transform-origin: center;
    animation: agFeatureOrbit 2.4s linear infinite;
}

.ag-program-feature-orbit::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    right: -1px;
    top: 1px;
    border-radius: 50%;
    background: #1689f5;
}

.ag-program-feature-item p {
    font-size: clamp(16px, 1.08vw, 18px) !important;
    line-height: 1.72 !important;
}

@keyframes agFeatureOrbit {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes agFeatureCorePulse {
    0%, 100% { transform: scale(1); opacity: .88; }
    50% { transform: scale(1.14); opacity: 1; }
}

html[data-theme="dark"] .ag-program-section-head h2 {
    color: #7dd3fc !important;
    text-shadow: none;
}

html[data-theme="dark"] .ag-program-section-head-features h2 {
    color: #86efac !important;
}

html[data-theme="dark"] .ag-program-definition-title {
    background: linear-gradient(90deg, #eaf6ff, #67e8f9, #86efac);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

html[data-theme="dark"] .ag-program-definition-subtitle {
    color: #93c5fd !important;
}

html[data-theme="dark"] .ag-program-feature-core {
    color: #22c55e;
}

html[data-theme="dark"] .ag-program-feature-orbit {
    border-top-color: rgba(34, 197, 94, .9);
    border-right-color: rgba(103, 232, 249, .34);
}

html[data-theme="dark"] .ag-program-feature-orbit::before {
    background: #22c55e;
}

@media (max-width: 1024px) {
    .ag-old-single-content {
        width: min(100%, calc(100% - 32px)) !important;
    }

    .ag-program-definition-body,
    .ag-program-features-grid {
        width: min(100%, 920px) !important;
    }

    .ag-program-section-head h2 {
        font-size: clamp(26px, 4vw, 42px) !important;
    }

    .ag-program-definition-title {
        font-size: clamp(21px, 3.2vw, 30px) !important;
    }

    .ag-program-definition-text {
        font-size: clamp(16px, 2vw, 19px) !important;
        line-height: 1.9 !important;
    }

    .ag-program-feature-item p {
        font-size: clamp(15.5px, 1.9vw, 18px) !important;
    }
}

@media (max-width: 760px) {
    .ag-program-definition-box,
    .ag-program-features-box {
        margin: 26px auto !important;
        padding: 0 !important;
    }

    .ag-program-section-head {
        gap: 8px !important;
        margin-bottom: 20px !important;
    }

    .ag-program-section-icon {
        font-size: 28px !important;
    }

    .ag-program-section-head h2 {
        font-size: clamp(25px, 7vw, 36px) !important;
    }

    .ag-program-definition-title {
        width: 100% !important;
        margin: 22px auto 14px !important;
        font-size: clamp(20px, 5.4vw, 28px) !important;
        line-height: 1.55 !important;
    }

    .ag-program-definition-subtitle {
        font-size: clamp(17px, 4.5vw, 21px) !important;
        line-height: 1.65 !important;
    }

    .ag-program-definition-text {
        font-size: 16px !important;
        line-height: 1.95 !important;
        text-align: right !important;
    }

    .ag-program-feature-item {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 9px !important;
        padding: 7px 0 !important;
    }

    .ag-program-feature-check {
        width: 27px !important;
        height: 27px !important;
        font-size: 16px !important;
    }

    .ag-program-feature-item p {
        font-size: 15.5px !important;
        line-height: 1.85 !important;
    }
}

@media (max-width: 480px) {
    .ag-old-single-content {
        width: min(100%, calc(100% - 22px)) !important;
    }

    .ag-program-definition-text,
    .ag-program-feature-item p {
        font-size: 15px !important;
    }

    .ag-program-related-line {
        font-size: 13px !important;
        line-height: 1.65 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-program-feature-core,
    .ag-program-feature-orbit {
        animation: none !important;
    }
}
/* نهاية تحسين ألوان العناوين وأيقونات المميزات المتحركة */


/* بداية أيقونة نجمة المميزات */
.ag-program-feature-check.ag-program-feature-star {
    position: relative;
    width: 34px !important;
    height: 34px !important;
    margin-top: 1px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

.ag-program-star-shape {
    position: relative;
    width: 26px;
    height: 26px;
    display: block;
    background: #f5a623;
    clip-path: polygon(50% 0%, 61% 34%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 34%);
    transform-origin: center;
    animation: agProgramStarWiggle 2.1s ease-in-out infinite;
}

.ag-program-star-shape::before {
    content: "";
    position: absolute;
    inset: 6px;
    background: rgba(255, 244, 214, .96);
    clip-path: polygon(50% 0%, 61% 34%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 34%);
}

.ag-program-star-shape::after {
    content: "";
    position: absolute;
    inset: -1px;
    background: transparent;
    border-radius: 50%;
}

.ag-program-star-spark {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f5a623;
    opacity: .75;
    transform-origin: center;
    animation: agProgramStarSpark 1.7s ease-in-out infinite;
}

.ag-program-star-spark-1 {
    right: 1px;
    top: 3px;
}

.ag-program-star-spark-2 {
    left: 2px;
    bottom: 4px;
    animation-delay: .5s;
}

@keyframes agProgramStarWiggle {
    0%, 100% {
        transform: rotate(-7deg) scale(1);
    }
    35% {
        transform: rotate(8deg) scale(1.08);
    }
    65% {
        transform: rotate(-3deg) scale(.98);
    }
}

@keyframes agProgramStarSpark {
    0%, 100% {
        transform: scale(.55);
        opacity: .35;
    }
    50% {
        transform: scale(1);
        opacity: .95;
    }
}

html[data-theme="dark"] .ag-program-star-shape {
    background: #fbbf24;
}

html[data-theme="dark"] .ag-program-star-shape::before {
    background: rgba(17, 24, 39, .92);
}

html[data-theme="dark"] .ag-program-star-spark {
    background: #facc15;
}

@media (max-width: 760px) {
    .ag-program-feature-check.ag-program-feature-star {
        width: 30px !important;
        height: 30px !important;
    }

    .ag-program-star-shape {
        width: 23px;
        height: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-program-star-shape,
    .ag-program-star-spark {
        animation: none !important;
    }
}
/* نهاية أيقونة نجمة المميزات */


/* بداية عرض معلومات البرنامج */
.ag-program-info-strip {
    width: min(1240px, calc(100% - 40px));
    margin: 38px auto 34px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    direction: rtl;
}

.ag-program-info-head {
    width: fit-content;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 18px;
    color: #0b4fa8;
    white-space: nowrap;
}

.ag-program-info-head h2 {
    margin: 0;
    font-size: clamp(24px, 2.2vw, 36px);
    line-height: 1.35;
    font-weight: 800;
    letter-spacing: -.5px;
}

.ag-program-info-head-icon,
.ag-program-info-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

.ag-program-info-head-icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
}

.ag-program-info-head-icon span {
    width: 28px;
    height: 28px;
    border: 3px solid #2563eb;
    border-radius: 50%;
    border-top-color: transparent;
    animation: agInfoSpin 2.1s linear infinite;
}

.ag-program-info-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.ag-program-info-item {
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    grid-template-areas:
        "icon label"
        "icon value";
    column-gap: 9px;
    align-items: center;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-program-info-icon {
    grid-area: icon;
    width: 30px;
    height: 30px;
}

.ag-program-info-icon span {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
}

.ag-program-info-icon-name span {
    border-radius: 6px;
    border: 2px solid #2563eb;
    animation: agInfoFloat 2.4s ease-in-out infinite;
}

.ag-program-info-icon-size span {
    border-radius: 50%;
    border: 3px solid #06b6d4;
    border-left-color: transparent;
    animation: agInfoSpin 2.2s linear infinite;
}

.ag-program-info-icon-version span {
    border-radius: 7px;
    background: #8b5cf6;
    clip-path: polygon(50% 0%, 100% 28%, 100% 72%, 50% 100%, 0% 72%, 0% 28%);
    animation: agInfoPulse 2s ease-in-out infinite;
}

.ag-program-info-icon-license span {
    background: #f5a623;
    clip-path: polygon(50% 0%, 61% 34%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 34%);
    animation: agInfoWiggle 2s ease-in-out infinite;
}

.ag-program-info-icon-developer span {
    width: 24px;
    height: 18px;
    border-radius: 5px;
    border: 2px solid #10b981;
    animation: agInfoFloat 2.3s ease-in-out infinite;
}

.ag-program-info-icon-developer span::before {
    content: "</>";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10b981;
    font-size: 10px;
    font-weight: 900;
}

.ag-program-info-icon-date span {
    width: 23px;
    height: 22px;
    border-radius: 6px;
    border: 2px solid #ef4444;
    animation: agInfoPulse 2.2s ease-in-out infinite;
}

.ag-program-info-icon-date span::before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    top: 6px;
    height: 2px;
    background: #ef4444;
}

.ag-program-info-item span:not(.ag-program-info-icon) {
    grid-area: label;
    color: rgba(16, 32, 51, .62);
    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

.ag-program-info-item strong {
    grid-area: value;
    min-width: 0;
    color: #102033;
    font-size: clamp(13px, .98vw, 16px);
    line-height: 1.55;
    font-weight: 800;
    overflow-wrap: anywhere;
}

@keyframes agInfoSpin {
    to { transform: rotate(360deg); }
}

@keyframes agInfoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

@keyframes agInfoPulse {
    0%, 100% { transform: scale(1); opacity: .86; }
    50% { transform: scale(1.12); opacity: 1; }
}

@keyframes agInfoWiggle {
    0%, 100% { transform: rotate(-7deg) scale(1); }
    50% { transform: rotate(8deg) scale(1.08); }
}

html[data-theme="dark"] .ag-program-info-head {
    color: #7dd3fc;
}

html[data-theme="dark"] .ag-program-info-head-icon span {
    border-color: #67e8f9;
    border-top-color: transparent;
}

html[data-theme="dark"] .ag-program-info-item span:not(.ag-program-info-icon) {
    color: rgba(229, 244, 255, .58);
}

html[data-theme="dark"] .ag-program-info-item strong {
    color: #e5f4ff;
}

html[data-theme="dark"] .ag-program-info-icon-name span {
    border-color: #67e8f9;
}

html[data-theme="dark"] .ag-program-info-icon-size span {
    border-color: #22d3ee;
    border-left-color: transparent;
}

html[data-theme="dark"] .ag-program-info-icon-version span {
    background: #a78bfa;
}

html[data-theme="dark"] .ag-program-info-icon-license span {
    background: #facc15;
}

html[data-theme="dark"] .ag-program-info-icon-developer span,
html[data-theme="dark"] .ag-program-info-icon-developer span::before {
    border-color: #86efac;
    color: #86efac;
}

html[data-theme="dark"] .ag-program-info-icon-date span {
    border-color: #fb7185;
}

html[data-theme="dark"] .ag-program-info-icon-date span::before {
    background: #fb7185;
}

@media (max-width: 1180px) {
    .ag-program-info-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px 18px;
    }
}

@media (max-width: 760px) {
    .ag-program-info-strip {
        width: min(100%, calc(100% - 24px));
        margin: 30px auto 28px;
    }

    .ag-program-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 16px;
    }

    .ag-program-info-head h2 {
        font-size: clamp(23px, 6vw, 31px);
    }

    .ag-program-info-item {
        grid-template-columns: 29px minmax(0, 1fr);
    }

    .ag-program-info-icon {
        width: 28px;
        height: 28px;
    }

    .ag-program-info-item strong {
        font-size: 14px;
    }
}

@media (max-width: 460px) {
    .ag-program-info-grid {
        grid-template-columns: 1fr;
    }

    .ag-program-info-head {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-program-info-head-icon span,
    .ag-program-info-icon span {
        animation: none !important;
    }
}
/* نهاية عرض معلومات البرنامج */


/* بداية أيقونات معلومات البرنامج الواضحة */
.ag-program-info-head {
    flex-direction: row !important;
    align-items: center !important;
}

.ag-program-info-head-icon {
    width: 34px !important;
    height: 34px !important;
}

.ag-program-info-head-icon span {
    width: 28px !important;
    height: 28px !important;
    border: 3px solid #2563eb !important;
    border-radius: 50% !important;
    border-top-color: transparent !important;
    background: transparent !important;
    animation: agInfoSpin 2.1s linear infinite !important;
}

.ag-program-info-item {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    grid-template-areas:
        "icon label"
        "icon value" !important;
    column-gap: 9px !important;
    row-gap: 2px !important;
    align-items: center !important;
}

.ag-program-info-icon {
    grid-area: icon !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ag-program-info-icon i {
    display: block !important;
    font-size: 27px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform-origin: center;
}

.ag-program-info-label,
.ag-program-info-item > span:not(.ag-program-info-icon) {
    grid-area: label !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    color: rgba(16, 32, 51, .62) !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.ag-program-info-item strong {
    grid-area: value !important;
}

.ag-program-info-icon-name i {
    color: #2563eb !important;
    animation: agInfoFloat 2.4s ease-in-out infinite;
}

.ag-program-info-icon-size i {
    color: #0891b2 !important;
    animation: agInfoPulse 2.2s ease-in-out infinite;
}

.ag-program-info-icon-version i {
    color: #8b5cf6 !important;
    animation: agInfoWiggle 2.15s ease-in-out infinite;
}

.ag-program-info-icon-license i {
    color: #f59e0b !important;
    animation: agInfoPulse 1.9s ease-in-out infinite;
}

.ag-program-info-icon-developer i {
    color: #10b981 !important;
    animation: agInfoFloat 2.35s ease-in-out infinite;
}

.ag-program-info-icon-date i {
    color: #ef4444 !important;
    animation: agInfoWiggle 2.3s ease-in-out infinite;
}

html[data-theme="dark"] .ag-program-info-head-icon span {
    border-color: #67e8f9 !important;
    border-top-color: transparent !important;
}

html[data-theme="dark"] .ag-program-info-label,
html[data-theme="dark"] .ag-program-info-item > span:not(.ag-program-info-icon) {
    color: rgba(229, 244, 255, .62) !important;
}

html[data-theme="dark"] .ag-program-info-icon-name i {
    color: #67e8f9 !important;
}

html[data-theme="dark"] .ag-program-info-icon-size i {
    color: #22d3ee !important;
}

html[data-theme="dark"] .ag-program-info-icon-version i {
    color: #a78bfa !important;
}

html[data-theme="dark"] .ag-program-info-icon-license i {
    color: #facc15 !important;
}

html[data-theme="dark"] .ag-program-info-icon-developer i {
    color: #86efac !important;
}

html[data-theme="dark"] .ag-program-info-icon-date i {
    color: #fb7185 !important;
}

@media (max-width: 760px) {
    .ag-program-info-item {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        column-gap: 8px !important;
    }

    .ag-program-info-icon {
        width: 28px !important;
        height: 28px !important;
    }

    .ag-program-info-icon i {
        font-size: 24px !important;
    }

    .ag-program-info-label,
    .ag-program-info-item > span:not(.ag-program-info-icon) {
        font-size: 11.5px !important;
    }
}

@media (max-width: 460px) {
    .ag-program-info-item {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        grid-template-areas:
            "icon label"
            "icon value" !important;
    }
}
/* نهاية أيقونات معلومات البرنامج الواضحة */

/* بداية شكل بوكسات معلومات البرنامج ببوردر */
.ag-program-info-grid {
    align-items: stretch !important;
}

.ag-program-info-item {
    min-height: 92px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 1fr !important;
    grid-template-areas:
        "top"
        "value" !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .62) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ag-program-info-top {
    grid-area: top;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid rgba(37, 99, 235, .34);
    border-radius: 14px;
    background: transparent !important;
}

.ag-program-info-icon {
    width: 25px !important;
    height: 25px !important;
    flex: 0 0 25px !important;
}

.ag-program-info-icon i {
    font-size: 23px !important;
}

.ag-program-info-label {
    min-width: 0 !important;
    color: rgba(16, 32, 51, .76) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.ag-program-info-item strong {
    grid-area: value !important;
    width: 100%;
    min-height: 42px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 10px 10px;
    color: #102033;
    font-size: clamp(13px, .96vw, 16px);
    line-height: 1.45;
    font-weight: 800;
    text-align: center;
}

.ag-program-info-item-name .ag-program-info-top {
    border-color: rgba(37, 99, 235, .46);
}

.ag-program-info-item-size .ag-program-info-top {
    border-color: rgba(8, 145, 178, .46);
}

.ag-program-info-item-version .ag-program-info-top {
    border-color: rgba(139, 92, 246, .46);
}

.ag-program-info-item-license .ag-program-info-top {
    border-color: rgba(245, 158, 11, .50);
}

.ag-program-info-item-developer .ag-program-info-top {
    border-color: rgba(16, 185, 129, .48);
}

.ag-program-info-item-date .ag-program-info-top {
    border-color: rgba(239, 68, 68, .46);
}

html[data-theme="dark"] .ag-program-info-item {
    border-color: rgba(255, 255, 255, .20) !important;
}

html[data-theme="dark"] .ag-program-info-label {
    color: rgba(229, 244, 255, .78) !important;
}

html[data-theme="dark"] .ag-program-info-item strong {
    color: #e5f4ff;
}

@media (max-width: 760px) {
    .ag-program-info-item {
        min-height: 88px !important;
    }

    .ag-program-info-top {
        min-height: 36px;
    }

    .ag-program-info-label {
        font-size: 11.5px !important;
    }
}
/* نهاية شكل بوكسات معلومات البرنامج ببوردر */

/* بداية شكل متطلبات التشغيل في المقال */
.ag-system-req-section {
    position: relative;
    width: min(1160px, calc(100% - 40px));
    margin: 42px auto 34px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    direction: rtl;
}

.ag-system-req-head {
    width: fit-content;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 26px;
}

.ag-system-req-head-icon {
    position: relative;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    font-size: 32px;
    line-height: 1;
    background: transparent;
    border: 0;
    box-shadow: none;
    animation: agReqHeadFloat 2.7s ease-in-out infinite;
}

.ag-system-req-head h2 {
    margin: 0;
    color: #0f766e;
    font-size: clamp(26px, 2.4vw, 40px);
    line-height: 1.35;
    font-weight: 850;
    letter-spacing: -.5px;
}

.ag-system-req-road {
    position: relative;
    width: min(980px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 18px;
}

.ag-system-req-road::before {
    content: "";
    position: absolute;
    top: 26px;
    bottom: 26px;
    right: 17px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, #0f766e, rgba(15, 118, 110, .12));
}

.ag-system-req-item {
    position: relative;
    display: grid;
    grid-template-columns: 36px 42px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-system-req-step {
    position: relative;
    z-index: 2;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0f766e;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.ag-system-req-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    font-size: 32px;
    line-height: 1;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    animation: agReqIconPulse 2.3s ease-in-out infinite;
}

.ag-system-req-text {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.ag-system-req-text span {
    color: rgba(16, 32, 51, .60);
    font-size: 13px;
    line-height: 1.35;
    font-weight: 850;
}

.ag-system-req-text strong {
    color: #102033;
    font-size: clamp(17px, 1.35vw, 22px);
    line-height: 1.65;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.ag-system-req-ram .ag-system-req-step,
.ag-system-req-ram .ag-system-req-icon {
    color: #2563eb;
}

.ag-system-req-ram .ag-system-req-step {
    background: #2563eb;
    color: #fff;
}

.ag-system-req-space .ag-system-req-step,
.ag-system-req-space .ag-system-req-icon {
    color: #8b5cf6;
}

.ag-system-req-space .ag-system-req-step {
    background: #8b5cf6;
    color: #fff;
}

.ag-system-req-processor .ag-system-req-step,
.ag-system-req-processor .ag-system-req-icon {
    color: #f59e0b;
}

.ag-system-req-processor .ag-system-req-step {
    background: #f59e0b;
    color: #fff;
}

@keyframes agReqHeadFloat {
    0%, 100% { transform: translateY(0) rotate(-3deg); }
    50% { transform: translateY(-4px) rotate(4deg); }
}

@keyframes agReqIconPulse {
    0%, 100% { transform: scale(1); opacity: .86; }
    50% { transform: scale(1.12); opacity: 1; }
}

html[data-theme="dark"] .ag-system-req-head h2,
html[data-theme="dark"] .ag-system-req-head-icon {
    color: #5eead4;
}

html[data-theme="dark"] .ag-system-req-road::before {
    background: linear-gradient(180deg, #5eead4, rgba(94, 234, 212, .10));
}

html[data-theme="dark"] .ag-system-req-text span {
    color: rgba(229, 244, 255, .58);
}

html[data-theme="dark"] .ag-system-req-text strong {
    color: #e5f4ff;
}

html[data-theme="dark"] .ag-system-req-os .ag-system-req-icon {
    color: #5eead4;
}

@media (max-width: 760px) {
    .ag-system-req-section {
        width: min(100%, calc(100% - 24px));
        margin: 34px auto 28px;
    }

    .ag-system-req-road {
        gap: 16px;
    }

    .ag-system-req-item {
        grid-template-columns: 34px 36px minmax(0, 1fr);
        gap: 9px;
        min-height: 58px;
    }

    .ag-system-req-step {
        width: 34px;
        height: 34px;
    }

    .ag-system-req-icon {
        width: 36px;
        height: 36px;
        font-size: 28px;
    }

    .ag-system-req-text strong {
        font-size: 16px;
    }
}

@media (max-width: 460px) {
    .ag-system-req-item {
        grid-template-columns: 32px minmax(0, 1fr);
        grid-template-areas:
            "step text"
            "icon text";
        align-items: start;
    }

    .ag-system-req-step {
        grid-area: step;
    }

    .ag-system-req-icon {
        grid-area: icon;
        width: 32px;
        height: 32px;
        font-size: 24px;
    }

    .ag-system-req-text {
        grid-area: text;
    }

    .ag-system-req-road::before {
        right: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-system-req-head-icon,
    .ag-system-req-icon {
        animation: none !important;
    }
}
/* نهاية شكل متطلبات التشغيل في المقال */

/* بداية شكل روابط التحميل القديم */
a.download-this {
    width: min(1040px, calc(100% - 40px));
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 42px auto 18px;
    padding: 18px 24px;
    border-radius: 5px;
    background: #23c39a;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    transition: background .25s ease, transform .25s ease;
}

a.download-this:hover {
    background: #23b18c;
    color: #ffffff !important;
    transform: translateY(-2px);
}

a.download-this i {
    font-size: 35px;
    line-height: 1;
}

.counter {
    width: min(1040px, calc(100% - 40px));
    margin: 0 auto 34px;
    display: none;
}

.counter.is-active,
.counter.active,
.counter.show {
    display: block;
}

.prepare {
    width: 82px;
    height: 82px;
    margin: 0 auto 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #23c39a;
    color: #ffffff;
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
}

downloads--links {
    display: grid;
    gap: 12px;
    width: 100%;
}

downloads--links a {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 5px;
    background: #f1f3ff;
    border: 1px solid #cbd0ef;
    color: #102033 !important;
    text-decoration: none !important;
    transition: .25s ease;
}

downloads--links a:hover {
    border-color: #23c39a;
    transform: translateY(-2px);
}

downloads--links a > i {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    border-radius: 5px;
    background: #23c39a;
    color: #ffffff;
    font-size: 22px;
}

downloads--links .flex-1 {
    flex: 1;
    min-width: 0;
}

downloads--links h3 {
    margin: 0 0 5px;
    color: #102033;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 800;
}

downloads--links time {
    display: block;
    color: rgba(16, 32, 51, .65);
    font-size: 13px;
    line-height: 1.5;
    font-weight: 700;
}

html[data-theme="dark"] a.download-this {
    background: #23c39a;
    color: #ffffff !important;
}

html[data-theme="dark"] a.download-this:hover {
    background: #23b18c;
}

html[data-theme="dark"] .prepare {
    background: #23c39a;
    color: #ffffff;
}

html[data-theme="dark"] downloads--links a {
    background: rgba(15, 23, 42, .38);
    border-color: rgba(255, 255, 255, .18);
    color: #e5f4ff !important;
}

html[data-theme="dark"] downloads--links a:hover {
    border-color: #23c39a;
}

html[data-theme="dark"] downloads--links h3 {
    color: #e5f4ff;
}

html[data-theme="dark"] downloads--links time {
    color: rgba(229, 244, 255, .66);
}

@media (max-width: 760px) {
    a.download-this {
        width: min(100%, calc(100% - 24px));
        min-height: 64px;
        font-size: 24px;
        margin-top: 34px;
    }

    a.download-this i {
        font-size: 29px;
    }

    .counter {
        width: min(100%, calc(100% - 24px));
    }

    downloads--links a {
        min-height: 66px;
        padding: 12px;
    }

    downloads--links h3 {
        font-size: 16px;
    }
}
/* نهاية شكل روابط التحميل القديم */

/* بداية تثبيت روابط التحميل تحت متطلبات التشغيل */
.ag-system-req-section + a.download-this,
.ag-system-req-section + .download-this {
    margin-top: 36px !important;
}

.ag-system-req-section + a.download-this + .counter,
.ag-system-req-section + .download-this + .counter {
    margin-bottom: 46px !important;
}
/* نهاية تثبيت روابط التحميل تحت متطلبات التشغيل */


/* بداية كود عنوان تعريف البرنامج من داخل المحرر */
.ag-old-single-content .ag-editor-definition-marker,
.ag-old-single-content p:has(.ag-editor-definition-marker) {
    width: min(100%, 1040px);
    margin: 64px auto 52px !important;
    padding: 0 !important;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 14px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    overflow: visible;
}

.ag-old-single-content .ag-editor-definition-marker::before {
    content: "";
    width: 1px;
    height: 54px;
    display: block;
    background: linear-gradient(180deg, transparent 0%, #3f73ff 45%, transparent 100%);
    animation: agDefinitionLineFloat 2.7s ease-in-out infinite;
}

.ag-old-single-content .ag-editor-definition-bg {
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    color: rgba(63, 115, 255, .075);
    font-size: clamp(58px, 8vw, 142px);
    line-height: 1;
    font-weight: 900;
    letter-spacing: -5px;
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
}

.ag-old-single-content .ag-editor-definition-icon {
    width: auto;
    height: auto;
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #3f73ff;
    font-size: 34px;
    line-height: 1;
    filter: drop-shadow(0 12px 20px rgba(63, 115, 255, .25));
    animation: agDefinitionIconFloat 2.4s ease-in-out infinite;
}

.ag-old-single-content .ag-editor-definition-marker h2 {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 2;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #3f73ff !important;
    font-size: clamp(42px, 4.8vw, 78px) !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
    letter-spacing: -1.7px;
    text-align: center !important;
}

.ag-old-single-content .ag-editor-definition-marker h2 span {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    border-left: 2px solid #3f73ff;
    padding-left: 8px;
    animation: agDefinitionTyping 2.9s steps(13, end) both, agDefinitionCaret .8s step-end infinite;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-definition-bg {
    color: rgba(34, 197, 94, .08);
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-definition-marker::before {
    background: linear-gradient(180deg, transparent 0%, #22c55e 45%, transparent 100%);
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-definition-icon,
html[data-theme="dark"] .ag-old-single-content .ag-editor-definition-marker h2 {
    color: #22c55e !important;
    filter: drop-shadow(0 12px 20px rgba(34, 197, 94, .25));
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-definition-marker h2 span {
    border-left-color: #22c55e;
}

.ag-old-single-content img[class*="wp-image-"] {
    width: min(100%, 1040px) !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

@keyframes agDefinitionTyping {
    from { max-width: 0; }
    to { max-width: 420px; }
}

@keyframes agDefinitionCaret {
    0%, 100% { border-color: transparent; }
    50% { border-color: currentColor; }
}

@keyframes agDefinitionIconFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); opacity: .9; }
    50% { transform: translateY(-9px) rotate(-7deg); opacity: 1; }
}

@keyframes agDefinitionLineFloat {
    0%, 100% { transform: scaleY(.82); opacity: .45; }
    50% { transform: scaleY(1); opacity: 1; }
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-definition-marker,
    .ag-old-single-content p:has(.ag-editor-definition-marker) {
        margin: 44px auto 38px !important;
        gap: 10px;
    }

    .ag-old-single-content .ag-editor-definition-marker::before {
        height: 40px;
    }

    .ag-old-single-content .ag-editor-definition-bg {
        font-size: clamp(44px, 14vw, 76px);
        letter-spacing: -3px;
    }

    .ag-old-single-content .ag-editor-definition-icon {
        font-size: 27px;
    }

    .ag-old-single-content .ag-editor-definition-marker h2 {
        font-size: clamp(34px, 10vw, 48px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-old-single-content .ag-editor-definition-marker::before,
    .ag-old-single-content .ag-editor-definition-icon,
    .ag-old-single-content .ag-editor-definition-marker h2 span {
        animation: none !important;
    }
}
/* نهاية كود عنوان تعريف البرنامج من داخل المحرر */

/* بداية كود عناوين تعريف ومميزات البرنامج من داخل المحرر */
.ag-old-single-content .ag-editor-section-marker,
.ag-old-single-content p:has(.ag-editor-section-marker) {
    width: min(100%, 1040px) !important;
    margin: 64px auto 54px !important;
    padding: 0 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: 12px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
    overflow: visible !important;
    isolation: isolate !important;
}

.ag-old-single-content .ag-editor-section-bg {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    width: max-content !important;
    max-width: 0;
    transform: translate(-50%, -50%) !important;
    z-index: -1 !important;
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    color: rgba(63, 115, 255, .075) !important;
    font-size: clamp(64px, 9vw, 154px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -5px !important;
    pointer-events: none !important;
    user-select: none !important;
    animation: agEditorBgTyping 3.8s steps(14, end) infinite alternate !important;
}

.ag-old-single-content .ag-editor-features-marker .ag-editor-section-bg {
    color: rgba(14, 165, 233, .08) !important;
    animation-duration: 4.2s !important;
}

.ag-old-single-content .ag-editor-section-icon {
    width: auto !important;
    height: auto !important;
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #3f73ff !important;
    font-size: 35px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 12px 20px rgba(63, 115, 255, .25)) !important;
    animation: agEditorAiIconMove 2.15s ease-in-out infinite !important;
}

.ag-old-single-content .ag-editor-section-icon::before,
.ag-old-single-content .ag-editor-section-icon::after {
    content: '' !important;
    position: absolute !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    opacity: .65 !important;
    box-shadow: 0 0 18px currentColor !important;
    animation: agEditorOrbitDot 1.9s linear infinite !important;
}

.ag-old-single-content .ag-editor-section-icon::after {
    width: 4px !important;
    height: 4px !important;
    animation-duration: 2.7s !important;
    animation-direction: reverse !important;
}

.ag-old-single-content .ag-editor-section-marker h2 {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #3f73ff !important;
    font-size: clamp(42px, 4.8vw, 78px) !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -1.7px !important;
    text-align: center !important;
}

.ag-old-single-content .ag-editor-section-marker h2 span {
    display: inline-block !important;
    overflow: visible !important;
    white-space: nowrap !important;
    border: 0 !important;
    padding: 0 !important;
    animation: none !important;
}

.ag-old-single-content .ag-editor-section-line {
    width: min(420px, 72%) !important;
    height: 2px !important;
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, rgba(63, 115, 255, .45), transparent) !important;
}

.ag-old-single-content .ag-editor-section-line::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 34% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, transparent, #3f73ff, transparent) !important;
    animation: agEditorThinLine 2.4s ease-in-out infinite !important;
}

.ag-old-single-content .ag-editor-features-marker {
    margin-top: 76px !important;
}

.ag-old-single-content .ag-editor-features-marker .ag-editor-section-icon {
    color: #0ea5e9 !important;
    font-size: 36px !important;
    filter: drop-shadow(0 12px 20px rgba(14, 165, 233, .25)) !important;
    animation-name: agEditorMagicIconMove !important;
}

.ag-old-single-content .ag-editor-features-marker h2 {
    color: #0ea5e9 !important;
}

.ag-old-single-content .ag-editor-features-marker .ag-editor-section-line {
    background: linear-gradient(90deg, transparent, rgba(14, 165, 233, .45), transparent) !important;
}

.ag-old-single-content .ag-editor-features-marker .ag-editor-section-line::before {
    background: linear-gradient(90deg, transparent, #0ea5e9, #2563eb, transparent) !important;
    animation-duration: 2.05s !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-section-bg {
    color: rgba(34, 197, 94, .075) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-section-icon,
html[data-theme="dark"] .ag-old-single-content .ag-editor-section-marker h2 {
    color: #22c55e !important;
    filter: drop-shadow(0 12px 20px rgba(34, 197, 94, .25)) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-section-line {
    background: linear-gradient(90deg, transparent, rgba(34, 197, 94, .45), transparent) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-section-line::before {
    background: linear-gradient(90deg, transparent, #22c55e, transparent) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-features-marker .ag-editor-section-bg {
    color: rgba(56, 189, 248, .075) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-features-marker .ag-editor-section-icon,
html[data-theme="dark"] .ag-old-single-content .ag-editor-features-marker h2 {
    color: #38bdf8 !important;
    filter: drop-shadow(0 12px 20px rgba(56, 189, 248, .25)) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-features-marker .ag-editor-section-line::before {
    background: linear-gradient(90deg, transparent, #38bdf8, #22c55e, transparent) !important;
}

@keyframes agEditorBgTyping {
    0% { max-width: 0; opacity: .25; }
    42% { max-width: 980px; opacity: 1; }
    100% { max-width: 980px; opacity: 1; }
}

@keyframes agEditorAiIconMove {
    0%, 100% { transform: translateY(0) scale(1) rotate(0deg); }
    50% { transform: translateY(-8px) scale(1.08) rotate(-5deg); }
}

@keyframes agEditorMagicIconMove {
    0%, 100% { transform: translateY(0) rotate(0deg) scale(1); }
    50% { transform: translateY(-7px) rotate(8deg) scale(1.1); }
}

@keyframes agEditorOrbitDot {
    0% { transform: rotate(0deg) translateX(27px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(27px) rotate(-360deg); }
}

@keyframes agEditorThinLine {
    0% { right: -36%; opacity: 0; }
    18% { opacity: 1; }
    82% { opacity: 1; }
    100% { right: 102%; opacity: 0; }
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-section-marker,
    .ag-old-single-content p:has(.ag-editor-section-marker) {
        margin: 46px auto 40px !important;
        gap: 10px !important;
    }

    .ag-old-single-content .ag-editor-section-bg {
        font-size: clamp(46px, 15vw, 82px) !important;
        letter-spacing: -3px !important;
    }

    .ag-old-single-content .ag-editor-section-icon {
        font-size: 28px !important;
    }

    .ag-old-single-content .ag-editor-section-marker h2 {
        font-size: clamp(34px, 10vw, 48px) !important;
    }

    .ag-old-single-content .ag-editor-section-line {
        width: min(330px, 82%) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ag-old-single-content .ag-editor-section-bg,
    .ag-old-single-content .ag-editor-section-icon,
    .ag-old-single-content .ag-editor-section-icon::before,
    .ag-old-single-content .ag-editor-section-icon::after,
    .ag-old-single-content .ag-editor-section-line::before {
        animation: none !important;
    }

    .ag-old-single-content .ag-editor-section-bg {
        max-width: 980px !important;
    }
}
/* نهاية كود عناوين تعريف ومميزات البرنامج من داخل المحرر */



/* بداية كود معرض صور البرنامج الخيالي */
.ag-program-gallery {
    position: relative;
    overflow: hidden;
    margin-top: 34px;
    padding: 34px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 0%, rgba(30, 167, 255, .16), transparent 32%),
        radial-gradient(circle at 95% 12%, rgba(124, 58, 237, .14), transparent 30%),
        linear-gradient(135deg, rgba(255, 255, 255, .48), rgba(255, 255, 255, .20));
}

html[data-theme="dark"] .ag-program-gallery {
    background:
        radial-gradient(circle at 10% 0%, rgba(30, 167, 255, .20), transparent 34%),
        radial-gradient(circle at 95% 12%, rgba(124, 58, 237, .18), transparent 32%),
        linear-gradient(135deg, rgba(15, 23, 42, .48), rgba(2, 6, 23, .18));
}

.ag-program-gallery::before {
    content: "GALLERY";
    position: absolute;
    inset-inline-start: 30px;
    top: 2px;
    z-index: 0;
    color: rgba(37, 99, 235, .055);
    font-size: clamp(58px, 10vw, 150px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 4px;
    pointer-events: none;
    white-space: nowrap;
}

html[data-theme="dark"] .ag-program-gallery::before {
    color: rgba(255, 255, 255, .045);
}

.ag-program-gallery-head {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px 18px;
    align-items: end;
    margin-bottom: 24px;
}

.ag-program-gallery-kicker {
    grid-column: 1 / -1;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(30, 167, 255, .18), rgba(124, 58, 237, .16));
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}

html[data-theme="dark"] .ag-program-gallery-kicker {
    color: #93c5fd;
}

.ag-program-gallery-head h2 {
    margin: 0;
    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.25;
    font-weight: 900;
}

.ag-program-gallery-head p {
    grid-column: 1 / 2;
    margin: 0;
    color: rgba(15, 23, 42, .66);
    font-size: 16px;
    line-height: 1.8;
}

html[data-theme="dark"] .ag-program-gallery-head p {
    color: rgba(255, 255, 255, .66);
}

.ag-program-gallery-head strong {
    grid-row: 2 / 4;
    grid-column: 2 / 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    background: rgba(37, 99, 235, .12);
    color: #2563eb;
    font-size: 14px;
    font-weight: 950;
}

html[data-theme="dark"] .ag-program-gallery-head strong {
    background: rgba(96, 165, 250, .14);
    color: #bfdbfe;
}

.ag-program-gallery-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: 150px;
    gap: 16px;
}

.ag-program-shot {
    position: relative;
    display: block;
    overflow: hidden;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 26px;
    background: rgba(15, 23, 42, .10);
    cursor: pointer;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .12);
    transform: translateY(0) scale(1);
    transition: transform .32s ease, box-shadow .32s ease, filter .32s ease;
}

html[data-theme="dark"] .ag-program-shot {
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

.ag-program-shot:nth-child(1) {
    grid-column: span 6;
    grid-row: span 2;
}

.ag-program-shot:nth-child(2),
.ag-program-shot:nth-child(3) {
    grid-column: span 3;
    grid-row: span 1;
}

.ag-program-shot:nth-child(4),
.ag-program-shot:nth-child(5) {
    grid-column: span 3;
    grid-row: span 1;
}

.ag-program-shot:nth-child(n+6) {
    grid-column: span 4;
    grid-row: span 1;
}

.ag-program-shot img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform .55s ease, filter .55s ease;
}

.ag-program-shot::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(180deg, transparent 40%, rgba(2, 6, 23, .74)),
        radial-gradient(circle at 20% 15%, rgba(255, 255, 255, .26), transparent 30%);
    opacity: .78;
    transition: opacity .3s ease;
}

.ag-program-shot-shine {
    position: absolute;
    inset: -60% auto auto -90%;
    z-index: 3;
    width: 70%;
    height: 220%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .38), transparent);
    transform: rotate(24deg);
    transition: left .7s ease;
}

.ag-program-shot-info {
    position: absolute;
    inset-inline-start: 16px;
    inset-inline-end: 16px;
    bottom: 16px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #fff;
    transform: translateY(10px);
    opacity: .92;
    transition: transform .3s ease, opacity .3s ease;
}

.ag-program-shot-info small {
    font-size: 13px;
    font-weight: 950;
}

.ag-program-shot-info em {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    backdrop-filter: blur(10px);
}

.ag-program-shot:hover {
    transform: translateY(-6px) scale(1.012);
    box-shadow: 0 28px 70px rgba(37, 99, 235, .18);
    filter: saturate(1.08);
}

.ag-program-shot:hover img {
    transform: scale(1.08);
}

.ag-program-shot:hover::after {
    opacity: .95;
}

.ag-program-shot:hover .ag-program-shot-shine {
    left: 125%;
}

.ag-program-shot:hover .ag-program-shot-info {
    transform: translateY(0);
    opacity: 1;
}

.ag-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 34px;
    background: rgba(2, 6, 23, .88);
    backdrop-filter: blur(18px);
}

.ag-gallery-lightbox.is-active {
    display: flex;
}

.ag-gallery-lightbox-inner {
    position: relative;
    width: min(1180px, 100%);
    max-height: min(82vh, 820px);
    border-radius: 30px;
    overflow: hidden;
    background: rgba(15, 23, 42, .92);
    box-shadow: 0 40px 120px rgba(0, 0, 0, .55);
}

.ag-gallery-lightbox-img {
    width: 100%;
    max-height: min(82vh, 820px);
    display: block;
    object-fit: contain;
    background: #020617;
}

.ag-gallery-lightbox-bar {
    position: absolute;
    inset-inline: 16px;
    bottom: 16px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #fff;
}

.ag-gallery-lightbox-count {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    font-size: 13px;
    font-weight: 950;
    backdrop-filter: blur(10px);
}

.ag-gallery-lightbox-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ag-gallery-lightbox-btn,
.ag-gallery-lightbox-close {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 15px;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    font-weight: 950;
    line-height: 1;
    backdrop-filter: blur(10px);
    transition: transform .2s ease, background .2s ease;
}

.ag-gallery-lightbox-close {
    position: absolute;
    top: 16px;
    inset-inline-end: 16px;
    z-index: 4;
}

.ag-gallery-lightbox-btn:hover,
.ag-gallery-lightbox-close:hover {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, .26);
}

@media (max-width: 1100px) {
    .ag-program-gallery-grid {
        grid-auto-rows: 140px;
    }

    .ag-program-shot:nth-child(1) {
        grid-column: span 12;
    }

    .ag-program-shot:nth-child(n+2) {
        grid-column: span 6;
    }
}

@media (max-width: 700px) {
    .ag-program-gallery {
        padding: 22px;
        border-radius: 26px;
    }

    .ag-program-gallery-head {
        grid-template-columns: 1fr;
    }

    .ag-program-gallery-head p,
    .ag-program-gallery-head strong {
        grid-column: auto;
        grid-row: auto;
    }

    .ag-program-gallery-head strong {
        width: fit-content;
    }

    .ag-program-gallery-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 12px;
    }

    .ag-program-shot,
    .ag-program-shot:nth-child(1),
    .ag-program-shot:nth-child(n+2) {
        grid-column: auto;
        grid-row: auto;
        min-height: 210px;
    }

    .ag-gallery-lightbox {
        padding: 14px;
    }

    .ag-gallery-lightbox-inner {
        border-radius: 22px;
    }
}
/* نهاية كود معرض صور البرنامج الخيالي */


/* بداية كود شكل التحميل بدون عداد */
.download-this,
.counter,
.prepare,
downloads--links {
    display: none !important;
}

.ag-download-zone {
    position: relative;
    overflow: hidden;
    width: min(1040px, calc(100% - 40px));
    margin: 46px auto 54px;
    padding: 30px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 10% 0%, rgba(35, 195, 154, .18), transparent 34%),
        radial-gradient(circle at 95% 10%, rgba(37, 99, 235, .15), transparent 32%),
        linear-gradient(135deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, .24));
}

html[data-theme="dark"] .ag-download-zone {
    background:
        radial-gradient(circle at 10% 0%, rgba(35, 195, 154, .18), transparent 34%),
        radial-gradient(circle at 95% 10%, rgba(37, 99, 235, .16), transparent 32%),
        linear-gradient(135deg, rgba(15, 23, 42, .48), rgba(2, 6, 23, .20));
}

.ag-download-zone::before {
    content: "DOWNLOAD";
    position: absolute;
    inset-inline-start: 18px;
    top: -8px;
    z-index: 0;
    color: rgba(35, 195, 154, .07);
    font-size: clamp(58px, 9vw, 132px);
    line-height: 1;
    font-weight: 950;
    letter-spacing: 4px;
    pointer-events: none;
    white-space: nowrap;
}

html[data-theme="dark"] .ag-download-zone::before {
    color: rgba(255, 255, 255, .04);
}

.ag-download-head,
.ag-download-latest-wrap,
.ag-download-previous {
    position: relative;
    z-index: 2;
}

.ag-download-head {
    margin-bottom: 22px;
    text-align: center;
}

.ag-download-kicker {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: rgba(35, 195, 154, .14);
    color: #0f9f7f;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.ag-download-head h2 {
    margin: 0 0 8px;
    color: #102033;
    font-size: clamp(30px, 3vw, 46px);
    line-height: 1.25;
    font-weight: 950;
}

html[data-theme="dark"] .ag-download-head h2 {
    color: #f8fbff;
}

.ag-download-head p {
    margin: 0;
    color: rgba(16, 32, 51, .66);
    font-size: 15px;
    line-height: 1.9;
    font-weight: 700;
}

html[data-theme="dark"] .ag-download-head p {
    color: rgba(255, 255, 255, .66);
}

.ag-download-latest {
    position: relative;
    min-height: 116px;
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    padding: 22px;
    border-radius: 28px;
    background: linear-gradient(135deg, #23c39a, #1687d9);
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 28px 70px rgba(35, 195, 154, .22);
    transition: transform .28s ease, box-shadow .28s ease, filter .28s ease;
}

.ag-download-latest:hover {
    transform: translateY(-4px);
    filter: saturate(1.05);
    box-shadow: 0 34px 90px rgba(35, 195, 154, .30);
}

.ag-download-latest-icon {
    width: 76px;
    height: 76px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 34px;
}

.ag-download-latest-content {
    min-width: 0;
    display: grid;
    gap: 6px;
}

.ag-download-latest-content em {
    width: fit-content;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 950;
}

.ag-download-latest-content strong {
    color: #fff;
    font-size: clamp(22px, 2vw, 30px);
    line-height: 1.35;
    font-weight: 950;
}

.ag-download-latest-content small {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
    font-weight: 800;
}

.ag-download-latest-action {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    font-size: 14px;
    font-weight: 950;
    white-space: nowrap;
}

.ag-download-previous {
    margin-top: 20px;
}

.ag-download-previous-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: #102033;
}

html[data-theme="dark"] .ag-download-previous-title {
    color: #f8fbff;
}

.ag-download-previous-title i {
    color: #23c39a;
}

.ag-download-previous-title h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 950;
}

.ag-download-previous-list {
    display: grid;
    gap: 10px;
}

.ag-download-old-link {
    min-height: 76px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .56);
    border: 1px solid rgba(15, 23, 42, .08);
    color: #102033 !important;
    text-decoration: none !important;
    transition: transform .24s ease, border-color .24s ease, background .24s ease;
}

html[data-theme="dark"] .ag-download-old-link {
    background: rgba(255, 255, 255, .055);
    border-color: rgba(255, 255, 255, .10);
    color: #f8fbff !important;
}

.ag-download-old-link:hover {
    transform: translateY(-3px);
    border-color: rgba(35, 195, 154, .55);
}

.ag-download-old-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(35, 195, 154, .14);
    color: #10a37f;
    font-size: 20px;
}

.ag-download-old-text {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.ag-download-old-text strong {
    color: inherit;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 950;
}

.ag-download-old-text small {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: rgba(16, 32, 51, .62);
    font-size: 12px;
    font-weight: 800;
}

html[data-theme="dark"] .ag-download-old-text small {
    color: rgba(255, 255, 255, .62);
}

@media (max-width: 760px) {
    .ag-download-zone {
        width: min(100%, calc(100% - 24px));
        padding: 20px;
        border-radius: 26px;
    }

    .ag-download-latest {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .ag-download-latest-content small {
        justify-content: center;
    }
}
/* نهاية كود شكل التحميل بدون عداد */


/* بداية إرجاع زر التحميل القديم بدون عداد */
a.download-this.ag-download-main-button,
a.download-this.ag-download-main-button:visited {
    width: min(1040px, calc(100% - 40px)) !important;
    min-height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin: 42px auto 18px !important;
    padding: 18px 24px !important;
    border-radius: 5px !important;
    background: #23c39a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transition: background .25s ease, transform .25s ease !important;
}

a.download-this.ag-download-main-button:hover {
    background: #23b18c !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

a.download-this.ag-download-main-button i {
    font-size: 35px !important;
    line-height: 1 !important;
}

html[data-theme="dark"] a.download-this.ag-download-main-button {
    background: #23c39a !important;
    color: #ffffff !important;
}

html[data-theme="dark"] a.download-this.ag-download-main-button:hover {
    background: #23b18c !important;
}

.ag-download-main-button + .ag-download-zone {
    margin-top: 18px !important;
}

@media (max-width: 760px) {
    a.download-this.ag-download-main-button {
        width: min(100%, calc(100% - 24px)) !important;
        min-height: 64px !important;
        font-size: 24px !important;
        margin-top: 34px !important;
    }

    a.download-this.ag-download-main-button i {
        font-size: 29px !important;
    }
}
/* نهاية إرجاع زر التحميل القديم بدون عداد */


/* بداية كود إصلاح ظهور زر التحميل */
.ag-download-open-wrap {
    width: min(100%, 1100px);
    margin: 38px auto 26px;
}

.ag-download-main-button.download-this {
    width: 100%;
    min-height: 86px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border: 0 !important;
    border-radius: 6px;
    background: #34bd9a;
    color: #ffffff !important;
    text-decoration: none !important;
    cursor: pointer;
    font-family: Changa, Cairo, Tahoma, Arial, sans-serif;
    box-shadow: none;
}

.ag-download-main-button.download-this i {
    color: #ffffff;
    font-size: 34px;
}

.ag-download-main-button.download-this div {
    color: #ffffff;
    font-size: clamp(34px, 3vw, 46px);
    line-height: 1;
    font-weight: 900;
}

.ag-download-zone {
    width: min(100%, 1100px);
    margin: 0 auto 42px;
}

.ag-download-zone.is-visible {
    animation: agDownloadPanelIn .34s ease both;
}

@keyframes agDownloadPanelIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* نهاية كود إصلاح ظهور زر التحميل */


/* بداية كود جعل أحدث إصدار نفس تبويب الإصدارات السابقة */
.ag-download-latest-wrap {
    display: grid !important;
    gap: 12px !important;
    margin: 0 0 24px !important;
}

.ag-download-old-link.ag-download-old-link-latest {
    min-height: 74px !important;
    padding: 14px 18px !important;
    border-radius: 20px !important;
    background:
        linear-gradient(135deg, rgba(52, 189, 154, .22), rgba(37, 153, 217, .18)),
        rgba(255, 255, 255, .76) !important;
    border: 1px solid rgba(52, 189, 154, .34) !important;
    box-shadow: 0 14px 38px rgba(52, 189, 154, .10) !important;
}

html[data-theme="dark"] .ag-download-old-link.ag-download-old-link-latest {
    background:
        linear-gradient(135deg, rgba(52, 189, 154, .22), rgba(37, 153, 217, .18)),
        rgba(15, 23, 42, .52) !important;
    border-color: rgba(52, 189, 154, .28) !important;
}

.ag-download-old-link.ag-download-old-link-latest .ag-download-old-icon {
    background: rgba(52, 189, 154, .22) !important;
    color: #10b981 !important;
}

.ag-download-old-link.ag-download-old-link-latest .ag-download-latest-badge {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(52, 189, 154, .18);
    color: #059669;
    font-size: 12px;
    font-weight: 950;
    white-space: nowrap;
}

html[data-theme="dark"] .ag-download-old-link.ag-download-old-link-latest .ag-download-latest-badge {
    background: rgba(52, 189, 154, .16);
    color: #6ee7b7;
}

.ag-download-old-link.ag-download-old-link-latest strong,
.ag-download-old-link.ag-download-old-link-latest small {
    color: inherit !important;
}

@media (max-width: 700px) {
    .ag-download-old-link.ag-download-old-link-latest .ag-download-latest-badge {
        width: fit-content;
        margin-top: 4px;
    }
}
/* نهاية كود جعل أحدث إصدار نفس تبويب الإصدارات السابقة */


/* بداية كود تنظيف تبويبات التحميل */
.ag-download-zone {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.ag-download-zone::before,
.ag-download-zone::after,
.ag-download-head,
.ag-download-kicker {
    display: none !important;
}

.ag-download-latest-wrap,
.ag-download-previous,
.ag-download-previous-list {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-download-previous {
    margin-top: 18px !important;
}

.ag-download-previous-title {
    margin-bottom: 12px !important;
}

.ag-download-old-link {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 14px !important;
}

.ag-download-old-text {
    min-width: 0 !important;
}

.ag-download-old-text strong {
    display: block !important;
    margin: 0 0 6px !important;
}

.ag-download-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
}

.ag-download-meta span {
    min-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .055) !important;
    color: rgba(15, 23, 42, .72) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.ag-download-meta i {
    color: #23c39a !important;
    font-size: 12px !important;
}

html[data-theme="dark"] .ag-download-meta span {
    background: rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .76) !important;
}

.ag-download-old-link-latest .ag-download-meta span {
    background: rgba(52, 189, 154, .13) !important;
    color: #047857 !important;
}

html[data-theme="dark"] .ag-download-old-link-latest .ag-download-meta span {
    background: rgba(52, 189, 154, .15) !important;
    color: #a7f3d0 !important;
}

.ag-download-latest-badge {
    justify-self: end !important;
}

@media (max-width: 760px) {
    .ag-download-old-link {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }

    .ag-download-latest-badge {
        grid-column: 2 / 3 !important;
        justify-self: start !important;
    }

    .ag-download-meta {
        justify-content: flex-start !important;
    }
}
/* نهاية كود تنظيف تبويبات التحميل */


/* بداية كود نقل بيانات التحميل للجانب الآخر */
.ag-download-old-link {
    grid-template-columns: 54px minmax(0, 1fr) auto auto !important;
}

.ag-download-old-text {
    min-width: 0 !important;
}

.ag-download-old-text strong {
    margin: 0 !important;
}

.ag-download-meta {
    justify-self: end !important;
    align-self: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
}

.ag-download-latest-badge {
    justify-self: end !important;
    align-self: center !important;
}

@media (max-width: 760px) {
    .ag-download-old-link {
        grid-template-columns: 48px minmax(0, 1fr) !important;
    }

    .ag-download-meta,
    .ag-download-latest-badge {
        grid-column: 2 / 3 !important;
        justify-self: start !important;
        justify-content: flex-start !important;
    }
}
/* نهاية كود نقل بيانات التحميل للجانب الآخر */

/* بداية كود شكل المفضلة والتقييم الحي النهائي */
.ag-single-smart-actions {
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
}

.ag-single-smart-actions .ag-favorite-btn {
    position: relative !important;
    min-width: 166px !important;
    height: 56px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 20px !important;
    border: 0 !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb 0%, #1ea7ff 55%, #24d18f 100%) !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, .18) !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.ag-single-smart-actions .ag-favorite-btn::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: 19px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 55%) !important;
    pointer-events: none !important;
}

.ag-single-smart-actions .ag-favorite-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 44px rgba(37, 99, 235, .24) !important;
    filter: saturate(1.05) !important;
}

.ag-single-smart-actions .ag-favorite-btn i {
    position: relative !important;
    z-index: 2 !important;
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .18) !important;
    color: #ffffff !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.ag-single-smart-actions .ag-favorite-btn span {
    position: relative !important;
    z-index: 2 !important;
    color: #ffffff !important;
}

.ag-single-smart-actions .ag-favorite-btn.is-active {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 52%, #24aeea 100%) !important;
    box-shadow: 0 16px 38px rgba(34, 197, 94, .20) !important;
}

.ag-single-live-rating {
    position: relative !important;
    min-width: 276px !important;
    min-height: 56px !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 8px 12px !important;
    border-radius: 20px !important;
    background: rgba(255, 255, 255, .70) !important;
    border: 1px solid rgba(245, 158, 11, .18) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
    direction: rtl !important;
}

.ag-single-live-rating .ag-single-rating-head {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.ag-single-live-rating .ag-single-rating-reaction {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #f59e0b, #f97316) !important;
    filter: none !important;
    font-size: 19px !important;
    line-height: 1 !important;
    flex: 0 0 34px !important;
}

.ag-single-live-rating .ag-single-rating-score {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    color: #0f172a !important;
    font-weight: 1000 !important;
    white-space: nowrap !important;
}

.ag-single-live-rating .ag-single-rating-score strong {
    font-size: 18px !important;
    line-height: 1 !important;
}

.ag-single-live-rating .ag-single-rating-score em {
    color: rgba(15, 23, 42, .52) !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 950 !important;
}

.ag-single-live-rating .ag-single-rating-stars {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row-reverse !important;
    gap: 1px !important;
    direction: ltr !important;
}

.ag-single-live-rating .ag-single-rating-star {
    width: 25px !important;
    height: 25px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: rgba(15, 23, 42, .20) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: transform .16s ease, color .16s ease !important;
}

.ag-single-live-rating .ag-single-rating-star:hover,
.ag-single-live-rating .ag-single-rating-star:hover ~ .ag-single-rating-star,
.ag-single-live-rating .ag-single-rating-star.is-preview,
.ag-single-live-rating .ag-single-rating-star.is-preview ~ .ag-single-rating-star,
.ag-single-live-rating .ag-single-rating-star.is-active {
    color: #f59e0b !important;
}

.ag-single-live-rating .ag-single-rating-star:hover,
.ag-single-live-rating .ag-single-rating-star.is-preview {
    transform: translateY(-1px) scale(1.10) !important;
}

.ag-single-live-rating.is-voted .ag-single-rating-star {
    cursor: default !important;
}

.ag-single-live-rating .ag-single-rating-foot {
    display: grid !important;
    justify-items: end !important;
    gap: 2px !important;
    color: rgba(15, 23, 42, .62) !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.ag-single-live-rating .ag-single-rating-foot b {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
}

.ag-single-live-rating .ag-single-rating-foot small {
    color: #2563eb !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

.ag-single-live-rating.is-loading {
    opacity: .75 !important;
    pointer-events: none !important;
}

.ag-single-live-rating.is-pop .ag-single-rating-reaction {
    animation: agSingleLiveRatePop .34s ease both !important;
}

@keyframes agSingleLiveRatePop {
    0% { transform: scale(.92); }
    55% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

html[data-theme="dark"] .ag-single-live-rating {
    background: rgba(8, 16, 38, .70) !important;
    border-color: rgba(245, 158, 11, .18) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .18) !important;
}

html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-score,
html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-foot b {
    color: #f8fafc !important;
}

html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-score em,
html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-foot {
    color: rgba(226, 232, 240, .62) !important;
}

html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-star {
    color: rgba(226, 232, 240, .22) !important;
}

html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-star:hover,
html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-star:hover ~ .ag-single-rating-star,
html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-star.is-preview,
html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-star.is-preview ~ .ag-single-rating-star,
html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-star.is-active {
    color: #fbbf24 !important;
}

html[data-theme="dark"] .ag-single-live-rating .ag-single-rating-foot small {
    color: #7dd3fc !important;
}

@media (max-width: 760px) {
    .ag-single-smart-actions {
        align-items: stretch !important;
        justify-content: center !important;
    }

    .ag-single-smart-actions .ag-favorite-btn,
    .ag-single-live-rating {
        width: 100% !important;
        min-width: 0 !important;
    }

    .ag-single-live-rating {
        grid-template-columns: auto 1fr !important;
    }

    .ag-single-live-rating .ag-single-rating-stars {
        justify-content: flex-end !important;
    }

    .ag-single-live-rating .ag-single-rating-foot {
        grid-column: 1 / -1 !important;
        justify-items: center !important;
    }
}
/* نهاية كود شكل المفضلة والتقييم الحي النهائي */

/* بداية كود شكل التعليقات النهائي */
.ag-comments-area,
.ag-comments-area * {
    box-sizing: border-box !important;
}

.ag-comments-area {
    width: min(980px, 100%) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    direction: rtl !important;
}

.ag-comments-head {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
}

.ag-comments-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 8px !important;
    color: #2563eb !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.ag-comments-kicker i {
    font-size: 18px !important;
}

.ag-comments-head h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: clamp(24px, 3vw, 38px) !important;
    font-weight: 1000 !important;
    line-height: 1.15 !important;
}

.ag-comments-head p {
    max-width: 320px !important;
    margin: 0 !important;
    color: rgba(15, 23, 42, .62) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.7 !important;
}

.ag-comments-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 12px !important;
}

.ag-comments-list .children {
    list-style: none !important;
    margin: 10px 0 0 !important;
    padding: 0 28px 0 0 !important;
    display: grid !important;
    gap: 10px !important;
    border-right: 2px solid rgba(37, 99, 235, .12) !important;
}

.ag-comment-item {
    margin: 0 !important;
    padding: 0 !important;
}

.ag-comment-card {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .64) !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05) !important;
}

.ag-comment-avatar img,
.ag-comment-custom-avatar {
    width: 54px !important;
    height: 54px !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    margin: 0 !important;
    border: 2px solid rgba(37, 99, 235, .14) !important;
    box-shadow: none !important;
}

.ag-comment-body {
    min-width: 0 !important;
}

.ag-comment-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 9px !important;
}

.ag-comment-author {
    display: grid !important;
    gap: 3px !important;
}

.ag-comment-author strong {
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
    line-height: 1.2 !important;
}

.ag-comment-author span {
    width: max-content !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    color: #16a34a !important;
    background: rgba(34, 197, 94, .10) !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

.ag-comment-date {
    flex: 0 0 auto !important;
    color: rgba(15, 23, 42, .48) !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.3 !important;
}

.ag-comment-text {
    color: rgba(15, 23, 42, .78) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.9 !important;
}

.ag-comment-text p {
    margin: 0 0 8px !important;
}

.ag-comment-text p:last-child {
    margin-bottom: 0 !important;
}

.ag-comment-waiting {
    display: inline-flex !important;
    margin: 0 0 8px !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
    color: #b45309 !important;
    background: rgba(245, 158, 11, .12) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.ag-comment-actions {
    margin: 10px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.ag-comment-actions a,
.comment-reply-link {
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    color: #2563eb !important;
    background: rgba(37, 99, 235, .08) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-comments-empty,
.ag-comments-login-box,
.ag-comments-closed {
    margin: 0 0 16px !important;
    padding: 18px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .62) !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    color: rgba(15, 23, 42, .68) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05) !important;
}

.ag-comments-empty {
    display: grid !important;
    justify-items: center !important;
    gap: 6px !important;
    text-align: center !important;
}

.ag-comments-empty i {
    font-size: 34px !important;
    color: #2563eb !important;
}

.ag-comments-empty strong {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 1000 !important;
}

.ag-comments-empty span {
    font-size: 13px !important;
    font-weight: 800 !important;
}

.ag-comments-login-box {
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
}

.ag-comments-login-box > i {
    width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    font-size: 24px !important;
}

.ag-comments-login-box strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    margin: 0 0 3px !important;
}

.ag-comments-login-box span {
    color: rgba(15, 23, 42, .62) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

.ag-comments-login-actions {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.ag-comments-login-actions a {
    min-height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 950 !important;
}

.ag-comments-login-actions a + a {
    color: #2563eb !important;
    background: rgba(37, 99, 235, .09) !important;
}

.ag-comment-form-wrap {
    margin: 16px 0 0 !important;
    padding: 16px !important;
    border-radius: 26px !important;
    background: rgba(255, 255, 255, .64) !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .05) !important;
}

.ag-comment-form .comment-reply-title {
    margin: 0 0 12px !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    line-height: 1.25 !important;
}

.ag-comment-form .comment-reply-title small {
    margin-inline-start: 8px !important;
}

.ag-comment-form .comment-reply-title a {
    color: #ef4444 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.ag-comment-field {
    display: grid !important;
    gap: 8px !important;
}

.ag-comment-field label {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

.ag-comment-field textarea {
    width: 100% !important;
    min-height: 132px !important;
    resize: vertical !important;
    padding: 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(37, 99, 235, .14) !important;
    outline: 0 !important;
    background: rgba(255, 255, 255, .78) !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.8 !important;
}

.ag-comment-form .form-submit {
    margin: 12px 0 0 !important;
}

.ag-comment-form .submit {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    font-size: 13px !important;
    font-weight: 1000 !important;
    cursor: pointer !important;
}

.ag-comments-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 16px 0 !important;
}

.ag-comments-nav a {
    color: #2563eb !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 950 !important;
}

html[data-theme="dark"] .ag-comments-head h2,
html[data-theme="dark"] .ag-comment-author strong,
html[data-theme="dark"] .ag-comments-empty strong,
html[data-theme="dark"] .ag-comments-login-box strong,
html[data-theme="dark"] .ag-comment-form .comment-reply-title,
html[data-theme="dark"] .ag-comment-field label {
    color: #f8fafc !important;
}

html[data-theme="dark"] .ag-comments-head p,
html[data-theme="dark"] .ag-comment-text,
html[data-theme="dark"] .ag-comment-date,
html[data-theme="dark"] .ag-comments-empty,
html[data-theme="dark"] .ag-comments-login-box,
html[data-theme="dark"] .ag-comments-login-box span,
html[data-theme="dark"] .ag-comments-closed {
    color: rgba(226, 232, 240, .70) !important;
}

html[data-theme="dark"] .ag-comment-card,
html[data-theme="dark"] .ag-comments-empty,
html[data-theme="dark"] .ag-comments-login-box,
html[data-theme="dark"] .ag-comments-closed,
html[data-theme="dark"] .ag-comment-form-wrap {
    background: rgba(8, 16, 38, .68) !important;
    border-color: rgba(73, 200, 255, .10) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .20) !important;
}

html[data-theme="dark"] .ag-comment-field textarea {
    background: rgba(6, 12, 30, .74) !important;
    border-color: rgba(73, 200, 255, .14) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .ag-comments-list .children {
    border-right-color: rgba(73, 200, 255, .14) !important;
}

html[data-theme="dark"] .comment-reply-link {
    color: #7dd3fc !important;
    background: rgba(73, 200, 255, .08) !important;
}

@media (max-width: 760px) {
    .ag-comments-head {
        display: grid !important;
        gap: 8px !important;
        text-align: center !important;
        justify-items: center !important;
    }

    .ag-comments-head p {
        max-width: 100% !important;
    }

    .ag-comments-login-box {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .ag-comments-login-actions {
        width: 100% !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }

    .ag-comment-card {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        padding: 12px !important;
        border-radius: 20px !important;
    }

    .ag-comment-avatar img,
    .ag-comment-custom-avatar {
        width: 46px !important;
        height: 46px !important;
    }

    .ag-comments-list .children {
        padding-right: 14px !important;
    }
}
/* نهاية كود شكل التعليقات النهائي */

/* بداية كود تمييز التعليق والرد وصاحب الموقع */
.ag-comments-list > .ag-comment-item > .ag-comment-card {border-radius:26px!important;}
.ag-comments-list .children{position:relative!important;margin:12px 0 0!important;padding:0 36px 0 0!important;border-right:2px dashed rgba(37,99,235,.20)!important;}
.ag-comments-list .children::before{content:""!important;position:absolute!important;top:0!important;right:-6px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#2563eb!important;box-shadow:0 0 0 5px rgba(37,99,235,.10)!important;}
.ag-comment-is-reply>.ag-comment-card{width:calc(100% - 10px)!important;margin-right:0!important;border-radius:22px!important;background:rgba(37,99,235,.045)!important;border-color:rgba(37,99,235,.12)!important;box-shadow:none!important;}
.ag-comment-is-reply>.ag-comment-card::before{content:"رد"!important;position:absolute!important;top:12px!important;left:14px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important;padding:0 10px!important;border-radius:999px!important;color:#2563eb!important;background:rgba(37,99,235,.08)!important;font-size:10px!important;font-weight:1000!important;line-height:1!important;}
.ag-comment-card{position:relative!important;}
.ag-comment-is-owner>.ag-comment-card{background:linear-gradient(135deg,rgba(37,99,235,.085),rgba(36,209,143,.055)),rgba(255,255,255,.76)!important;border-color:rgba(37,99,235,.20)!important;box-shadow:0 16px 38px rgba(37,99,235,.09)!important;}
.ag-comment-is-owner>.ag-comment-card::after{content:""!important;position:absolute!important;inset-inline-start:0!important;top:18px!important;bottom:18px!important;width:4px!important;border-radius:999px!important;background:linear-gradient(180deg,#2563eb,#24d18f)!important;}
.ag-comment-avatar{position:relative!important;}
.ag-comment-owner-check{position:absolute!important;left:-3px!important;bottom:-3px!important;width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;color:#fff!important;background:linear-gradient(135deg,#2563eb,#24aeea)!important;border:2px solid #fff!important;font-size:14px!important;line-height:1!important;box-shadow:0 8px 18px rgba(37,99,235,.22)!important;}
.ag-comment-inline-check{width:18px!important;height:18px!important;display:inline-flex!important;vertical-align:middle!important;align-items:center!important;justify-content:center!important;margin-inline-start:4px!important;color:#2563eb!important;font-size:17px!important;}
.ag-comment-owner-badge,.ag-comment-reply-badge{width:max-content!important;display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:22px!important;padding:0 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:1000!important;line-height:1!important;}
.ag-comment-owner-badge{color:#fff!important;background:linear-gradient(135deg,#2563eb,#24aeea)!important;box-shadow:0 10px 22px rgba(37,99,235,.14)!important;}
.ag-comment-reply-badge{color:#2563eb!important;background:rgba(37,99,235,.09)!important;}
.ag-comment-is-owner .ag-comment-text{color:rgba(15,23,42,.84)!important;font-weight:800!important;}
.ag-comment-is-owner .comment-reply-link{color:#fff!important;background:linear-gradient(135deg,#2563eb,#24aeea)!important;}
.ag-comment-is-reply .comment-reply-link{min-height:30px!important;padding:0 11px!important;font-size:11px!important;}
html[data-theme="dark"] .ag-comments-list .children{border-right-color:rgba(73,200,255,.22)!important;}
html[data-theme="dark"] .ag-comments-list .children::before{background:#7dd3fc!important;box-shadow:0 0 0 5px rgba(73,200,255,.10)!important;}
html[data-theme="dark"] .ag-comment-is-reply>.ag-comment-card{background:rgba(73,200,255,.055)!important;border-color:rgba(73,200,255,.14)!important;}
html[data-theme="dark"] .ag-comment-is-owner>.ag-comment-card{background:linear-gradient(135deg,rgba(73,200,255,.085),rgba(36,209,143,.045)),rgba(8,16,38,.74)!important;border-color:rgba(73,200,255,.20)!important;box-shadow:0 16px 42px rgba(0,0,0,.24)!important;}
html[data-theme="dark"] .ag-comment-owner-check{border-color:#081026!important;}
html[data-theme="dark"] .ag-comment-inline-check,html[data-theme="dark"] .ag-comment-reply-badge{color:#7dd3fc!important;}
html[data-theme="dark"] .ag-comment-reply-badge{background:rgba(73,200,255,.09)!important;}
html[data-theme="dark"] .ag-comment-is-owner .ag-comment-text{color:rgba(248,250,252,.86)!important;}
@media (max-width:760px){.ag-comments-list .children{padding-right:18px!important}.ag-comment-is-reply>.ag-comment-card::before{top:10px!important;left:10px!important}.ag-comment-owner-check{width:20px!important;height:20px!important;font-size:13px!important}}
/* نهاية كود تمييز التعليق والرد وصاحب الموقع */

/* بداية كود تنسيق التعليقات النهائي المحسن */
.ag-comments-area {
    width: min(1020px, 100%) !important;
}

.ag-comments-list {
    gap: 14px !important;
}

.ag-comments-list .children {
    position: relative !important;
    margin: 12px 0 0 !important;
    padding: 0 38px 0 0 !important;
    border-right: 2px solid rgba(37, 99, 235, .14) !important;
}

.ag-comments-list .children::before {
    content: "" !important;
    position: absolute !important;
    top: 16px !important;
    right: -7px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    box-shadow: 0 0 0 6px rgba(37, 99, 235, .08) !important;
}

.ag-comment-card {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, .72) !important;
    border: 1px solid rgba(15, 23, 42, .06) !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .055) !important;
    overflow: hidden !important;
}

.ag-comment-is-reply > .ag-comment-card {
    padding: 14px !important;
    border-radius: 22px !important;
    background: rgba(37, 99, 235, .045) !important;
    border-color: rgba(37, 99, 235, .12) !important;
    box-shadow: none !important;
}

.ag-comment-is-reply > .ag-comment-card::before {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 16px !important;
    bottom: 16px !important;
    width: 3px !important;
    border-radius: 999px !important;
    background: #2563eb !important;
}

.ag-comment-is-owner > .ag-comment-card {
    background:
        linear-gradient(135deg, rgba(37, 99, 235, .07), rgba(36, 209, 143, .055)),
        rgba(255, 255, 255, .82) !important;
    border-color: rgba(37, 99, 235, .22) !important;
    box-shadow: 0 16px 42px rgba(37, 99, 235, .10) !important;
}

.ag-comment-is-owner > .ag-comment-card::after {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 0 !important;
    top: 14px !important;
    bottom: 14px !important;
    width: 4px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #2563eb, #24d18f) !important;
}

.ag-comment-avatar {
    position: relative !important;
    width: 58px !important;
    height: 58px !important;
}

.ag-comment-avatar img,
.ag-comment-custom-avatar {
    width: 58px !important;
    height: 58px !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    margin: 0 !important;
    border: 2px solid rgba(37, 99, 235, .12) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.ag-comment-owner-check {
    position: absolute !important;
    left: -2px !important;
    bottom: -2px !important;
    width: 23px !important;
    height: 23px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    border: 2px solid #ffffff !important;
    font-size: 15px !important;
    line-height: 1 !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .20) !important;
}

.ag-comment-head {
    margin: 0 0 10px !important;
}

.ag-comment-author {
    width: 100% !important;
    display: grid !important;
    gap: 6px !important;
}

.ag-comment-author-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    min-width: 0 !important;
}

.ag-comment-author-row strong {
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    line-height: 1.15 !important;
}

.ag-comment-inline-check {
    width: 19px !important;
    height: 19px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2563eb !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.ag-comment-owner-badge,
.ag-comment-reply-badge,
.ag-comment-member-badge {
    width: max-content !important;
    min-height: 23px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 10.5px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
}

.ag-comment-owner-badge {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, .14) !important;
}

.ag-comment-reply-badge {
    color: #2563eb !important;
    background: rgba(37, 99, 235, .09) !important;
}

.ag-comment-member-badge {
    color: #16a34a !important;
    background: rgba(34, 197, 94, .10) !important;
}

.ag-comment-date {
    width: max-content !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: rgba(15, 23, 42, .46) !important;
    text-decoration: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

.ag-comment-date i {
    font-size: 14px !important;
    color: rgba(37, 99, 235, .65) !important;
}

.ag-comment-text {
    color: rgba(15, 23, 42, .78) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.9 !important;
    text-align: right !important;
}

.ag-comment-is-owner .ag-comment-text {
    color: rgba(15, 23, 42, .86) !important;
    font-weight: 850 !important;
}

.ag-comment-actions {
    margin: 12px 0 0 !important;
}

.ag-comment-actions a,
.comment-reply-link {
    min-height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
    color: #2563eb !important;
    background: rgba(37, 99, 235, .08) !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 1000 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-comment-is-owner .comment-reply-link {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
}

html[data-theme="dark"] .ag-comment-card {
    background: rgba(8, 16, 38, .68) !important;
    border-color: rgba(73, 200, 255, .10) !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, .20) !important;
}

html[data-theme="dark"] .ag-comment-is-reply > .ag-comment-card {
    background: rgba(73, 200, 255, .055) !important;
    border-color: rgba(73, 200, 255, .14) !important;
}

html[data-theme="dark"] .ag-comment-is-owner > .ag-comment-card {
    background:
        linear-gradient(135deg, rgba(73, 200, 255, .08), rgba(36, 209, 143, .045)),
        rgba(8, 16, 38, .78) !important;
    border-color: rgba(73, 200, 255, .20) !important;
}

html[data-theme="dark"] .ag-comment-author-row strong {
    color: #f8fafc !important;
}

html[data-theme="dark"] .ag-comment-text,
html[data-theme="dark"] .ag-comment-is-owner .ag-comment-text {
    color: rgba(248, 250, 252, .82) !important;
}

html[data-theme="dark"] .ag-comment-date {
    color: rgba(226, 232, 240, .48) !important;
}

html[data-theme="dark"] .ag-comment-date i,
html[data-theme="dark"] .ag-comment-inline-check {
    color: #7dd3fc !important;
}

html[data-theme="dark"] .ag-comment-reply-badge {
    color: #7dd3fc !important;
    background: rgba(73, 200, 255, .09) !important;
}

html[data-theme="dark"] .ag-comment-owner-check {
    border-color: #081026 !important;
}

html[data-theme="dark"] .ag-comments-list .children {
    border-right-color: rgba(73, 200, 255, .18) !important;
}

@media (max-width: 760px) {
    .ag-comment-card {
        grid-template-columns: 50px minmax(0, 1fr) !important;
        gap: 11px !important;
        padding: 13px !important;
    }

    .ag-comment-avatar,
    .ag-comment-avatar img,
    .ag-comment-custom-avatar {
        width: 50px !important;
        height: 50px !important;
    }

    .ag-comments-list .children {
        padding-right: 18px !important;
    }

    .ag-comment-author-row strong {
        font-size: 14px !important;
    }

    .ag-comment-owner-badge,
    .ag-comment-reply-badge,
    .ag-comment-member-badge {
        min-height: 21px !important;
        font-size: 10px !important;
    }
}
/* نهاية كود تنسيق التعليقات النهائي المحسن */

/* بداية كود الشكل الجديد لتعريف البرنامج فقط */
.ag-old-single-content .ag-editor-marker-heading-definition {
    width: min(1120px, 94%) !important;
    min-height: 0 !important;
    margin: 34px auto 22px !important;
    padding: 14px 18px !important;
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 12% 30%, rgba(36, 174, 234, .20), transparent 30%),
        radial-gradient(circle at 88% 70%, rgba(36, 209, 143, .16), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.88), rgba(239,246,255,.70)) !important;
    border: 1px solid rgba(37, 99, 235, .10) !important;
    box-shadow: 0 18px 46px rgba(37, 99, 235, .08) !important;
    isolation: isolate !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;
    border-radius: 27px !important;
    background:
        linear-gradient(90deg, transparent, rgba(37, 99, 235, .10), transparent),
        linear-gradient(135deg, rgba(255,255,255,.42), transparent 50%) !important;
    pointer-events: none !important;
    animation: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::after {
    content: "" !important;
    position: absolute !important;
    inset-inline-start: 18px !important;
    top: 50% !important;
    width: 86px !important;
    height: 86px !important;
    transform: translateY(-50%) !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(37, 99, 235, .20), transparent 64%) !important;
    pointer-events: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-back {
    display: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-icon {
    width: 48px !important;
    height: 48px !important;
    flex: 0 0 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #2563eb, #24aeea) !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .18) !important;
    filter: none !important;
    animation: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-icon lord-icon {
    width: 42px !important;
    height: 42px !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: #0f172a !important;
    font-size: clamp(25px, 2.6vw, 40px) !important;
    font-weight: 1000 !important;
    line-height: 1.12 !important;
    letter-spacing: -.7px !important;
    text-align: center !important;
    text-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-line {
    width: min(260px, 52%) !important;
    height: 3px !important;
    margin: 10px auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, #24d18f, #24aeea, transparent) !important;
    opacity: 1 !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-line::before {
    display: none !important;
    content: none !important;
    animation: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-title:first-of-type,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    width: min(1120px, 94%) !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding: 18px 22px !important;
    border-radius: 24px !important;
    color: #142033 !important;
    font-size: clamp(15px, 1.08vw, 18px) !important;
    font-weight: 800 !important;
    line-height: 1.9 !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.78), rgba(239,246,255,.46)) !important;
    border: 1px solid rgba(37, 99, 235, .08) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, .045) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition {
    background:
        radial-gradient(circle at 12% 30%, rgba(73, 200, 255, .16), transparent 30%),
        radial-gradient(circle at 88% 70%, rgba(36, 209, 143, .10), transparent 32%),
        linear-gradient(135deg, rgba(8,16,38,.78), rgba(6,12,30,.64)) !important;
    border-color: rgba(73, 200, 255, .12) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content h2 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    color: rgba(248, 250, 252, .86) !important;
    background: linear-gradient(135deg, rgba(8,16,38,.70), rgba(6,12,30,.50)) !important;
    border-color: rgba(73, 200, 255, .10) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .16) !important;
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-marker-heading-definition {
        width: 94% !important;
        margin: 24px auto 16px !important;
        padding: 12px 14px !important;
        border-radius: 22px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content {
        gap: 8px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-icon {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
        border-radius: 15px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-icon lord-icon {
        width: 36px !important;
        height: 36px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content h2 {
        font-size: 25px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
    .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
        width: 94% !important;
        padding: 14px 15px !important;
        border-radius: 18px !important;
        font-size: 14px !important;
        line-height: 1.85 !important;
    }
}
/* نهاية كود الشكل الجديد لتعريف البرنامج فقط */

/* بداية كود تنعيم تعريف البرنامج الليلي والخلفية الشفافة */
.ag-old-single-content .ag-editor-marker-heading-definition {
    overflow: hidden !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::after {
    content: "تعريف البرنامج" !important;
    position: absolute !important;
    inset: auto auto 50% 50% !important;
    width: max-content !important;
    height: auto !important;
    transform: translate(-50%, 50%) !important;
    z-index: -1 !important;
    color: rgba(37, 99, 235, .045) !important;
    background: transparent !important;
    border-radius: 0 !important;
    font-size: clamp(54px, 7.2vw, 118px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: -4px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition {
    border-color: transparent !important;
    box-shadow: 0 18px 46px rgba(37, 99, 235, .055) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition {
    border-color: transparent !important;
    box-shadow: none !important;
    background:
        radial-gradient(circle at 12% 30%, rgba(73, 200, 255, .12), transparent 30%),
        radial-gradient(circle at 88% 70%, rgba(36, 209, 143, .075), transparent 32%),
        linear-gradient(135deg, rgba(8,16,38,.54), rgba(6,12,30,.34)) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::before {
    inset: 0 !important;
    border-radius: inherit !important;
    background:
        linear-gradient(90deg, transparent, rgba(73, 200, 255, .055), transparent),
        linear-gradient(135deg, rgba(255,255,255,.04), transparent 58%) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::after {
    color: rgba(125, 211, 252, .045) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    border-color: transparent !important;
    box-shadow: none !important;
    background:
        radial-gradient(circle at 92% 18%, rgba(73, 200, 255, .045), transparent 28%),
        linear-gradient(135deg, rgba(8,16,38,.54), rgba(6,12,30,.30)) !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph::before,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph::before {
    content: "الطريق دوت كوم" !important;
    position: absolute !important;
    left: 22px !important;
    bottom: 8px !important;
    z-index: -1 !important;
    color: rgba(37, 99, 235, .045) !important;
    font-size: clamp(38px, 5vw, 82px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-color: transparent !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph::before,
html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph::before {
    color: rgba(125, 211, 252, .040) !important;
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-marker-heading-definition::after {
        font-size: 48px !important;
        letter-spacing: -2px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph::before,
    .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph::before {
        font-size: 34px !important;
        left: 12px !important;
        bottom: 8px !important;
    }
}
/* نهاية كود تنعيم تعريف البرنامج الليلي والخلفية الشفافة */

/* بداية كود إزالة بوردر تعريف البرنامج ونقل النص الشفاف */
.ag-old-single-content {
    position: relative !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition {
    overflow: visible !important;
    border-color: transparent !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::after {
    content: "تعريف البرنامج" !important;
    position: absolute !important;
    inset: auto auto auto 50% !important;
    top: -72px !important;
    width: max-content !important;
    height: auto !important;
    transform: translateX(-50%) !important;
    z-index: -1 !important;
    color: rgba(37, 99, 235, .035) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: clamp(70px, 9vw, 150px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: -5px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::before {
    border: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition {
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    background:
        radial-gradient(circle at 12% 30%, rgba(73, 200, 255, .10), transparent 30%),
        radial-gradient(circle at 88% 70%, rgba(36, 209, 143, .060), transparent 32%),
        linear-gradient(135deg, rgba(8,16,38,.48), rgba(6,12,30,.24)) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::before {
    inset: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background:
        linear-gradient(90deg, transparent, rgba(73, 200, 255, .040), transparent),
        linear-gradient(135deg, rgba(255,255,255,.030), transparent 58%) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::after {
    top: -78px !important;
    color: rgba(125, 211, 252, .034) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph::before,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph::before {
    display: none !important;
    content: none !important;
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-marker-heading-definition::after {
        top: -38px !important;
        font-size: 52px !important;
        letter-spacing: -2px !important;
    }
}
/* نهاية كود إزالة بوردر تعريف البرنامج ونقل النص الشفاف */

/* بداية كود فتح تعريف البرنامج بدون بوكس */
.ag-old-single-content {
    position: relative !important;
    isolation: isolate !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition {
    width: min(1120px, 94%) !important;
    margin: 34px auto 22px !important;
    padding: 8px 0 10px !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::before {
    display: none !important;
    content: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition::after {
    content: "تعريف البرنامج" !important;
    position: absolute !important;
    top: -70px !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    width: max-content !important;
    height: auto !important;
    transform: translateX(-50%) !important;
    z-index: -1 !important;
    display: block !important;
    color: rgba(37, 99, 235, .085) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: clamp(72px, 9.5vw, 158px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: -5px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-icon {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 18px rgba(37, 99, 235, .20)) !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-content h2 {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-line {
    width: min(280px, 55%) !important;
    height: 3px !important;
    margin: 10px auto 0 !important;
    background: linear-gradient(90deg, transparent, #24d18f, #24aeea, transparent) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    position: relative !important;
    width: min(1120px, 94%) !important;
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    overflow: visible !important;
    color: #142033 !important;
    font-size: clamp(15px, 1.08vw, 18px) !important;
    font-weight: 800 !important;
    line-height: 1.95 !important;
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph::before,
.ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph::before {
    display: none !important;
    content: none !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition {
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::before {
    display: none !important;
    content: none !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::after {
    color: rgba(45, 212, 191, .075) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition .ag-editor-marker-icon {
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 10px 18px rgba(45, 212, 191, .18)) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
    color: rgba(248, 250, 252, .86) !important;
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-marker-heading-definition {
        margin: 24px auto 16px !important;
        padding: 6px 0 8px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition::after {
        top: -34px !important;
        font-size: 54px !important;
        letter-spacing: -2px !important;
        color: rgba(37, 99, 235, .075) !important;
    }

    html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-definition::after {
        color: rgba(45, 212, 191, .070) !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-definition + .ag-editor-content-paragraph,
    .ag-old-single-content .ag-editor-marker-heading-definition ~ .ag-editor-content-paragraph {
        width: 94% !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.85 !important;
    }
}
/* نهاية كود فتح تعريف البرنامج بدون بوكس */

/* بداية كود شكل عنوان مميزات البرنامج فقط */
.ag-old-single-content .ag-editor-marker-heading-features {
    width: min(1120px, 94%) !important;
    margin: 42px auto 22px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features::before {
    display: none !important;
    content: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-back {
    display: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content {
    width: 100% !important;
    min-height: 78px !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: min(620px, 86%) !important;
    height: 54px !important;
    transform: translate(-50%, -50%) skewX(-10deg) !important;
    z-index: -1 !important;
    border-radius: 18px !important;
    background:
        linear-gradient(90deg, transparent, rgba(34, 197, 94, .11), rgba(36, 174, 234, .10), transparent) !important;
    filter: blur(.2px) !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content::after {
    content: "FEATURES" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    z-index: -2 !important;
    transform: translate(-50%, -50%) !important;
    color: rgba(34, 197, 94, .075) !important;
    font-size: clamp(50px, 7.8vw, 126px) !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    letter-spacing: -4px !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: drop-shadow(0 12px 20px rgba(34, 197, 94, .22)) !important;
    animation: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(34, 197, 94, .22) !important;
    border-top-color: rgba(36, 174, 234, .55) !important;
    background: transparent !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon lord-icon {
    width: 48px !important;
    height: 48px !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content h2 {
    margin: 0 !important;
    padding: 0 !important;
    color: #0f766e !important;
    font-size: clamp(28px, 3vw, 46px) !important;
    font-weight: 1000 !important;
    line-height: 1.1 !important;
    letter-spacing: -.8px !important;
    text-align: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-line {
    width: min(360px, 66%) !important;
    height: 3px !important;
    margin: 2px auto 0 !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent, #22c55e, #24aeea, transparent) !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-line::before {
    display: none !important;
    content: none !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content::before {
    background:
        linear-gradient(90deg, transparent, rgba(45, 212, 191, .10), rgba(56, 189, 248, .08), transparent) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content::after {
    color: rgba(45, 212, 191, .065) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon {
    filter: drop-shadow(0 12px 20px rgba(45, 212, 191, .18)) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon::before {
    border-color: rgba(45, 212, 191, .20) !important;
    border-top-color: rgba(56, 189, 248, .50) !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content h2 {
    color: #5eead4 !important;
}

html[data-theme="dark"] .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-line {
    background: linear-gradient(90deg, transparent, #2dd4bf, #38bdf8, transparent) !important;
}

@media (max-width: 760px) {
    .ag-old-single-content .ag-editor-marker-heading-features {
        width: 94% !important;
        margin: 30px auto 16px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content {
        min-height: 64px !important;
        gap: 8px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content::before {
        height: 44px !important;
        width: 92% !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content::after {
        font-size: 48px !important;
        letter-spacing: -2px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-icon lord-icon {
        width: 38px !important;
        height: 38px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-content h2 {
        font-size: 27px !important;
    }

    .ag-old-single-content .ag-editor-marker-heading-features .ag-editor-marker-line {
        width: 72% !important;
    }
}
/* نهاية كود شكل عنوان مميزات البرنامج فقط */