/* Start custom CSS for text-editor, class: .elementor-element-c355b4a *//* =========================================================
   VMware vSphere 5 Advanced Archive
   Header + Body + Next Courses
========================================================= */

.vs5a-archive-bar,
.vs5a-archive-bar *,
.vs5a-hero,
.vs5a-hero *,
.vs5a-body,
.vs5a-body *,
.vs5a-next,
.vs5a-next * {
    box-sizing: border-box;
}

.vs5a-archive-bar,
.vs5a-hero,
.vs5a-body,
.vs5a-next {
    --vs5a-dark: #111827;
    --vs5a-dark-2: #312e81;
    --vs5a-text: #334155;
    --vs5a-muted: #64748b;
    --vs5a-border: rgba(148, 163, 184, 0.28);

    --vs5a-indigo: #4338ca;
    --vs5a-indigo-dark: #312e81;
    --vs5a-indigo-light: #e0e7ff;
    --vs5a-indigo-soft: #eef2ff;

    --vs5a-cyan: #0e7490;
    --vs5a-cyan-dark: #164e63;
    --vs5a-cyan-light: #cffafe;
    --vs5a-cyan-soft: #ecfeff;

    --vs5a-gold: #d97706;
    --vs5a-gold-dark: #78350f;
    --vs5a-gold-light: #fef3c7;
    --vs5a-gold-soft: #fffbeb;

    --vs5a-red: #be123c;
    --vs5a-red-light: #ffe4e6;
    --vs5a-red-soft: #fff1f2;

    direction: rtl;
    text-align: right;

    width: 100%;
    max-width: 1180px;

    margin-inline: auto;
    padding-inline: 16px;

    color: var(--vs5a-dark);

    font-family:
        "IRANYekan",
        "IRANYekanX",
        "Vazirmatn",
        Tahoma,
        Arial,
        sans-serif;
}

.vs5a-hero :where(h1, h2, h3, p, ul),
.vs5a-body :where(h2, h3, p, ul),
.vs5a-next :where(h2, h3, p, ul) {
    margin-top: 0;
}

.vs5a-hero :where(section, article, main, aside, div, footer),
.vs5a-body :where(section, article, main, aside, div, footer),
.vs5a-next :where(section, article, main, aside, div, footer) {
    min-width: 0;
    float: none;
}

.vs5a-shell {
    width: 100%;
    max-width: 1120px;

    margin-inline: auto;
}


/* =========================================================
   Archive Bar
========================================================= */

.vs5a-archive-bar {
    margin-top: 26px;
}

.vs5a-archive-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    max-width: 1120px;
    margin-inline: auto;
    padding: 13px 16px;

    border: 1px solid rgba(217, 119, 6, 0.2);
    border-radius: 16px;

    background:
        linear-gradient(
            135deg,
            var(--vs5a-gold-soft),
            #ffffff,
            var(--vs5a-indigo-soft)
        );

    box-shadow:
        0 8px 22px rgba(17, 24, 39, 0.06);
}

.vs5a-archive-bar__message {
    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 0;
}

.vs5a-archive-bar__icon {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 19px;
    font-weight: 950;

    border-radius: 12px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-gold-dark),
            var(--vs5a-gold)
        );
}

.vs5a-archive-bar__message strong {
    display: block;

    color: var(--vs5a-gold-dark);
    font-size: 14px;
    font-weight: 950;
}

.vs5a-archive-bar__message p {
    margin: 2px 0 0;

    color: var(--vs5a-muted);
    font-size: 12.7px;
    line-height: 1.85;
}

.vs5a-archive-bar__button {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    padding: 8px 12px;

    color: #ffffff !important;
    font-size: 12px;
    font-weight: 950;
    text-decoration: none !important;

    border-radius: 11px;

    background:
        linear-gradient(
            90deg,
            var(--vs5a-indigo-dark),
            var(--vs5a-indigo)
        );
}


/* =========================================================
   Hero
========================================================= */

.vs5a-hero {
    margin-top: 20px;
    margin-bottom: 30px;
}

.vs5a-hero > .vs5a-shell {
    padding: 24px;

    border: 1px solid rgba(67, 56, 202, 0.18);
    border-radius: 24px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.14),
            transparent 38%
        ),
        radial-gradient(
            circle at bottom left,
            rgba(6, 182, 212, 0.1),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #f8fafc,
            #ffffff 55%,
            var(--vs5a-gold-soft)
        );

    box-shadow:
        0 17px 42px rgba(17, 24, 39, 0.09);
}

.vs5a-hero__grid {
    display: grid;
    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(275px, 0.65fr);

    gap: 22px;
    align-items: stretch;
}

.vs5a-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin-bottom: 10px;
}

.vs5a-badge {
    display: inline-flex;

    padding: 6px 11px;

    font-size: 11.8px;
    font-weight: 950;

    border-radius: 999px;
}

.vs5a-badge--primary {
    color: #ffffff;

    background:
        linear-gradient(
            90deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-badge--version {
    color: var(--vs5a-cyan-dark);

    border: 1px solid rgba(14, 116, 144, 0.16);
    background: var(--vs5a-cyan-light);
}

.vs5a-badge--stopped {
    color: var(--vs5a-red);

    border: 1px solid rgba(190, 18, 60, 0.15);
    background: var(--vs5a-red-light);
}

.vs5a-hero__title {
    margin: 0 0 10px;

    color: var(--vs5a-dark);
    font-size: 26px;
    font-weight: 950;
    line-height: 1.75;
}

.vs5a-hero__lead {
    margin: 0 0 10px;

    color: var(--vs5a-text);
    font-size: 14.4px;
    line-height: 2;
}

.vs5a-hero__lead strong {
    color: var(--vs5a-indigo);
    font-weight: 950;
}

.vs5a-hero__warning {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    margin: 13px 0;
    padding: 11px;

    border: 1px solid rgba(190, 18, 60, 0.16);
    border-inline-start: 4px solid var(--vs5a-red);
    border-radius: 14px;

    background: var(--vs5a-red-soft);
}

.vs5a-hero__warning > span {
    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-weight: 950;

    border-radius: 11px;
    background: var(--vs5a-red);
}

.vs5a-hero__warning strong {
    display: block;

    color: var(--vs5a-red);
    font-size: 13.5px;
    font-weight: 950;
}

.vs5a-hero__warning p {
    margin: 2px 0 0;

    color: var(--vs5a-text);
    font-size: 12.8px;
    line-height: 1.9;
}

.vs5a-hero__path {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        24px
        minmax(0, 1fr)
        24px
        minmax(0, 1fr);

    gap: 6px;
    align-items: stretch;

    margin: 13px 0;
}

.vs5a-hero__path article {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    padding: 10px;

    border: 1px solid rgba(67, 56, 202, 0.13);
    border-radius: 13px;

    background: var(--vs5a-indigo-soft);
}

.vs5a-hero__path article > span {
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 9px;
    font-weight: 950;

    border-radius: 9px;
    background: var(--vs5a-indigo);
}

.vs5a-hero__path strong {
    display: block;

    color: var(--vs5a-dark);
    font-size: 12px;
    font-weight: 950;
    direction: ltr;
}

.vs5a-hero__path small {
    color: var(--vs5a-muted);
    font-size: 11px;
    line-height: 1.7;
}

.vs5a-hero__path > i {
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--vs5a-gold);
    font-style: normal;
    font-weight: 950;
}

.vs5a-hero__topics {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    margin-bottom: 13px;
}

.vs5a-hero__topics span {
    display: inline-flex;

    padding: 5px 8px;

    color: var(--vs5a-indigo);
    font-size: 10.3px;
    font-weight: 950;
    direction: ltr;

    border: 1px solid rgba(67, 56, 202, 0.13);
    border-radius: 999px;

    background: var(--vs5a-indigo-light);
}

.vs5a-hero__meta {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;
}

.vs5a-hero__meta article {
    display: flex;
    align-items: center;
    gap: 8px;

    padding: 9px;

    border: 1px solid var(--vs5a-border);
    border-radius: 13px;

    background: #ffffff;
}

.vs5a-hero__meta article > span {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-indigo-light),
            var(--vs5a-cyan-light)
        );
}

.vs5a-hero__meta small {
    display: block;

    color: var(--vs5a-muted);
    font-size: 10.7px;
}

.vs5a-hero__meta strong {
    display: block;

    color: var(--vs5a-dark);
    font-size: 12.4px;
    font-weight: 950;
}


/* Upgrade card */

.vs5a-hero__sidebar {
    display: flex;
}

.vs5a-upgrade-card {
    width: 100%;
    padding: 16px 14px;

    border: 1px solid rgba(67, 56, 202, 0.18);
    border-radius: 19px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.13),
            transparent 42%
        ),
        #ffffff;

    box-shadow:
        0 12px 30px rgba(17, 24, 39, 0.07);
}

.vs5a-upgrade-card__head {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 10px;
}

.vs5a-upgrade-card__head > span {
    flex: 0 0 55px;

    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 21px;
    font-weight: 950;

    border-radius: 16px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-upgrade-card__head small {
    display: block;

    color: var(--vs5a-gold);
    font-size: 10.8px;
    font-weight: 900;
}

.vs5a-upgrade-card__head h2 {
    margin: 1px 0 0;

    color: var(--vs5a-dark);
    font-size: 17px;
    font-weight: 950;
    direction: ltr;
}

.vs5a-upgrade-card__step {
    margin-bottom: 8px;
    padding: 9px;

    border: 1px solid rgba(67, 56, 202, 0.12);
    border-radius: 11px;

    background: var(--vs5a-indigo-soft);
}

.vs5a-upgrade-card__step > span {
    display: block;

    color: var(--vs5a-muted);
    font-size: 10px;
}

.vs5a-upgrade-card__step strong {
    display: block;

    color: var(--vs5a-indigo);
    font-size: 12.4px;
    font-weight: 950;
    direction: ltr;
}

.vs5a-upgrade-card__step p {
    margin: 2px 0 0;

    color: var(--vs5a-muted);
    font-size: 11.5px;
    line-height: 1.75;
}

.vs5a-upgrade-card__list {
    margin: 10px 0;
    padding: 0;

    list-style: none;
}

.vs5a-upgrade-card__list li {
    position: relative;

    margin-bottom: 4px;
    padding-inline-start: 19px;

    color: var(--vs5a-text);
    font-size: 12.3px;
    line-height: 1.8;
}

.vs5a-upgrade-card__list li::before {
    content: "✓";

    position: absolute;
    inset-inline-start: 2px;

    color: var(--vs5a-cyan);
    font-weight: 950;
}

.vs5a-upgrade-card__buttons {
    display: grid;
    gap: 7px;
}

.vs5a-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    width: 100%;
    min-height: 40px;
    padding: 8px 9px;

    font-size: 11.5px;
    font-weight: 950;
    text-align: center;
    text-decoration: none !important;

    border-radius: 10px;
}

.vs5a-button--primary {
    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-button--secondary {
    color: var(--vs5a-cyan-dark) !important;

    border: 1px solid rgba(14, 116, 144, 0.18);
    background: var(--vs5a-cyan-soft);
}

.vs5a-button--outline {
    color: var(--vs5a-indigo) !important;

    border: 1px solid rgba(67, 56, 202, 0.18);
    background: #ffffff;
}

.vs5a-hero__footer {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 14px;
    padding: 11px 12px;

    border: 1px solid rgba(217, 119, 6, 0.15);
    border-radius: 14px;

    background: var(--vs5a-gold-soft);
}

.vs5a-hero__footer > span {
    flex: 0 0 36px;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;
    background: var(--vs5a-gold-light);
}

.vs5a-hero__footer p {
    margin: 0;

    color: var(--vs5a-text);
    font-size: 12.6px;
    line-height: 1.85;
}


/* =========================================================
   Body
========================================================= */

.vs5a-body {
    margin-bottom: 30px;
}

.vs5a-body > .vs5a-shell {
    padding: 20px;

    border: 1px solid rgba(67, 56, 202, 0.16);
    border-radius: 22px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.09),
            transparent 38%
        ),
        #ffffff;

    box-shadow:
        0 13px 34px rgba(17, 24, 39, 0.07);
}

.vs5a-body__intro,
.vs5a-body__section {
    margin-bottom: 14px;
    padding: 16px;

    border: 1px solid var(--vs5a-border);
    border-radius: 17px;

    background: #ffffff;
}

.vs5a-body__intro {
    border-inline-start: 4px solid var(--vs5a-gold);
}

.vs5a-section-label {
    display: inline-flex;

    margin-bottom: 5px;

    color: var(--vs5a-gold);
    font-size: 11.5px;
    font-weight: 950;
}

.vs5a-body__intro > h2,
.vs5a-section-heading h2 {
    margin: 0 0 8px;

    color: var(--vs5a-dark);
    font-size: 18px;
    font-weight: 950;
    line-height: 1.85;
}

.vs5a-body__intro > p {
    margin: 0 0 8px;

    color: var(--vs5a-text);
    font-size: 13.6px;
    line-height: 2;
}

.vs5a-body__prerequisite {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    margin-top: 10px;
    padding: 11px;

    border: 1px solid rgba(217, 119, 6, 0.16);
    border-radius: 13px;

    background: var(--vs5a-gold-soft);
}

.vs5a-body__prerequisite > span {
    flex: 0 0 39px;

    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 11px;
    background: var(--vs5a-gold-light);
}

.vs5a-body__prerequisite strong {
    display: block;

    color: var(--vs5a-gold-dark);
    font-size: 13px;
    font-weight: 950;
}

.vs5a-body__prerequisite p {
    margin: 2px 0 0;

    color: var(--vs5a-text);
    font-size: 12.5px;
    line-height: 1.85;
}

.vs5a-section-heading {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 10px;
}

.vs5a-section-heading > span {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 10px;
    font-weight: 950;

    border-radius: 12px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-section-heading small {
    display: block;

    color: var(--vs5a-gold);
    font-size: 10.5px;
    font-weight: 900;
}

.vs5a-section-heading h2 {
    margin: 1px 0 0;

    font-size: 16px;
}

.vs5a-body__feature-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;
}

.vs5a-body__feature-grid article {
    display: flex;
    align-items: flex-start;
    gap: 8px;

    padding: 10px;

    border: 1px solid rgba(67, 56, 202, 0.13);
    border-radius: 13px;

    background: var(--vs5a-indigo-soft);
}

.vs5a-body__feature-grid article > span {
    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 8px;
    font-weight: 950;
    direction: ltr;

    border-radius: 11px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-body__feature-grid h3 {
    margin: 0 0 2px;

    color: var(--vs5a-dark);
    font-size: 12.7px;
    font-weight: 950;
}

.vs5a-body__feature-grid p {
    margin: 0;

    color: var(--vs5a-muted);
    font-size: 11.8px;
    line-height: 1.8;
}

.vs5a-body__skills {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 7px;
}

.vs5a-body__skills > div {
    display: flex;
    align-items: flex-start;
    gap: 7px;

    padding: 8px 9px;

    color: var(--vs5a-text);
    font-size: 12.2px;
    line-height: 1.8;

    border: 1px solid rgba(14, 116, 144, 0.13);
    border-radius: 11px;

    background: var(--vs5a-cyan-soft);
}

.vs5a-body__skills > div > span {
    color: var(--vs5a-cyan);
    font-weight: 950;
}

.vs5a-body__comparison {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;
}

.vs5a-body__comparison-card {
    padding: 12px;

    border-radius: 14px;
}

.vs5a-body__comparison-card--valid {
    border: 1px solid rgba(14, 116, 144, 0.15);
    background: var(--vs5a-cyan-soft);
}

.vs5a-body__comparison-card--archive {
    border: 1px solid rgba(217, 119, 6, 0.15);
    background: var(--vs5a-gold-soft);
}

.vs5a-body__comparison-card h3 {
    margin: 0 0 7px;

    color: var(--vs5a-dark);
    font-size: 13.5px;
    font-weight: 950;
}

.vs5a-body__comparison-card ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.vs5a-body__comparison-card li {
    position: relative;

    margin-bottom: 4px;
    padding-inline-start: 19px;

    color: var(--vs5a-text);
    font-size: 12.2px;
    line-height: 1.8;
}

.vs5a-body__comparison-card li::before {
    position: absolute;
    inset-inline-start: 2px;

    font-weight: 950;
}

.vs5a-body__comparison-card--valid li::before {
    content: "✓";
    color: var(--vs5a-cyan);
}

.vs5a-body__comparison-card--archive li::before {
    content: "◷";
    color: var(--vs5a-gold);
}

.vs5a-body__migration {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        22px
        minmax(0, 1fr)
        22px
        minmax(0, 1fr)
        22px
        minmax(0, 1fr);

    gap: 5px;
    align-items: stretch;
}

.vs5a-body__migration article {
    padding: 9px 7px;

    text-align: center;

    border: 1px solid rgba(14, 116, 144, 0.13);
    border-radius: 12px;

    background: var(--vs5a-cyan-soft);
}

.vs5a-body__migration article > span {
    color: var(--vs5a-gold);
    font-size: 9px;
    font-weight: 950;
}

.vs5a-body__migration strong {
    display: block;

    margin: 3px 0;

    color: var(--vs5a-dark);
    font-size: 11.8px;
    font-weight: 950;
}

.vs5a-body__migration p {
    margin: 0;

    color: var(--vs5a-muted);
    font-size: 11.2px;
    line-height: 1.75;
}

.vs5a-body__migration > i {
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--vs5a-gold);
    font-style: normal;
    font-weight: 950;
}

.vs5a-body__footer {
    display: flex;
    align-items: flex-start;
    gap: 9px;

    padding: 12px;

    color: #ffffff;

    border-radius: 14px;

    background:
        linear-gradient(
            100deg,
            var(--vs5a-dark),
            var(--vs5a-indigo-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-body__footer > span {
    flex: 0 0 39px;

    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--vs5a-dark);
    font-weight: 950;

    border-radius: 11px;
    background: var(--vs5a-gold-light);
}

.vs5a-body__footer strong {
    display: block;

    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}

.vs5a-body__footer p {
    margin: 2px 0 0;

    color: var(--vs5a-indigo-light);
    font-size: 12.4px;
    line-height: 1.85;
}


/* =========================================================
   Next Courses
========================================================= */

.vs5a-next {
    margin-bottom: 42px;
}

.vs5a-next > .vs5a-shell {
    padding: 22px;

    border: 1px solid rgba(67, 56, 202, 0.17);
    border-radius: 23px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.12),
            transparent 38%
        ),
        radial-gradient(
            circle at bottom left,
            rgba(6, 182, 212, 0.08),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #f8fafc,
            #ffffff 52%,
            var(--vs5a-gold-soft)
        );

    box-shadow:
        0 15px 38px rgba(17, 24, 39, 0.08);
}

.vs5a-next__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    margin-bottom: 14px;
    padding: 18px;

    color: #ffffff;

    border-radius: 18px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.2),
            transparent 42%
        ),
        linear-gradient(
            110deg,
            var(--vs5a-dark),
            var(--vs5a-indigo-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-next__badge {
    display: inline-flex;

    margin-bottom: 5px;
    padding: 5px 10px;

    color: var(--vs5a-gold-light);
    font-size: 11px;
    font-weight: 950;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.09);
}

.vs5a-next__header h2 {
    margin: 0 0 5px;

    color: #ffffff;
    font-size: 21px;
    font-weight: 950;
    line-height: 1.8;
}

.vs5a-next__header p {
    max-width: 760px;
    margin: 0;

    color: var(--vs5a-indigo-light);
    font-size: 13.4px;
    line-height: 1.9;
}

.vs5a-next__flow {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    gap: 6px;

    padding: 11px;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 13px;

    background: rgba(255, 255, 255, 0.08);
}

.vs5a-next__flow strong {
    color: #ffffff;
    font-size: 10.8px;
    font-weight: 950;
    direction: ltr;
}

.vs5a-next__flow span {
    color: var(--vs5a-gold-light);
    font-weight: 950;
}

.vs5a-next__main-path {
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        36px
        minmax(0, 1fr);

    gap: 9px;
    align-items: stretch;

    margin-bottom: 13px;
}

.vs5a-next__course {
    display: flex;
    flex-direction: column;

    padding: 14px;

    border: 1px solid rgba(67, 56, 202, 0.15);
    border-radius: 15px;

    background: var(--vs5a-indigo-soft);
}

.vs5a-next__course--featured {
    border-color: rgba(14, 116, 144, 0.18);
    background: var(--vs5a-cyan-soft);
}

.vs5a-next__course-version {
    width: 51px;
    height: 51px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 7px;

    color: #ffffff;
    font-size: 19px;
    font-weight: 950;

    border-radius: 15px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-next__course--featured
.vs5a-next__course-version {
    background:
        linear-gradient(
            140deg,
            var(--vs5a-cyan-dark),
            var(--vs5a-cyan)
        );
}

.vs5a-next__course-level {
    color: var(--vs5a-gold);
    font-size: 10.4px;
    font-weight: 900;
}

.vs5a-next__course h3 {
    margin: 2px 0 5px;

    color: var(--vs5a-dark);
    font-size: 14.5px;
    font-weight: 950;
    direction: ltr;
}

.vs5a-next__course p {
    margin: 0 0 8px;

    color: var(--vs5a-muted);
    font-size: 12.4px;
    line-height: 1.85;
}

.vs5a-next__course ul {
    margin: 0 0 10px;
    padding: 0;

    list-style: none;
}

.vs5a-next__course li {
    position: relative;

    margin-bottom: 4px;
    padding-inline-start: 18px;

    color: var(--vs5a-text);
    font-size: 11.9px;
    line-height: 1.75;
}

.vs5a-next__course li::before {
    content: "✓";

    position: absolute;
    inset-inline-start: 2px;

    color: var(--vs5a-cyan);
    font-weight: 950;
}

.vs5a-next__course > a,
.vs5a-specialty-card > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

    width: 100%;
    min-height: 39px;
    margin-top: auto;
    padding: 7px 8px;

    color: #ffffff !important;
    font-size: 11px;
    font-weight: 950;
    text-align: center;
    text-decoration: none !important;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-next__course--featured > a {
    background:
        linear-gradient(
            90deg,
            var(--vs5a-cyan-dark),
            var(--vs5a-cyan)
        );
}

.vs5a-next__arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--vs5a-gold);
    font-size: 22px;
    font-weight: 950;
}

.vs5a-next__divider {
    display: flex;
    flex-direction: column;
    align-items: center;

    padding-bottom: 12px;
}

.vs5a-next__divider span {
    color: var(--vs5a-indigo);
    font-size: 12.8px;
    font-weight: 950;
    text-align: center;
}

.vs5a-next__divider strong {
    color: var(--vs5a-gold);
    font-size: 21px;
}

.vs5a-next__specialties {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 9px;
}

.vs5a-specialty-card {
    display: flex;
    flex-direction: column;

    padding: 13px;

    border: 1px solid rgba(67, 56, 202, 0.14);
    border-radius: 15px;

    background: var(--vs5a-indigo-soft);
}

.vs5a-specialty-card--storage,
.vs5a-specialty-card--monitoring {
    border-color: rgba(14, 116, 144, 0.15);
    background: var(--vs5a-cyan-soft);
}

.vs5a-specialty-card--backup {
    border-color: rgba(217, 119, 6, 0.15);
    background: var(--vs5a-gold-soft);
}

.vs5a-specialty-card__icon {
    width: 45px;
    height: 45px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 7px;

    color: #ffffff;
    font-size: 9px;
    font-weight: 950;
    direction: ltr;

    border-radius: 13px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-specialty-card--storage
.vs5a-specialty-card__icon,
.vs5a-specialty-card--monitoring
.vs5a-specialty-card__icon {
    background:
        linear-gradient(
            140deg,
            var(--vs5a-cyan-dark),
            var(--vs5a-cyan)
        );
}

.vs5a-specialty-card--backup
.vs5a-specialty-card__icon {
    background:
        linear-gradient(
            140deg,
            var(--vs5a-gold-dark),
            var(--vs5a-gold)
        );
}

.vs5a-specialty-card__category {
    color: var(--vs5a-gold);
    font-size: 10.2px;
    font-weight: 900;
}

.vs5a-specialty-card h3 {
    margin: 2px 0 5px;

    color: var(--vs5a-dark);
    font-size: 13.7px;
    font-weight: 950;
    line-height: 1.8;
    direction: ltr;
}

.vs5a-specialty-card p {
    margin: 0 0 9px;

    color: var(--vs5a-muted);
    font-size: 11.9px;
    line-height: 1.8;
}

.vs5a-next__plans {
    margin-top: 14px;
    padding: 14px;

    border: 1px solid rgba(217, 119, 6, 0.16);
    border-radius: 16px;

    background: var(--vs5a-gold-soft);
}

.vs5a-next__plans > header {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-bottom: 9px;
}

.vs5a-next__plans > header > span {
    flex: 0 0 40px;

    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;
    background: var(--vs5a-gold-light);
}

.vs5a-next__plans small {
    display: block;

    color: var(--vs5a-gold);
    font-size: 10.4px;
    font-weight: 900;
}

.vs5a-next__plans h3 {
    margin: 1px 0 0;

    color: var(--vs5a-dark);
    font-size: 14px;
    font-weight: 950;
}

.vs5a-next__plan-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 8px;
}

.vs5a-next__plan-grid article {
    padding: 10px;

    border: 1px solid rgba(217, 119, 6, 0.12);
    border-radius: 12px;

    background: #ffffff;
}

.vs5a-next__plan-grid article > span {
    display: inline-flex;

    margin-bottom: 6px;
    padding: 4px 8px;

    color: var(--vs5a-gold-dark);
    font-size: 10px;
    font-weight: 950;

    border-radius: 999px;
    background: var(--vs5a-gold-light);
}

.vs5a-next__plan-grid article > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
}

.vs5a-next__plan-grid strong {
    display: inline-flex;

    padding: 5px 8px;

    color: var(--vs5a-dark);
    font-size: 10px;
    font-weight: 950;
    direction: ltr;

    border-radius: 999px;
    background: var(--vs5a-indigo-light);
}

.vs5a-next__plan-grid i {
    color: var(--vs5a-gold);
    font-style: normal;
    font-weight: 950;
}

.vs5a-next__footer {
    display: flex;
    align-items: center;
    gap: 9px;

    margin-top: 14px;
    padding: 13px;

    color: #ffffff;

    border-radius: 15px;

    background:
        linear-gradient(
            105deg,
            var(--vs5a-dark),
            var(--vs5a-indigo-dark),
            var(--vs5a-indigo)
        );
}

.vs5a-next__footer > span {
    flex: 0 0 39px;

    width: 39px;
    height: 39px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--vs5a-dark);
    font-weight: 950;

    border-radius: 11px;
    background: var(--vs5a-cyan-light);
}

.vs5a-next__footer p {
    margin: 0;

    color: var(--vs5a-indigo-light);
    font-size: 12.7px;
    line-height: 1.9;
}

.vs5a-next__footer strong {
    color: #ffffff;
    font-weight: 950;
}


/* =========================================================
   Responsive
========================================================= */

@media (max-width: 920px) {

    .vs5a-hero__grid {
        grid-template-columns: 1fr;
    }

    .vs5a-next__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .vs5a-next__flow {
        width: 100%;
        justify-content: center;
    }

}

@media (max-width: 760px) {

    .vs5a-archive-bar__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .vs5a-archive-bar__button {
        width: 100%;
    }

    .vs5a-hero__path,
    .vs5a-body__migration,
    .vs5a-next__main-path {
        grid-template-columns: 1fr;
    }

    .vs5a-hero__path > i,
    .vs5a-body__migration > i,
    .vs5a-next__arrow {
        min-height: 22px;
        transform: rotate(90deg);
    }

}

@media (max-width: 680px) {

    .vs5a-body__feature-grid,
    .vs5a-body__skills,
    .vs5a-body__comparison,
    .vs5a-next__specialties,
    .vs5a-next__plan-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 600px) {

    .vs5a-archive-bar,
    .vs5a-hero,
    .vs5a-body,
    .vs5a-next {
        padding-inline: 9px;
    }

    .vs5a-hero > .vs5a-shell,
    .vs5a-body > .vs5a-shell,
    .vs5a-next > .vs5a-shell {
        padding: 15px 12px;
        border-radius: 19px;
    }

    .vs5a-hero__title {
        font-size: 21px;
    }

    .vs5a-hero__lead {
        font-size: 13.7px;
    }

    .vs5a-hero__meta {
        grid-template-columns: 1fr;
    }

    .vs5a-body__prerequisite,
    .vs5a-body__footer,
    .vs5a-next__footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .vs5a-next__header h2 {
        font-size: 18px;
    }

    .vs5a-next__plan-grid article > div {
        align-items: stretch;
        flex-direction: column;
    }

    .vs5a-next__plan-grid strong {
        justify-content: center;
    }

    .vs5a-next__plan-grid i {
        text-align: center;
        transform: rotate(90deg);
    }

}

@media (max-width: 420px) {

    .vs5a-hero__badges {
        flex-direction: column;
    }

    .vs5a-badge {
        justify-content: center;
        width: 100%;
        border-radius: 11px;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0748014 *//* =========================================================
   VMware vSphere 5 Advanced Syllabus
========================================================= */

.vs5a-syllabus,
.vs5a-syllabus * {
    box-sizing: border-box;
}

.vs5a-syllabus {
    --vs5a-syl-dark: #111827;
    --vs5a-syl-text: #334155;
    --vs5a-syl-muted: #64748b;

    --vs5a-syl-indigo: #4338ca;
    --vs5a-syl-indigo-dark: #312e81;
    --vs5a-syl-indigo-light: #e0e7ff;
    --vs5a-syl-indigo-soft: #eef2ff;

    --vs5a-syl-cyan: #0e7490;
    --vs5a-syl-cyan-dark: #164e63;
    --vs5a-syl-cyan-light: #cffafe;
    --vs5a-syl-cyan-soft: #ecfeff;

    --vs5a-syl-amber: #d97706;
    --vs5a-syl-amber-light: #fef3c7;

    direction: rtl;
    text-align: right;

    width: 100%;
    max-width: 1120px;

    margin: 28px auto 38px;
    padding: 0 16px;

    color: var(--vs5a-syl-dark);

    font-family:
        "IRANYekan",
        "IRANYekanX",
        "Vazirmatn",
        Tahoma,
        Arial,
        sans-serif;

    scroll-margin-top: 95px;
}

.vs5a-syllabus,
.vs5a-syllabus section,
.vs5a-syllabus article,
.vs5a-syllabus header,
.vs5a-syllabus div {
    float: none !important;
    min-width: 0;
}

.vs5a-syllabus :where(
    h2,
    h3,
    p,
    ul
) {
    margin-top: 0;
}

.vs5a-syllabus__wrap {
    width: 100%;
    padding: 20px;

    border: 1px solid rgba(67, 56, 202, 0.18);
    border-radius: 22px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.12),
            transparent 38%
        ),
        radial-gradient(
            circle at bottom left,
            rgba(6, 182, 212, 0.08),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            #ffffff,
            var(--vs5a-syl-indigo-soft)
        );

    box-shadow:
        0 15px 38px rgba(17, 24, 39, 0.08);
}


/* Header */

.vs5a-syllabus__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    margin-bottom: 13px;
    padding: 18px;

    color: #ffffff;

    border-radius: 18px;

    background:
        radial-gradient(
            circle at top right,
            rgba(99, 102, 241, 0.2),
            transparent 42%
        ),
        linear-gradient(
            110deg,
            var(--vs5a-syl-dark),
            var(--vs5a-syl-indigo-dark),
            var(--vs5a-syl-indigo)
        );

    box-shadow:
        0 12px 28px rgba(17, 24, 39, 0.17);
}

.vs5a-syllabus__header > div {
    min-width: 0;
}

.vs5a-syllabus__badge {
    display: inline-flex;

    margin-bottom: 5px;
    padding: 5px 10px;

    color: var(--vs5a-syl-amber-light);
    font-size: 11px;
    font-weight: 950;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.09);
}

.vs5a-syllabus__header h2 {
    margin: 0 0 3px !important;

    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1.8 !important;
}

.vs5a-syllabus__header p {
    margin: 0 !important;

    color: var(--vs5a-syl-indigo-light) !important;
    font-size: 13px !important;
}

.vs5a-syllabus__version {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--vs5a-syl-dark);
    font-size: 22px;
    font-weight: 950;

    border-radius: 17px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-syl-amber-light),
            var(--vs5a-syl-cyan-light)
        );
}


/* Vertical list */

.vs5a-syllabus__list {
    display: flex !important;
    flex-direction: column !important;

    width: 100%;
    gap: 8px;
}

.vs5a-syllabus__item {
    display: grid !important;
    grid-template-columns:
        44px
        minmax(0, 1fr) !important;

    gap: 11px;
    align-items: start;

    width: 100%;
    margin: 0 !important;
    padding: 12px;

    border: 1px solid rgba(67, 56, 202, 0.13);
    border-radius: 14px;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            var(--vs5a-syl-indigo-soft)
        );

    box-shadow:
        0 5px 15px rgba(17, 24, 39, 0.04);
}

.vs5a-syllabus__item:nth-child(even) {
    border-color: rgba(14, 116, 144, 0.14);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            var(--vs5a-syl-cyan-soft)
        );
}


/* Chapter number */

.vs5a-syllabus__number {
    width: 44px;
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;
    font-size: 10px;
    font-weight: 950;
    direction: ltr;

    border-radius: 13px;

    background:
        linear-gradient(
            140deg,
            var(--vs5a-syl-dark),
            var(--vs5a-syl-indigo)
        );
}

.vs5a-syllabus__item:nth-child(even)
.vs5a-syllabus__number {
    background:
        linear-gradient(
            140deg,
            var(--vs5a-syl-cyan-dark),
            var(--vs5a-syl-cyan)
        );
}


/* Chapter content */

.vs5a-syllabus__content {
    min-width: 0;
}

.vs5a-syllabus__content h3 {
    margin: 0 0 6px !important;

    color: var(--vs5a-syl-dark) !important;
    font-size: 13.8px !important;
    font-weight: 950 !important;
    line-height: 1.9 !important;
}

.vs5a-syllabus__content ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.vs5a-syllabus__content li {
    position: relative;

    display: block;
    width: 100%;

    padding: 6px 29px 6px 9px;

    color: var(--vs5a-syl-text);
    font-size: 12.5px;
    line-height: 1.85;

    border-radius: 9px;

    background: rgba(255, 255, 255, 0.8);
}

.vs5a-syllabus__content li::before {
    content: "✓";

    position: absolute;
    inset-inline-start: 8px;
    top: 6px;

    color: var(--vs5a-syl-cyan);
    font-weight: 950;
}


/* Responsive */

@media (max-width: 600px) {

    .vs5a-syllabus {
        margin: 24px auto 34px;
        padding: 0 10px;
    }

    .vs5a-syllabus__wrap {
        padding: 14px 11px;
        border-radius: 18px;
    }

    .vs5a-syllabus__header {
        padding: 15px 13px;
        border-radius: 15px;
    }

    .vs5a-syllabus__header h2 {
        font-size: 18px !important;
    }

    .vs5a-syllabus__version {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .vs5a-syllabus__item {
        grid-template-columns:
            40px
            minmax(0, 1fr) !important;

        gap: 9px;
        padding: 10px;
    }

    .vs5a-syllabus__number {
        width: 40px;
        height: 40px;
    }

}

@media (max-width: 420px) {

    .vs5a-syllabus {
        padding-inline: 7px;
    }

    .vs5a-syllabus__header {
        align-items: flex-start;
    }

    .vs5a-syllabus__content h3 {
        font-size: 13px !important;
    }

    .vs5a-syllabus__content li {
        font-size: 12px;
    }

}/* End custom CSS */