/* Start custom CSS for text-editor, class: .elementor-element-4d52ea5 *//* =====================================================
   VMware vSAN 9.1
   Professional Roadmap + Hero
   ===================================================== */

.vsan91-roadmap,
.vsan91-roadmap *,
.vsan91-hero,
.vsan91-hero *{
    box-sizing:border-box;
}


/* =====================================================
   Roadmap
   ===================================================== */

.vsan91-roadmap{
    direction:rtl;
    font-family:"IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;
    max-width:1180px;
    margin:26px auto 0;
    padding:0 16px;
}

.vsan91-roadmap__inner{
    position:relative;
    max-width:1120px;
    margin:0 auto;

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

    padding:14px 16px;

    border-radius:18px;

    background:
        radial-gradient(circle at 95% 0%,
        rgba(34,211,238,.16),
        transparent 35%),

        linear-gradient(135deg,
        #f8fbff 0%,
        #eef6ff 48%,
        #f5f3ff 100%);

    border:1px solid rgba(37,99,235,.18);

    box-shadow:
        0 10px 28px rgba(15,23,42,.08);

    overflow:hidden;
}

.vsan91-roadmap__inner::after{
    content:"";
    position:absolute;

    left:-35px;
    bottom:-70px;

    width:150px;
    height:150px;

    border-radius:999px;

    background:
        radial-gradient(circle,
        rgba(124,58,237,.13),
        transparent 67%);

    pointer-events:none;
}

.vsan91-roadmap__icon{
    position:relative;
    z-index:2;

    width:42px;
    height:42px;
    min-width:42px;

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

    border-radius:13px;

    background:
        linear-gradient(135deg,
        #4338ca,
        #2563eb,
        #0891b2);

    box-shadow:
        0 8px 20px rgba(37,99,235,.24);

    font-size:19px;
}

.vsan91-roadmap__content{
    position:relative;
    z-index:2;

    flex:1;
    min-width:0;
}

.vsan91-roadmap__title{
    margin-bottom:2px;

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

    color:#0f172a;
}

.vsan91-roadmap__text{
    font-size:12.8px;
    line-height:1.9;

    color:#64748b;
}

.vsan91-roadmap__text strong{
    color:#1d4ed8;
}

.vsan91-roadmap__link{
    position:relative;
    z-index:2;

    min-width:max-content;

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

    gap:6px;

    padding:8px 15px;

    border-radius:999px;

    background:
        linear-gradient(90deg,
        #4338ca,
        #2563eb,
        #0891b2);

    color:#fff;

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

    text-decoration:none;

    box-shadow:
        0 8px 20px rgba(37,99,235,.22);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-roadmap__link:hover{
    color:#fff;

    transform:translateY(-1px);

    box-shadow:
        0 11px 25px rgba(37,99,235,.30);
}


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

.vsan91-hero{
    position:relative;

    direction:rtl;

    max-width:1180px;

    margin:22px auto 34px;
    padding:40px 16px;

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

    border-radius:28px;

    color:#0f172a;

    background:
        radial-gradient(circle at 5% 0%,
        rgba(124,58,237,.12),
        transparent 35%),

        radial-gradient(circle at 98% 7%,
        rgba(6,182,212,.15),
        transparent 36%),

        radial-gradient(circle at 80% 100%,
        rgba(59,130,246,.09),
        transparent 42%),

        linear-gradient(135deg,
        #f8fbff 0%,
        #ffffff 44%,
        #f5f7ff 72%,
        #effcff 100%);

    border:1px solid rgba(37,99,235,.15);

    box-shadow:
        0 20px 55px rgba(15,23,42,.12);

    overflow:hidden;
}

.vsan91-hero::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(90deg,
        #7c3aed 0%,
        #2563eb 34%,
        #06b6d4 68%,
        #10b981 100%);
}

.vsan91-hero__wrap{
    position:relative;
    z-index:2;

    max-width:1120px;
    margin:0 auto;
}

.vsan91-hero__grid{
    display:flex;
    align-items:stretch;

    gap:27px;
}

.vsan91-hero__main{
    flex:1.68;
    min-width:0;
}


/* =====================================================
   Eyebrow
   ===================================================== */

.vsan91-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    margin-bottom:11px;
    padding:6px 7px 6px 13px;

    border-radius:999px;

    background:
        linear-gradient(90deg,
        #312e81,
        #1d4ed8,
        #0e7490);

    color:#fff;

    font-size:12.4px;
    font-weight:900;

    box-shadow:
        0 8px 23px rgba(37,99,235,.23);
}

.vsan91-hero__eyebrow-icon{
    width:27px;
    height:27px;

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

    border-radius:999px;

    background:rgba(255,255,255,.14);
}

.vsan91-hero__eyebrow-version{
    padding:3px 9px;

    border-radius:999px;

    background:rgba(255,255,255,.15);

    font-size:11.5px;
}


/* =====================================================
   Headline
   ===================================================== */

.vsan91-hero__title{
    margin:0 0 12px;

    max-width:760px;

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

    line-height:1.65;
    letter-spacing:-.25px;

    color:#0f172a;
}

.vsan91-hero__title::after{
    content:"";

    display:block;

    width:78px;
    height:4px;

    margin-top:9px;

    border-radius:999px;

    background:
        linear-gradient(90deg,
        #4338ca,
        #2563eb,
        #06b6d4);
}

.vsan91-hero__lead{
    margin:0 0 13px;

    font-size:15px;
    line-height:2.05;

    color:#475569;
}

.vsan91-hero__lead strong{
    color:#1d4ed8;
    font-weight:950;
}


/* =====================================================
   Main Focus
   ===================================================== */

.vsan91-hero__focus{
    display:flex;
    align-items:flex-start;

    gap:11px;

    margin:7px 0 14px;
    padding:13px 14px;

    border-radius:16px;

    background:
        linear-gradient(135deg,
        rgba(239,246,255,.96),
        rgba(236,254,255,.93));

    border:1px solid rgba(6,182,212,.23);

    box-shadow:
        0 8px 22px rgba(15,23,42,.05);
}

.vsan91-hero__focus-icon{
    width:37px;
    height:37px;
    min-width:37px;

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

    border-radius:12px;

    background:
        linear-gradient(135deg,
        #2563eb,
        #06b6d4);

    box-shadow:
        0 8px 18px rgba(6,182,212,.21);
}

.vsan91-hero__focus-content strong{
    display:block;

    margin-bottom:3px;

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

    color:#075985;
}

.vsan91-hero__focus-content p{
    margin:0;

    font-size:13px;
    line-height:1.9;

    color:#475569;
}


/* =====================================================
   Tags
   ===================================================== */

.vsan91-hero__tags{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin:0 0 15px;
}

.vsan91-hero__tags span{
    display:inline-flex;
    align-items:center;

    padding:5px 10px;

    border-radius:999px;

    background:rgba(255,255,255,.88);

    border:1px solid rgba(37,99,235,.17);

    box-shadow:
        0 5px 15px rgba(15,23,42,.035);

    color:#1e40af;

    font-size:12.1px;
    font-weight:900;
}


/* =====================================================
   Four Course Meta Boxes
   ===================================================== */

.vsan91-hero__meta{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px 12px;

    margin-bottom:14px;
}

.vsan91-hero__meta-item{
    position:relative;

    display:flex;
    align-items:flex-start;

    gap:10px;

    min-width:0;

    padding:11px 12px;

    border-radius:15px;

    background:rgba(255,255,255,.94);

    border:1px solid rgba(148,163,184,.25);

    box-shadow:
        0 7px 20px rgba(15,23,42,.05);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.vsan91-hero__meta-item:hover{
    transform:translateY(-2px);

    border-color:rgba(37,99,235,.25);

    box-shadow:
        0 11px 25px rgba(15,23,42,.075);
}

.vsan91-hero__meta-icon{
    width:34px;
    height:34px;
    min-width:34px;

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

    border-radius:11px;

    background:
        linear-gradient(135deg,
        #eef2ff,
        #ecfeff);

    font-size:16px;
}

.vsan91-hero__meta-label{
    display:block;

    margin-bottom:2px;

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

    color:#0284c7;
}

.vsan91-hero__meta-value{
    display:block;

    font-size:13.2px;
    line-height:1.75;

    color:#334155;
}

.vsan91-hero__meta-value strong{
    color:#1e3a8a;
}


/* =====================================================
   Gift
   ===================================================== */

.vsan91-hero__gift{
    position:relative;

    display:flex;
    gap:13px;

    margin:14px 0 12px;
    padding:14px;

    border-radius:18px;

    background:
        radial-gradient(circle at 100% 0%,
        rgba(16,185,129,.12),
        transparent 38%),

        linear-gradient(135deg,
        #f0fdf4,
        #ecfeff 55%,
        #f8fafc);

    border:1px solid rgba(16,185,129,.27);

    box-shadow:
        0 9px 24px rgba(15,23,42,.055);
}

.vsan91-hero__gift-badge{
    height:max-content;
    min-width:max-content;

    display:inline-flex;
    align-items:center;

    padding:7px 10px;

    border-radius:999px;

    background:
        linear-gradient(90deg,
        #047857,
        #059669,
        #0891b2);

    color:#fff;

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

    box-shadow:
        0 7px 17px rgba(5,150,105,.20);
}

.vsan91-hero__gift-content{
    flex:1;
    min-width:0;
}

.vsan91-hero__gift-content > strong{
    display:block;

    margin-bottom:3px;

    color:#065f46;

    font-size:13.8px;
    font-weight:950;
}

.vsan91-hero__gift-content > p{
    margin:0;

    color:#475569;

    font-size:12.7px;
    line-height:1.85;
}

.vsan91-hero__gift-links{
    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin-top:9px;
}

.vsan91-hero__gift-links a{
    display:inline-flex;
    align-items:center;

    gap:7px;

    padding:6px 9px;

    border-radius:10px;

    background:#fff;

    border:1px solid rgba(16,185,129,.21);

    color:#475569;

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

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-hero__gift-links a:hover{
    transform:translateY(-1px);

    box-shadow:
        0 6px 15px rgba(15,23,42,.07);
}

.vsan91-hero__gift-version{
    padding:3px 7px;

    border-radius:999px;

    background:#d1fae5;

    color:#047857;

    font-weight:950;
}

.vsan91-hero__gift-links b{
    color:#059669;
}


/* =====================================================
   Prerequisite
   ===================================================== */

.vsan91-hero__prerequisite{
    display:flex;
    align-items:flex-start;

    gap:8px;

    padding:9px 11px;

    border-radius:12px;

    background:rgba(238,242,255,.85);

    border-right:4px solid #4f46e5;

    color:#475569;

    font-size:12.8px;
    line-height:1.85;
}

.vsan91-hero__prerequisite strong{
    color:#3730a3;
}


/* =====================================================
   Sidebar
   ===================================================== */

.vsan91-hero__side{
    flex:1.03;
    min-width:0;
}

.vsan91-hero__side-card{
    position:relative;

    height:100%;

    padding:18px 15px 15px;

    border-radius:21px;

    background:rgba(255,255,255,.96);

    border:1px solid rgba(37,99,235,.16);

    box-shadow:
        0 17px 42px rgba(15,23,42,.11);

    overflow:hidden;
}

.vsan91-hero__side-card::before{
    content:"";

    position:absolute;

    top:0;
    right:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(90deg,
        #4338ca,
        #2563eb,
        #06b6d4);
}

.vsan91-hero__side-card::after{
    content:"";

    position:absolute;

    left:-80px;
    bottom:-80px;

    width:190px;
    height:190px;

    border-radius:999px;

    background:
        radial-gradient(circle,
        rgba(6,182,212,.12),
        transparent 68%);

    pointer-events:none;
}


/* =====================================================
   Sidebar Head
   ===================================================== */

.vsan91-hero__side-head{
    position:relative;
    z-index:2;

    margin-bottom:11px;
}

.vsan91-hero__side-kicker{
    display:block;

    margin-bottom:3px;

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

    color:#0284c7;
}

.vsan91-hero__side-head h2{
    margin:0;

    font-size:16.5px;
    line-height:1.7;
    font-weight:950;

    color:#0f172a;
}


/* =====================================================
   Learning Items
   ===================================================== */

.vsan91-hero__learning{
    position:relative;
    z-index:2;

    display:flex;
    flex-direction:column;

    gap:7px;

    margin-bottom:11px;
}

.vsan91-hero__learning-item{
    display:flex;
    align-items:flex-start;

    gap:9px;

    padding:9px 10px;

    border-radius:13px;

    background:#f8fafc;

    border:1px solid rgba(148,163,184,.18);
}

.vsan91-hero__learning-number{
    width:30px;
    height:30px;
    min-width:30px;

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

    border-radius:9px;

    background:
        linear-gradient(135deg,
        #4338ca,
        #2563eb);

    color:#fff;

    font-size:10.5px;
    font-weight:950;
}

.vsan91-hero__learning-item strong{
    display:block;

    margin-bottom:2px;

    color:#1e3a8a;

    font-size:12.5px;
    font-weight:950;
}

.vsan91-hero__learning-item p{
    margin:0;

    color:#64748b;

    font-size:11.6px;
    line-height:1.65;
}


/* =====================================================
   VMware Path
   ===================================================== */

.vsan91-hero__path{
    position:relative;
    z-index:2;

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

    border-radius:14px;

    background:
        linear-gradient(135deg,
        #eef2ff,
        #ecfeff);

    border:1px solid rgba(99,102,241,.18);
}

.vsan91-hero__path-title{
    margin-bottom:3px;

    color:#3730a3;

    font-size:12.5px;
    font-weight:950;
}

.vsan91-hero__path p{
    margin:0 0 8px;

    color:#64748b;

    font-size:11.6px;
    line-height:1.7;
}

.vsan91-hero__steps{
    display:flex;
    flex-wrap:wrap;
    align-items:center;

    gap:5px;
}

.vsan91-hero__steps span{
    display:inline-flex;

    padding:5px 7px;

    border-radius:999px;

    background:#fff;

    color:#075985;

    border:1px solid rgba(14,165,233,.17);

    font-size:10.5px;
    font-weight:900;
}

.vsan91-hero__steps span.is-current{
    background:
        linear-gradient(90deg,
        #2563eb,
        #0891b2);

    color:#fff;

    border-color:transparent;

    box-shadow:
        0 5px 13px rgba(37,99,235,.19);
}

.vsan91-hero__steps i{
    color:#94a3b8;

    font-size:10px;
    font-style:normal;
}


/* =====================================================
   Audience
   ===================================================== */

.vsan91-hero__audience{
    position:relative;
    z-index:2;

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

    border-radius:14px;

    background:#fff;

    border:1px solid rgba(148,163,184,.19);
}

.vsan91-hero__audience-title{
    margin-bottom:5px;

    color:#0f172a;

    font-size:12.4px;
    font-weight:950;
}

.vsan91-hero__audience ul{
    list-style:none;

    margin:0;
    padding:0;
}

.vsan91-hero__audience li{
    position:relative;

    margin-bottom:2px;
    padding-right:17px;

    color:#475569;

    font-size:11.7px;
    line-height:1.7;
}

.vsan91-hero__audience li::before{
    content:"✓";

    position:absolute;

    top:0;
    right:1px;

    color:#0891b2;

    font-weight:950;
}


/* =====================================================
   CTA
   ===================================================== */

.vsan91-hero__actions{
    position:relative;
    z-index:2;

    margin-bottom:9px;
}

.vsan91-hero__btn{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:6px;

    width:100%;

    padding:9px 13px;

    border-radius:999px;

    text-align:center;
    text-decoration:none;

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

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-hero__btn--primary{
    background:
        linear-gradient(90deg,
        #3730a3,
        #2563eb,
        #0891b2);

    color:#fff;

    box-shadow:
        0 9px 22px rgba(37,99,235,.23);
}

.vsan91-hero__btn--primary:hover{
    color:#fff;

    transform:translateY(-1px);

    box-shadow:
        0 12px 27px rgba(37,99,235,.31);
}

.vsan91-hero__old-courses{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:7px;

    margin-top:7px;
}

.vsan91-hero__old-courses a{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:5px;

    padding:7px 8px;

    border-radius:999px;

    background:#fff;

    border:1px solid rgba(37,99,235,.18);

    color:#1d4ed8;

    text-decoration:none;

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

    transition:
        transform .2s ease,
        background .2s ease;
}

.vsan91-hero__old-courses a:hover{
    transform:translateY(-1px);

    background:#eff6ff;
}


/* =====================================================
   Bottom Side Note
   ===================================================== */

.vsan91-hero__side-note{
    position:relative;
    z-index:2;

    display:flex;
    align-items:flex-start;

    gap:7px;

    padding:8px 9px;

    border-radius:12px;

    background:#f0fdf4;

    border:1px solid rgba(16,185,129,.18);
}

.vsan91-hero__side-note p{
    margin:0;

    color:#475569;

    font-size:11.2px;
    line-height:1.7;
}

.vsan91-hero__side-note strong{
    color:#047857;
}


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

@media (max-width:960px){

    .vsan91-roadmap__inner{
        align-items:flex-start;
        flex-wrap:wrap;
    }

    .vsan91-roadmap__content{
        flex:1;
    }

    .vsan91-roadmap__link{
        margin-right:56px;
    }

    .vsan91-hero__grid{
        flex-direction:column;
    }

    .vsan91-hero__main,
    .vsan91-hero__side{
        width:100%;
        flex:1 1 100%;
    }
}


@media (max-width:700px){

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

    .vsan91-hero__gift{
        flex-direction:column;
    }

    .vsan91-hero__gift-badge{
        width:max-content;
    }
}


@media (max-width:640px){

    .vsan91-roadmap{
        padding:0 11px;
    }

    .vsan91-roadmap__inner{
        padding:12px;
    }

    .vsan91-roadmap__icon{
        width:38px;
        height:38px;
        min-width:38px;
    }

    .vsan91-roadmap__link{
        width:100%;
        margin-right:0;
    }

    .vsan91-hero{
        margin-top:18px;

        padding:31px 12px;

        border-radius:22px;
    }

    .vsan91-hero__title{
        font-size:22.5px;
        line-height:1.75;
    }

    .vsan91-hero__lead{
        font-size:14px;
    }

    .vsan91-hero__eyebrow{
        font-size:11.6px;
    }
}


@media (max-width:480px){

    .vsan91-hero__title{
        font-size:20.5px;
    }

    .vsan91-hero__focus{
        padding:11px;
    }

    .vsan91-hero__gift-links{
        flex-direction:column;
    }

    .vsan91-hero__gift-links a{
        width:100%;
        justify-content:space-between;
    }

    .vsan91-hero__old-courses{
        grid-template-columns:1fr;
    }

    .vsan91-hero__side-card{
        padding:16px 12px 13px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-864eb6c *//* =====================================================
   پرش به سرفصل‌های دوره VMware vSAN 9.1
   ===================================================== */

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

.vsan91-syllabus-jump{
    direction:rtl;

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

    max-width:1180px;

    margin:24px auto 20px;
    padding:0 16px;

    color:#0f172a;

    overflow-x:clip;
}


/* =====================================================
   Main Box
   ===================================================== */

.vsan91-syllabus-jump__inner{
    position:relative;

    overflow:hidden;

    max-width:1120px;

    margin:0 auto;
    padding:15px 17px;

    display:flex;

    align-items:center;

    gap:15px 20px;

    border-radius:23px;

    background:
        radial-gradient(
            circle at 96% 0%,
            rgba(6,182,212,.18),
            transparent 42%
        ),

        radial-gradient(
            circle at 0% 100%,
            rgba(124,58,237,.12),
            transparent 43%
        ),

        radial-gradient(
            circle at 70% 100%,
            rgba(16,185,129,.07),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 44%,
            #eef5ff 73%,
            #ecfeff 100%
        );

    border:
        1px solid rgba(37,99,235,.18);

    box-shadow:
        0 15px 36px rgba(15,23,42,.09);
}


/* top accent */

.vsan91-syllabus-jump__inner::after{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:3px;

    background:
        linear-gradient(
            90deg,
            #7c3aed,
            #2563eb,
            #06b6d4,
            #10b981
        );
}


/* background text */

.vsan91-syllabus-jump__inner::before{
    content:"vSAN 9.1";

    position:absolute;

    left:18px;
    bottom:-25px;

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

    color:
        rgba(37,99,235,.055);

    letter-spacing:-3px;

    pointer-events:none;

    white-space:nowrap;
}


/* =====================================================
   Icon
   ===================================================== */

.vsan91-syllabus-jump__icon{
    position:relative;
    z-index:2;

    flex:0 0 58px;

    width:58px;
    height:58px;

    display:flex;

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

    border-radius:19px;

    background:
        linear-gradient(
            135deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    color:#ffffff;

    font-size:27px;

    box-shadow:
        0 12px 27px rgba(37,99,235,.23);
}


/* =====================================================
   Content
   ===================================================== */

.vsan91-syllabus-jump__content{
    position:relative;
    z-index:2;

    flex:1 1 auto;

    min-width:0;
}

.vsan91-syllabus-jump__badge{
    display:inline-flex;

    align-items:center;

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

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #ecfeff
        );

    color:#1d4ed8;

    border:
        1px solid rgba(37,99,235,.18);

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

.vsan91-syllabus-jump__title{
    margin:0 0 5px;

    color:#0f172a;

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

    line-height:1.75;
}

.vsan91-syllabus-jump__text{
    margin:0;

    color:#475569;

    font-size:13.5px;

    line-height:1.95;
}

.vsan91-syllabus-jump__text strong{
    color:#1d4ed8;

    font-weight:950;
}


/* =====================================================
   Action
   ===================================================== */

.vsan91-syllabus-jump__action{
    position:relative;
    z-index:2;

    flex:0 0 290px;

    min-width:245px;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:7px;

    text-align:center;
}

.vsan91-syllabus-jump__btn{
    display:flex;

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

    gap:7px;

    width:100%;

    padding:10px 16px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    color:#ffffff;

    border:
        1px solid rgba(37,99,235,.24);

    box-shadow:
        0 11px 25px rgba(37,99,235,.22);

    text-decoration:none;

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

    line-height:1.8;

    white-space:normal;

    overflow-wrap:anywhere;

    text-align:center;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.vsan91-syllabus-jump__btn:hover{
    color:#ffffff;

    transform:translateY(-1px);

    filter:brightness(1.04);

    box-shadow:
        0 15px 31px rgba(37,99,235,.30);
}

.vsan91-syllabus-jump__btn span{
    font-size:15px;
}

.vsan91-syllabus-jump__hint{
    display:block;

    color:#64748b;

    font-size:11.7px;

    line-height:1.75;
}


/* =====================================================
   Smooth Scroll
   ===================================================== */

html{
    scroll-behavior:smooth;
}


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

@media (max-width:860px){

    .vsan91-syllabus-jump__inner{
        flex-wrap:wrap;

        align-items:flex-start;
    }

    .vsan91-syllabus-jump__content{
        flex:1 1 calc(100% - 80px);
    }

    .vsan91-syllabus-jump__action{
        flex:1 1 100%;

        min-width:0;

        width:100%;
    }

}


@media (max-width:560px){

    .vsan91-syllabus-jump{
        margin:20px auto 18px;

        padding:0 12px;
    }

    .vsan91-syllabus-jump__inner{
        flex-direction:column;

        align-items:stretch;

        padding:13px;

        border-radius:18px;
    }

    .vsan91-syllabus-jump__icon{
        width:52px;
        height:52px;

        flex-basis:52px;

        font-size:24px;
    }

    .vsan91-syllabus-jump__title{
        font-size:16.5px;

        line-height:1.9;
    }

    .vsan91-syllabus-jump__text{
        font-size:12.9px;
    }

    .vsan91-syllabus-jump__inner::before{
        font-size:43px;

        bottom:-15px;
    }

}


@media (max-width:420px){

    .vsan91-syllabus-jump__btn{
        font-size:12.5px;

        padding:9px 12px;
    }

    .vsan91-syllabus-jump__badge{
        font-size:11.2px;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-067ae31 *//* =====================================================
   VMware vSAN 9.1
   Gift Courses Block
   ===================================================== */

.vsan91-gift-box,
.vsan91-gift-box *{
    box-sizing:border-box;
}

.vsan91-gift-box{
    direction:rtl;

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

    max-width:1180px;

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

    color:#0f172a;

    overflow-x:clip;
}


/* Main */

.vsan91-gift-box__inner{
    position:relative;

    max-width:1120px;

    margin:0 auto;
    padding:21px 22px;

    display:grid;

    grid-template-columns:
        235px
        minmax(0,1fr);

    gap:23px;

    align-items:center;

    overflow:hidden;

    border-radius:27px;

    background:
        radial-gradient(
            circle at 4% 15%,
            rgba(16,185,129,.18),
            transparent 34%
        ),

        radial-gradient(
            circle at 96% 0%,
            rgba(6,182,212,.18),
            transparent 38%
        ),

        radial-gradient(
            circle at 72% 100%,
            rgba(124,58,237,.10),
            transparent 38%
        ),

        linear-gradient(
            135deg,
            #f0fdf4 0%,
            #ffffff 44%,
            #eff6ff 72%,
            #ecfeff 100%
        );

    border:
        1px solid rgba(16,185,129,.25);

    box-shadow:
        0 18px 44px rgba(15,23,42,.10);
}


/* top accent */

.vsan91-gift-box__inner::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            #10b981,
            #06b6d4,
            #2563eb,
            #7c3aed
        );
}


/* watermark */

.vsan91-gift-box__inner::after{
    content:"BONUS";

    position:absolute;

    left:18px;
    bottom:-30px;

    color:rgba(16,185,129,.055);

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

    letter-spacing:-3px;

    pointer-events:none;
}


/* =====================================================
   Visual
   ===================================================== */

.vsan91-gift-box__visual{
    position:relative;
    z-index:2;

    height:190px;

    border-radius:22px;

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.98),
            rgba(209,250,229,.70) 50%,
            rgba(207,250,254,.72) 100%
        );

    border:
        1px solid rgba(16,185,129,.22);

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.72),
        0 13px 30px rgba(15,23,42,.07);
}


.vsan91-gift-box__gift-icon{
    position:absolute;

    top:50%;
    right:50%;

    transform:translate(50%,-50%);

    width:88px;
    height:88px;

    display:flex;

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

    border-radius:27px;

    background:
        linear-gradient(
            135deg,
            #047857,
            #10b981,
            #0891b2
        );

    color:#fff;

    font-size:39px;

    box-shadow:
        0 17px 34px rgba(5,150,105,.24);
}


.vsan91-gift-box__gift-icon::after{
    content:"";

    position:absolute;

    inset:-13px;

    border-radius:34px;

    border:
        2px dashed rgba(5,150,105,.18);
}


.vsan91-gift-box__version{
    position:absolute;

    z-index:3;

    padding:6px 10px;

    border-radius:999px;

    background:#fff;

    border:
        1px solid rgba(16,185,129,.24);

    box-shadow:
        0 8px 19px rgba(15,23,42,.08);

    color:#047857;

    font-size:11.7px;
    font-weight:950;
}


.vsan91-gift-box__version--one{
    top:24px;
    right:22px;
}


.vsan91-gift-box__version--two{
    left:20px;
    bottom:25px;

    color:#1d4ed8;

    border-color:
        rgba(37,99,235,.20);
}


.vsan91-gift-box__free{
    position:absolute;

    left:18px;
    top:26px;

    padding:5px 9px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #047857,
            #059669
        );

    color:#fff;

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

    letter-spacing:.5px;

    box-shadow:
        0 7px 17px rgba(5,150,105,.20);
}


/* =====================================================
   Content
   ===================================================== */

.vsan91-gift-box__content{
    position:relative;
    z-index:2;

    min-width:0;
}


.vsan91-gift-box__badge{
    display:inline-flex;

    align-items:center;

    margin-bottom:7px;
    padding:5px 11px;

    border-radius:999px;

    background:#ecfdf5;

    color:#047857;

    border:
        1px solid rgba(16,185,129,.24);

    font-size:11.9px;
    font-weight:950;
}


.vsan91-gift-box__title{
    margin:0 0 8px;

    color:#0f172a;

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

    line-height:1.8;
}


.vsan91-gift-box__text{
    margin:0 0 13px;

    color:#475569;

    font-size:14px;

    line-height:2;
}


.vsan91-gift-box__text strong{
    color:#1d4ed8;

    font-weight:950;
}


.vsan91-gift-box__text b{
    color:#047857;

    font-weight:950;
}


/* =====================================================
   Buttons
   ===================================================== */

.vsan91-gift-box__buttons{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:9px;

    margin-bottom:10px;
}


.vsan91-gift-box__btn{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:10px 12px;

    border-radius:14px;

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}


.vsan91-gift-box__btn span{
    font-size:13px;
    font-weight:950;
}


.vsan91-gift-box__btn small{
    font-size:10.8px;
    font-weight:850;
}


.vsan91-gift-box__btn--primary{
    background:
        linear-gradient(
            90deg,
            #047857,
            #059669,
            #0891b2
        );

    color:#ffffff;

    box-shadow:
        0 9px 21px rgba(5,150,105,.19);
}


.vsan91-gift-box__btn--primary small{
    color:#d1fae5;
}


.vsan91-gift-box__btn--secondary{
    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    color:#ffffff;

    box-shadow:
        0 9px 21px rgba(37,99,235,.19);
}


.vsan91-gift-box__btn--secondary small{
    color:#dbeafe;
}


.vsan91-gift-box__btn:hover{
    color:#ffffff;

    transform:translateY(-2px);

    filter:brightness(1.04);

    box-shadow:
        0 13px 28px rgba(15,23,42,.16);
}


/* =====================================================
   Note
   ===================================================== */

.vsan91-gift-box__note{
    display:flex;

    align-items:center;

    gap:7px;

    width:max-content;
    max-width:100%;

    padding:6px 10px;

    border-radius:999px;

    background:
        rgba(255,255,255,.82);

    border:
        1px solid rgba(16,185,129,.18);

    color:#64748b;

    font-size:11.5px;

    line-height:1.7;
}


.vsan91-gift-box__note span{
    display:flex;

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

    width:20px;
    height:20px;

    border-radius:999px;

    background:#d1fae5;

    color:#047857;

    font-size:11px;
    font-weight:950;
}


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

@media (max-width:850px){

    .vsan91-gift-box__inner{
        grid-template-columns:1fr;
    }

    .vsan91-gift-box__visual{
        width:100%;
        max-width:350px;

        margin:0 auto;
    }

}


@media (max-width:620px){

    .vsan91-gift-box{
        padding:0 12px;
    }

    .vsan91-gift-box__inner{
        padding:17px 14px;

        border-radius:21px;
    }

    .vsan91-gift-box__title{
        font-size:18px;

        line-height:1.9;
    }

    .vsan91-gift-box__text{
        font-size:13.3px;
    }

    .vsan91-gift-box__buttons{
        grid-template-columns:1fr;
    }

    .vsan91-gift-box__inner::after{
        font-size:46px;

        bottom:-18px;
    }

}


@media (max-width:480px){

    .vsan91-gift-box__visual{
        height:170px;
    }

    .vsan91-gift-box__gift-icon{
        width:78px;
        height:78px;

        font-size:34px;
    }

    .vsan91-gift-box__btn{
        flex-direction:column;

        align-items:flex-start;

        gap:2px;
    }

    .vsan91-gift-box__note{
        width:100%;

        border-radius:12px;

        align-items:flex-start;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-46d90e1 *//* =====================================================
   VMware vSAN 9.1 – Course Detail
   ===================================================== */

.vsan91-course-detail,
.vsan91-course-detail *{
    box-sizing:border-box;
}

.vsan91-course-detail{
    direction:rtl;
    font-family:"IRANYekan","Vazirmatn","Segoe UI",Tahoma,Arial,sans-serif;

    max-width:1180px;

    margin:0 auto 40px;
    padding:0 16px 34px;

    color:#0f172a;

    overflow-x:clip;
}

.vsan91-course-detail__wrap{
    max-width:1120px;
    margin:0 auto;
}


/* =====================================================
   Grid
   ===================================================== */

.vsan91-course-detail__grid{
    display:grid;

    grid-template-columns:
        minmax(0,1.65fr)
        minmax(0,1.05fr);

    gap:22px 25px;

    align-items:flex-start;
}

.vsan91-course-detail__col{
    min-width:0;
}

.vsan91-course-detail__col--side{
    display:flex;
    flex-direction:column;

    gap:17px;
}


/* =====================================================
   Cards
   ===================================================== */

.vsan91-course-detail__card{
    position:relative;

    overflow:hidden;

    margin-bottom:16px;
    padding:19px 17px 16px;

    border-radius:20px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(59,130,246,.075),
            transparent 38%
        ),

        radial-gradient(
            circle at 100% 100%,
            rgba(6,182,212,.055),
            transparent 42%
        ),

        #ffffff;

    border:
        1px solid rgba(148,163,184,.32);

    box-shadow:
        0 10px 30px rgba(15,23,42,.065);
}

.vsan91-course-detail__card::before{
    content:"";

    position:absolute;

    inset-inline-start:-64px;
    inset-block-start:-65px;

    width:155px;
    height:155px;

    border-radius:999px;

    background:
        radial-gradient(
            circle,
            rgba(219,234,254,.72),
            transparent 65%
        );

    pointer-events:none;
}


/* colored cards */

.vsan91-course-detail__card--intro{
    border-right:4px solid #2563eb;
}

.vsan91-course-detail__card--architecture{
    border-right:4px solid #7c3aed;

    background:
        radial-gradient(
            circle at top left,
            rgba(124,58,237,.10),
            transparent 42%
        ),
        #ffffff;
}

.vsan91-course-detail__card--modern{
    border-right:4px solid #06b6d4;

    background:
        radial-gradient(
            circle at top right,
            rgba(6,182,212,.10),
            transparent 42%
        ),
        #ffffff;
}

.vsan91-course-detail__card--lab{
    border-right:4px solid #8b5cf6;
}

.vsan91-course-detail__card--gift{
    border-right:4px solid #10b981;

    background:
        radial-gradient(
            circle at top right,
            rgba(16,185,129,.10),
            transparent 45%
        ),
        linear-gradient(
            135deg,
            #ffffff,
            #f0fdf4
        );
}

.vsan91-course-detail__card--career{
    border-right:4px solid #0284c7;
}

.vsan91-course-detail__card--result{
    border-right:4px solid #10b981;
}

.vsan91-course-detail__card--next{
    border-right:4px solid #4338ca;
}

.vsan91-course-detail__card--faq{
    border-right:4px solid #0891b2;
}

.vsan91-course-detail__card--quick{
    border-right:4px solid #2563eb;

    background:
        radial-gradient(
            circle at top right,
            rgba(6,182,212,.10),
            transparent 46%
        ),

        linear-gradient(
            135deg,
            #ffffff,
            #eff6ff
        );
}

.vsan91-course-detail__card--target{
    border-right:4px solid #10b981;
}

.vsan91-course-detail__card--prereq{
    border-right:4px solid #f59e0b;
}

.vsan91-course-detail__card--concepts{
    border-right:4px solid #7c3aed;
}

.vsan91-course-detail__card--tools{
    border-right:4px solid #0891b2;
}

.vsan91-course-detail__card--sidegift{
    border-right:4px solid #10b981;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(16,185,129,.12),
            transparent 45%
        ),

        linear-gradient(
            135deg,
            #ffffff,
            #ecfdf5
        );
}

.vsan91-course-detail__card--continue{
    border-right:4px solid #3730a3;
}


/* =====================================================
   Typography
   ===================================================== */

.vsan91-course-detail__title{
    position:relative;
    z-index:2;

    margin:0 0 10px;

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

    color:#0f172a;

    line-height:1.75;
}

.vsan91-course-detail__text{
    position:relative;
    z-index:2;

    margin:0 0 9px;

    font-size:14.25px;

    color:#475569;

    line-height:2;
}

.vsan91-course-detail strong{
    color:#1e3a8a;
    font-weight:950;
}

.vsan91-course-detail__text--highlight{
    margin-top:9px;

    padding:10px 11px;

    border-radius:13px;

    background:
        linear-gradient(
            90deg,
            rgba(238,242,255,.96),
            rgba(236,254,255,.85)
        );

    border-right:3px solid #2563eb;

    color:#334155;
}

.vsan91-course-detail__text--note{
    margin-top:9px;

    padding:9px 10px;

    border-radius:12px;

    background:#f8fafc;

    border:
        1px solid rgba(226,232,240,.98);

    font-size:13.2px;

    color:#64748b;
}

.vsan91-course-detail__tagline{
    position:relative;
    z-index:2;

    display:inline-block;

    margin-top:6px;
    padding:7px 13px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #eef2ff,
            #ecfeff
        );

    border:
        1px solid rgba(37,99,235,.18);

    color:#334155;

    font-size:13.1px;
    line-height:1.8;
}

.vsan91-course-detail__tagline strong{
    color:#1d4ed8;
}


/* =====================================================
   Bullets
   ===================================================== */

.vsan91-course-detail__bullets{
    position:relative;
    z-index:2;

    list-style:none;

    margin:5px 0 7px;
    padding:0;
}

.vsan91-course-detail__bullets li{
    position:relative;

    margin-bottom:4px;
    padding-right:22px;

    font-size:13.85px;
    line-height:1.95;

    color:#1f2937;
}

.vsan91-course-detail__bullets li::before{
    content:"✓";

    position:absolute;

    right:2px;
    top:0;

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

    color:#0891b2;
}

.vsan91-course-detail__bullets--two{
    columns:2;
    column-gap:25px;
}

.vsan91-course-detail__bullets--two li{
    break-inside:avoid;
}

.vsan91-course-detail__columns{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px 20px;
}


/* =====================================================
   OSA vs ESA Comparison
   ===================================================== */

.vsan91-course-detail__compare{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        34px
        minmax(0,1fr);

    align-items:stretch;

    gap:9px;

    margin:13px 0;
}

.vsan91-course-detail__compare-box{
    padding:13px;

    border-radius:16px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.24);
}

.vsan91-course-detail__compare-box--current{
    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #ecfeff
        );

    border-color:
        rgba(37,99,235,.22);
}

.vsan91-course-detail__compare-label{
    display:inline-flex;

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

    border-radius:999px;

    background:#e2e8f0;

    color:#475569;

    font-size:10.8px;
    font-weight:900;
}

.vsan91-course-detail__compare-box--current
.vsan91-course-detail__compare-label{
    background:#dbeafe;
    color:#1d4ed8;
}

.vsan91-course-detail__compare-box > strong{
    display:block;

    margin-bottom:7px;

    font-size:15px;

    color:#1e3a8a;
}

.vsan91-course-detail__compare-box ul{
    list-style:none;

    margin:0;
    padding:0;
}

.vsan91-course-detail__compare-box li{
    position:relative;

    padding-right:17px;
    margin-bottom:3px;

    color:#475569;

    font-size:12.6px;
    line-height:1.75;
}

.vsan91-course-detail__compare-box li::before{
    content:"•";

    position:absolute;
    right:2px;

    color:#0891b2;
    font-weight:950;
}

.vsan91-course-detail__compare-arrow{
    display:flex;

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

    color:#6366f1;

    font-size:20px;
    font-weight:950;
}


/* =====================================================
   9.1 Features
   ===================================================== */

.vsan91-course-detail__feature-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:9px;

    margin:11px 0;
}

.vsan91-course-detail__feature-grid > div{
    padding:12px;

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #f8fafc,
            #ffffff
        );

    border:
        1px solid rgba(148,163,184,.22);
}

.vsan91-course-detail__feature-grid > div > span{
    display:block;

    margin-bottom:4px;

    font-size:18px;
}

.vsan91-course-detail__feature-grid strong{
    display:block;

    margin-bottom:4px;

    color:#1e40af;

    font-size:13.7px;
}

.vsan91-course-detail__feature-grid p{
    margin:0;

    color:#64748b;

    font-size:12.7px;
    line-height:1.8;
}


/* =====================================================
   LAB
   ===================================================== */

.vsan91-course-detail__lab-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    margin-top:11px;
}

.vsan91-course-detail__lab-grid > div{
    padding:12px;

    border-radius:15px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.23);
}

.vsan91-course-detail__lab-grid strong{
    display:block;

    margin-bottom:5px;

    color:#1e40af;

    font-size:13.5px;
}

.vsan91-course-detail__lab-grid span{
    display:block;

    color:#64748b;

    font-size:12.7px;
    line-height:1.85;
}


/* =====================================================
   Gift version cards
   ===================================================== */

.vsan91-course-detail__gift-label{
    position:relative;
    z-index:2;

    display:inline-flex;

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

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #047857,
            #059669,
            #0891b2
        );

    color:#fff;

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

    box-shadow:
        0 7px 18px rgba(5,150,105,.18);
}

.vsan91-course-detail__version-cards{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:10px;

    margin-top:12px;
}

.vsan91-course-detail__version-cards a{
    display:block;

    padding:13px;

    border-radius:16px;

    background:
        rgba(255,255,255,.92);

    border:
        1px solid rgba(16,185,129,.21);

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.vsan91-course-detail__version-cards a:hover{
    transform:translateY(-2px);

    border-color:
        rgba(5,150,105,.38);

    box-shadow:
        0 10px 22px rgba(15,23,42,.075);
}

.vsan91-course-detail__version-cards a > span{
    display:inline-flex;

    margin-bottom:4px;
    padding:3px 7px;

    border-radius:999px;

    background:#d1fae5;

    color:#047857;

    font-size:10.7px;
    font-weight:900;
}

.vsan91-course-detail__version-cards strong{
    display:block;

    margin-bottom:4px;

    color:#065f46;

    font-size:14px;
}

.vsan91-course-detail__version-cards p{
    margin:0 0 6px;

    color:#64748b;

    font-size:12.3px;
    line-height:1.75;
}

.vsan91-course-detail__version-cards b{
    color:#059669;

    font-size:11.7px;
}


/* =====================================================
   Result
   ===================================================== */

.vsan91-course-detail__result-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:9px;

    margin-top:11px;
}

.vsan91-course-detail__result-grid > div{
    position:relative;

    padding:12px;

    border-radius:15px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.21);
}

.vsan91-course-detail__result-grid > div > span{
    display:flex;

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

    width:29px;
    height:29px;

    margin-bottom:5px;

    border-radius:9px;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #0891b2
        );

    color:#fff;

    font-size:10px;
    font-weight:950;
}

.vsan91-course-detail__result-grid strong{
    display:block;

    margin-bottom:3px;

    color:#1e3a8a;

    font-size:13px;
}

.vsan91-course-detail__result-grid p{
    margin:0;

    color:#64748b;

    font-size:12.3px;
    line-height:1.75;
}

.vsan91-course-detail__summary{
    position:relative;
    z-index:2;

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

    border-radius:13px;

    background:
        rgba(236,253,245,.96);

    border-right:3px solid #10b981;

    color:#065f46;

    font-size:13.2px;
    line-height:1.95;
}

.vsan91-course-detail__summary strong{
    color:#047857;
}


/* =====================================================
   Next Path Cards
   ===================================================== */

.vsan91-course-detail__path-cards{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:9px;

    margin-top:11px;
}

.vsan91-course-detail__path-cards a{
    display:flex;
    flex-direction:column;

    padding:12px;

    border-radius:16px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.22);

    text-decoration:none;

    transition:
        transform .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.vsan91-course-detail__path-cards a:hover{
    transform:translateY(-2px);

    background:#fff;

    box-shadow:
        0 10px 22px rgba(15,23,42,.075);
}

.vsan91-course-detail__path-type{
    width:max-content;

    margin-bottom:5px;
    padding:3px 7px;

    border-radius:999px;

    background:#e0f2fe;

    color:#0369a1;

    font-size:10.3px;
    font-weight:900;
}

.vsan91-course-detail__path-cards strong{
    display:block;

    margin-bottom:4px;

    color:#1e40af;

    font-size:13.4px;
}

.vsan91-course-detail__path-cards p{
    flex:1;

    margin:0 0 7px;

    color:#64748b;

    font-size:12px;
    line-height:1.75;
}

.vsan91-course-detail__path-cards b{
    color:#0891b2;

    font-size:11.5px;
}

.vsan91-course-detail__roadmap-btn{
    position:relative;
    z-index:2;

    display:flex;

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

    width:max-content;
    max-width:100%;

    margin:11px auto 0;
    padding:8px 15px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    color:#fff;

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

    text-decoration:none;

    box-shadow:
        0 8px 20px rgba(37,99,235,.21);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-course-detail__roadmap-btn:hover{
    color:#fff;

    transform:translateY(-1px);

    box-shadow:
        0 11px 25px rgba(37,99,235,.29);
}


/* =====================================================
   FAQ
   ===================================================== */

.vsan91-course-detail__faq-item{
    position:relative;
    z-index:2;

    margin-bottom:9px;
    padding:11px;

    border-radius:14px;

    background:
        rgba(248,250,252,.96);

    border:
        1px solid rgba(209,213,219,.66);
}

.vsan91-course-detail__faq-item:last-child{
    margin-bottom:0;
}

.vsan91-course-detail__faq-q{
    margin:0 0 4px;

    color:#0f172a;

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

    line-height:1.8;
}

.vsan91-course-detail__faq-a{
    margin:0;

    color:#64748b;

    font-size:13.1px;
    line-height:1.9;
}


/* =====================================================
   Quick Specs
   ===================================================== */

.vsan91-course-detail__quick-list{
    position:relative;
    z-index:2;

    display:grid;

    gap:8px;

    list-style:none;

    margin:4px 0 0;
    padding:0;
}

.vsan91-course-detail__quick-list li{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:10px;

    padding:9px 10px;

    border-radius:13px;

    background:rgba(255,255,255,.94);

    border:
        1px solid rgba(148,163,184,.21);

    box-shadow:
        0 5px 15px rgba(15,23,42,.035);
}

.vsan91-course-detail__quick-list span{
    color:#64748b;

    font-size:12.3px;
    font-weight:850;
}

.vsan91-course-detail__quick-list strong{
    color:#1e3a8a;

    font-size:12.5px;

    text-align:left;
}


/* =====================================================
   Pills
   ===================================================== */

.vsan91-course-detail__tool-pills,
.vsan91-course-detail__path-pills{
    position:relative;
    z-index:2;

    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin:5px 0 11px;
}

.vsan91-course-detail__tool-pills span,
.vsan91-course-detail__path-pills span{
    display:inline-flex;

    padding:6px 9px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #ecfeff
        );

    color:#1e40af;

    border:
        1px solid rgba(37,99,235,.15);

    font-size:11.7px;
    font-weight:900;
}


/* =====================================================
   Sidebar Gift
   ===================================================== */

.vsan91-course-detail__sidegift-icon{
    position:relative;
    z-index:2;

    display:flex;

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

    width:40px;
    height:40px;

    margin-bottom:7px;

    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            #047857,
            #10b981,
            #0891b2
        );

    box-shadow:
        0 8px 20px rgba(5,150,105,.20);

    font-size:19px;
}

.vsan91-course-detail__sidegift-links{
    position:relative;
    z-index:2;

    display:grid;

    gap:7px;

    margin-top:9px;
}

.vsan91-course-detail__sidegift-links a{
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:7px;

    padding:9px 10px;

    border-radius:12px;

    background:#fff;

    border:
        1px solid rgba(16,185,129,.20);

    text-decoration:none;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-course-detail__sidegift-links a:hover{
    transform:translateX(-2px);

    box-shadow:
        0 7px 17px rgba(15,23,42,.06);
}

.vsan91-course-detail__sidegift-links strong{
    color:#065f46;

    font-size:12.3px;
}

.vsan91-course-detail__sidegift-links span{
    color:#059669;

    font-size:11.2px;
    font-weight:850;
}


/* =====================================================
   Sidebar Roadmap
   ===================================================== */

.vsan91-course-detail__side-roadmap{
    position:relative;
    z-index:2;

    display:flex;

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

    width:100%;

    padding:8px 12px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb
        );

    color:#fff;

    text-decoration:none;

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

    box-shadow:
        0 8px 18px rgba(37,99,235,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-course-detail__side-roadmap:hover{
    color:#fff;

    transform:translateY(-1px);

    box-shadow:
        0 11px 23px rgba(37,99,235,.27);
}


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

@media (max-width:960px){

    .vsan91-course-detail__grid{
        grid-template-columns:1fr;
    }

    .vsan91-course-detail__col--side{
        order:2;

        display:grid;

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:14px;
    }

    .vsan91-course-detail__col--side
    .vsan91-course-detail__card{
        margin-bottom:0;
    }
}


@media (max-width:850px){

    .vsan91-course-detail__bullets--two{
        columns:1;
    }

    .vsan91-course-detail__columns,
    .vsan91-course-detail__lab-grid,
    .vsan91-course-detail__feature-grid,
    .vsan91-course-detail__result-grid{
        grid-template-columns:1fr;
    }

    .vsan91-course-detail__path-cards{
        grid-template-columns:1fr;
    }
}


@media (max-width:700px){

    .vsan91-course-detail__compare{
        grid-template-columns:1fr;
    }

    .vsan91-course-detail__compare-arrow{
        transform:rotate(-90deg);

        min-height:26px;
    }

    .vsan91-course-detail__version-cards{
        grid-template-columns:1fr;
    }

    .vsan91-course-detail__col--side{
        grid-template-columns:1fr;
    }
}


@media (max-width:640px){

    .vsan91-course-detail{
        padding:0 12px 27px;
    }

    .vsan91-course-detail__card{
        padding:16px 13px 14px;

        border-radius:17px;
    }

    .vsan91-course-detail__title{
        font-size:16.8px;
    }

    .vsan91-course-detail__text,
    .vsan91-course-detail__bullets li{
        font-size:13.45px;
    }

    .vsan91-course-detail__quick-list li{
        flex-direction:column;

        align-items:flex-start;

        gap:3px;
    }

    .vsan91-course-detail__quick-list strong{
        text-align:right;
    }

    .vsan91-course-detail__tagline{
        width:100%;

        border-radius:13px;
    }
}


@media (max-width:480px){

    .vsan91-course-detail{
        padding:0 10px 22px;
    }

    .vsan91-course-detail__card{
        padding:15px 11px 13px;
    }

    .vsan91-course-detail__title{
        font-size:16.2px;
    }

    .vsan91-course-detail__roadmap-btn{
        width:100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-158317a *//* =====================================================
   Creative Block
   چرا یادگیری VMware vSAN مهم است؟
   ===================================================== */

.vsan91-why-storage,
.vsan91-why-storage *{
    box-sizing:border-box;
}

.vsan91-why-storage{
    direction:rtl;

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

    max-width:1180px;

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

    color:#0f172a;

    overflow-x:clip;
}


/* =====================================================
   Main
   ===================================================== */

.vsan91-why-storage__inner{
    position:relative;

    overflow:hidden;

    max-width:1120px;

    margin:0 auto;
    padding:22px;

    display:grid;

    grid-template-columns:
        270px
        minmax(0,1fr);

    gap:23px;

    align-items:center;

    border-radius:28px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(124,58,237,.15),
            transparent 34%
        ),

        radial-gradient(
            circle at 94% 12%,
            rgba(6,182,212,.19),
            transparent 36%
        ),

        radial-gradient(
            circle at 72% 100%,
            rgba(16,185,129,.10),
            transparent 36%
        ),

        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 48%,
            #ecfeff 100%
        );

    border:
        1px solid rgba(37,99,235,.20);

    box-shadow:
        0 18px 46px rgba(15,23,42,.10);
}


/* top color line */

.vsan91-why-storage__inner::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            #7c3aed,
            #2563eb,
            #06b6d4,
            #10b981
        );
}


/* background text */

.vsan91-why-storage__inner::after{
    content:"Software Defined Storage";

    position:absolute;

    left:17px;
    bottom:-23px;

    color:rgba(37,99,235,.052);

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

    letter-spacing:-2px;

    white-space:nowrap;

    pointer-events:none;
}


/* =====================================================
   Visual
   ===================================================== */

.vsan91-why-storage__visual{
    position:relative;
    z-index:2;

    height:240px;

    border-radius:24px;

    background:
        radial-gradient(
            circle at center,
            rgba(255,255,255,.96),
            rgba(238,242,255,.78) 48%,
            rgba(207,250,254,.72) 100%
        );

    border:
        1px solid rgba(37,99,235,.18);

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.70),
        0 14px 34px rgba(15,23,42,.075);
}


/* decorative rings */

.vsan91-why-storage__visual::before,
.vsan91-why-storage__visual::after{
    content:"";

    position:absolute;

    inset:50%;

    transform:translate(50%,-50%);

    border-radius:999px;

    pointer-events:none;
}

.vsan91-why-storage__visual::before{
    width:180px;
    height:180px;

    border:
        1px dashed rgba(37,99,235,.16);
}

.vsan91-why-storage__visual::after{
    width:220px;
    height:220px;

    border:
        1px solid rgba(6,182,212,.10);
}


/* =====================================================
   Center
   ===================================================== */

.vsan91-why-storage__core{
    position:absolute;

    z-index:3;

    top:50%;
    right:50%;

    transform:translate(50%,-50%);

    width:108px;
    height:108px;

    display:flex;

    flex-direction:column;

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

    border-radius:29px;

    background:
        linear-gradient(
            135deg,
            #312e81 0%,
            #2563eb 48%,
            #0891b2 100%
        );

    color:#ffffff;

    box-shadow:
        0 18px 38px rgba(37,99,235,.26);
}

.vsan91-why-storage__core span{
    position:relative;
    z-index:2;

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

    letter-spacing:.2px;
}

.vsan91-why-storage__core small{
    position:relative;
    z-index:2;

    margin-top:2px;

    color:#cffafe;

    font-size:12px;
    font-weight:900;
}

.vsan91-why-storage__core i{
    position:absolute;

    inset:13px;

    border-radius:21px;

    border:
        1px dashed rgba(255,255,255,.30);
}

.vsan91-why-storage__core::before{
    content:"";

    position:absolute;

    inset:-16px;

    border-radius:35px;

    border:
        2px solid rgba(37,99,235,.13);
}


/* =====================================================
   Orbit labels
   ===================================================== */

.vsan91-why-storage__orbit{
    position:absolute;
    z-index:4;

    display:flex;

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

    min-width:65px;

    padding:7px 10px;

    border-radius:999px;

    background:#ffffff;

    color:#1e40af;

    border:
        1px solid rgba(37,99,235,.21);

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

    box-shadow:
        0 9px 21px rgba(15,23,42,.075);
}

.vsan91-why-storage__orbit--one{
    top:23px;
    right:31px;

    color:#4338ca;

    border-color:
        rgba(99,102,241,.25);
}

.vsan91-why-storage__orbit--two{
    top:66px;
    left:20px;

    color:#0369a1;

    border-color:
        rgba(14,165,233,.25);
}

.vsan91-why-storage__orbit--three{
    right:28px;
    bottom:25px;

    color:#047857;

    border-color:
        rgba(16,185,129,.25);
}

.vsan91-why-storage__orbit--four{
    left:30px;
    bottom:30px;

    color:#6d28d9;

    border-color:
        rgba(124,58,237,.22);
}


/* =====================================================
   Content
   ===================================================== */

.vsan91-why-storage__content{
    position:relative;
    z-index:2;

    min-width:0;
}

.vsan91-why-storage__badge{
    display:inline-flex;

    margin-bottom:8px;
    padding:5px 12px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #ecfeff
        );

    color:#1d4ed8;

    border:
        1px solid rgba(37,99,235,.19);

    font-size:12.2px;
    font-weight:950;
}

.vsan91-why-storage__title{
    margin:0 0 9px;

    color:#0f172a;

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

    line-height:1.8;
}

.vsan91-why-storage__text{
    margin:0 0 13px;

    color:#475569;

    font-size:14.3px;

    line-height:2.05;
}

.vsan91-why-storage__text strong{
    color:#1d4ed8;

    font-weight:950;
}


/* =====================================================
   Mini scenarios
   ===================================================== */

.vsan91-why-storage__mini{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:10px;

    margin-bottom:12px;
}

.vsan91-why-storage__mini > div{
    min-width:0;

    padding:12px 11px;

    border-radius:16px;

    background:
        rgba(255,255,255,.92);

    border:
        1px solid rgba(148,163,184,.24);

    box-shadow:
        0 7px 19px rgba(15,23,42,.045);
}

.vsan91-why-storage__mini > div:nth-child(1){
    border-top:
        3px solid #7c3aed;
}

.vsan91-why-storage__mini > div:nth-child(2){
    border-top:
        3px solid #06b6d4;
}

.vsan91-why-storage__mini > div:nth-child(3){
    border-top:
        3px solid #10b981;
}

.vsan91-why-storage__mini strong{
    display:block;

    margin-bottom:5px;

    color:#1e40af;

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

    line-height:1.8;
}

.vsan91-why-storage__mini span{
    display:block;

    color:#64748b;

    font-size:12.35px;

    line-height:1.85;
}


/* =====================================================
   Result
   ===================================================== */

.vsan91-why-storage__result{
    display:flex;

    align-items:flex-start;

    gap:7px;

    padding:11px 12px;

    border-radius:16px;

    background:
        linear-gradient(
            90deg,
            #1e1b4b,
            #1e3a8a,
            #0e7490
        );

    color:#e0f2fe;

    font-size:13.2px;

    line-height:1.9;

    box-shadow:
        0 11px 25px rgba(15,23,42,.15);
}

.vsan91-why-storage__result-label{
    flex:0 0 auto;

    display:inline-flex;

    padding:2px 7px;

    border-radius:999px;

    background:
        rgba(255,255,255,.13);

    color:#a7f3d0;

    font-weight:950;
}

.vsan91-why-storage__result strong{
    color:#a7f3d0;

    font-weight:950;
}


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

@media (max-width:960px){

    .vsan91-why-storage__inner{
        grid-template-columns:1fr;
    }

    .vsan91-why-storage__visual{
        width:100%;
        max-width:380px;

        margin:0 auto;
    }

}


@media (max-width:760px){

    .vsan91-why-storage__mini{
        grid-template-columns:1fr;
    }

    .vsan91-why-storage__inner{
        padding:18px 14px;

        border-radius:22px;
    }

    .vsan91-why-storage__title{
        font-size:18.7px;

        line-height:1.9;
    }

    .vsan91-why-storage__text{
        font-size:13.6px;
    }

    .vsan91-why-storage__inner::after{
        font-size:36px;

        bottom:-13px;
    }

}


@media (max-width:520px){

    .vsan91-why-storage{
        padding:0 12px;
    }

    .vsan91-why-storage__visual{
        height:215px;

        border-radius:19px;
    }

    .vsan91-why-storage__visual::before{
        width:155px;
        height:155px;
    }

    .vsan91-why-storage__visual::after{
        width:195px;
        height:195px;
    }

    .vsan91-why-storage__core{
        width:94px;
        height:94px;

        border-radius:24px;
    }

    .vsan91-why-storage__core span{
        font-size:18px;
    }

    .vsan91-why-storage__orbit{
        min-width:58px;

        padding:6px 8px;

        font-size:10.7px;
    }

    .vsan91-why-storage__orbit--one{
        top:19px;
        right:18px;
    }

    .vsan91-why-storage__orbit--two{
        top:62px;
        left:14px;
    }

    .vsan91-why-storage__orbit--three{
        right:18px;
        bottom:20px;
    }

    .vsan91-why-storage__orbit--four{
        left:19px;
        bottom:23px;
    }

    .vsan91-why-storage__result{
        flex-direction:column;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-abd5700 *//* =====================================================
   VMware vSAN 9.1
   Course Syllabus + Video Previews
   ===================================================== */

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

.vsan91-syllabus{
    direction:rtl;

    max-width:1220px;

    margin:34px auto 44px;
    padding:0 16px;

    color:#0f172a;

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

    scroll-margin-top:90px;

    overflow-x:clip;
}

.vsan91-syllabus__wrap{
    max-width:1120px;
    margin:0 auto;
}


/* =====================================================
   Header
   ===================================================== */

.vsan91-syllabus__header{
    position:relative;

    overflow:hidden;

    padding:22px 20px;

    margin-bottom:17px;

    border-radius:25px;

    background:
        radial-gradient(
            circle at 96% 0%,
            rgba(6,182,212,.20),
            transparent 40%
        ),

        radial-gradient(
            circle at 0% 100%,
            rgba(124,58,237,.13),
            transparent 42%
        ),

        radial-gradient(
            circle at 65% 100%,
            rgba(16,185,129,.08),
            transparent 42%
        ),

        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 42%,
            #eef5ff 72%,
            #ecfeff 100%
        );

    border:
        1px solid rgba(37,99,235,.20);

    box-shadow:
        0 18px 44px rgba(15,23,42,.10);
}

.vsan91-syllabus__header::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            #7c3aed,
            #2563eb,
            #06b6d4,
            #10b981
        );
}

.vsan91-syllabus__header::after{
    content:"vSAN 9.1";

    position:absolute;

    left:18px;
    bottom:-31px;

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

    color:rgba(37,99,235,.055);

    letter-spacing:-3px;

    pointer-events:none;

    white-space:nowrap;
}

.vsan91-syllabus__badge{
    position:relative;
    z-index:2;

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 13px;

    margin-bottom:7px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #eef2ff,
            #ecfeff
        );

    color:#1d4ed8;

    border:
        1px solid rgba(37,99,235,.20);

    font-size:12.5px;
    font-weight:950;
}

.vsan91-syllabus__title{
    position:relative;
    z-index:2;

    margin:0 0 5px;

    color:#0f172a;

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

    line-height:1.8;
}

.vsan91-syllabus__subtitle{
    position:relative;
    z-index:2;

    max-width:820px;

    margin:0;

    color:#64748b;

    font-size:13.4px;

    line-height:1.9;
}

.vsan91-syllabus__subtitle strong{
    color:#1d4ed8;
}


/* =====================================================
   Statistics
   ===================================================== */

.vsan91-syllabus__stats{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap:10px;

    margin-top:15px;
}

.vsan91-syllabus__stats > div{
    padding:11px 9px;

    border-radius:16px;

    background:
        rgba(255,255,255,.88);

    border:
        1px solid rgba(37,99,235,.16);

    text-align:center;

    box-shadow:
        0 7px 20px rgba(15,23,42,.04);
}

.vsan91-syllabus__stats > div:nth-child(2){
    background:
        linear-gradient(
            135deg,
            #ecfdf5,
            #ffffff
        );

    border-color:
        rgba(16,185,129,.20);
}

.vsan91-syllabus__stats > div:nth-child(3){
    background:
        linear-gradient(
            135deg,
            #f8fafc,
            #ffffff
        );
}

.vsan91-syllabus__stats > div:nth-child(4){
    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #ffffff
        );

    border-color:
        rgba(99,102,241,.20);
}

.vsan91-syllabus__stats strong{
    display:block;

    color:#1e40af;

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

    line-height:1.35;
}

.vsan91-syllabus__stats > div:nth-child(2) strong{
    color:#047857;
}

.vsan91-syllabus__stats > div:nth-child(4) strong{
    color:#4338ca;
}

.vsan91-syllabus__stats span{
    display:block;

    margin-top:2px;

    color:#64748b;

    font-size:11.7px;
    font-weight:850;

    line-height:1.7;
}


/* =====================================================
   List
   ===================================================== */

.vsan91-syllabus__list{
    display:grid;

    gap:13px;
}


/* =====================================================
   Item
   ===================================================== */

.vsan91-syllabus__item{
    position:relative;

    overflow:hidden;

    padding:16px;

    border-radius:20px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(59,130,246,.055),
            transparent 45%
        ),

        #ffffff;

    border:
        1px solid rgba(148,163,184,.38);

    box-shadow:
        0 11px 27px rgba(15,23,42,.065);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.vsan91-syllabus__item:hover{
    transform:translateY(-1px);

    border-color:
        rgba(37,99,235,.24);

    box-shadow:
        0 14px 32px rgba(15,23,42,.085);
}

.vsan91-syllabus__item::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    width:100%;
    height:4px;

    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb,
            #0891b2
        );
}


/* =====================================================
   Free Lessons
   ===================================================== */

.vsan91-syllabus__item--free{
    border-color:
        rgba(16,185,129,.27);

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(16,185,129,.11),
            transparent 38%
        ),

        radial-gradient(
            circle at 0% 100%,
            rgba(6,182,212,.08),
            transparent 40%
        ),

        #ffffff;
}

.vsan91-syllabus__item--free::before{
    background:
        linear-gradient(
            90deg,
            #4338ca,
            #2563eb,
            #06b6d4,
            #10b981
        );
}


/* =====================================================
   Top Row
   ===================================================== */

.vsan91-syllabus__top{
    position:relative;
    z-index:2;

    display:flex;

    justify-content:space-between;
    align-items:flex-start;

    gap:13px;
}

.vsan91-syllabus__heading{
    min-width:0;
}

.vsan91-syllabus__num{
    display:inline-flex;

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

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #eff6ff
        );

    color:#3730a3;

    border:
        1px solid rgba(99,102,241,.17);

    font-size:11.3px;
    font-weight:950;
}

.vsan91-syllabus__item--free
.vsan91-syllabus__num{
    background:#ecfdf5;

    border-color:
        rgba(16,185,129,.20);

    color:#047857;
}

.vsan91-syllabus__item h3{
    margin:0;

    color:#0f172a;

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

    line-height:1.85;
}


/* =====================================================
   Access Labels
   ===================================================== */

.vsan91-syllabus__access{
    flex:0 0 auto;

    display:inline-flex;

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

    padding:5px 10px;

    border-radius:999px;

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

    white-space:nowrap;
}

.vsan91-syllabus__access--free{
    color:#047857;

    background:
        rgba(209,250,229,.90);

    border:
        1px solid rgba(16,185,129,.25);
}

.vsan91-syllabus__access--locked{
    color:#64748b;

    background:#f8fafc;

    border:
        1px solid rgba(203,213,225,.80);
}


/* =====================================================
   Description
   ===================================================== */

.vsan91-syllabus__desc{
    position:relative;
    z-index:2;

    margin:10px 0 0;

    max-width:990px;

    color:#475569;

    font-size:13.5px;

    line-height:2;
}

.vsan91-syllabus__desc strong{
    color:#1d4ed8;

    font-weight:950;
}


/* =====================================================
   Topic Pills
   ===================================================== */

.vsan91-syllabus__topics{
    position:relative;
    z-index:2;

    display:flex;
    flex-wrap:wrap;

    gap:6px;

    margin-top:10px;
}

.vsan91-syllabus__topics span{
    display:inline-flex;

    align-items:center;

    padding:4px 8px;

    border-radius:999px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.20);

    color:#475569;

    font-size:10.8px;
    font-weight:850;
}

.vsan91-syllabus__item--free
.vsan91-syllabus__topics span{
    background:
        linear-gradient(
            135deg,
            #f0fdf4,
            #ecfeff
        );

    border-color:
        rgba(16,185,129,.16);

    color:#0f766e;
}


/* =====================================================
   Locked
   ===================================================== */

.vsan91-syllabus__locked{
    position:relative;
    z-index:2;

    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-top:11px;

    padding:7px 10px;

    border-radius:11px;

    background:#f8fafc;

    color:#64748b;

    font-size:11.9px;
    font-weight:850;

    border:
        1px solid rgba(226,232,240,.95);
}


/* =====================================================
   Preview
   ===================================================== */

.vsan91-syllabus__preview{
    position:relative;
    z-index:2;

    margin-top:11px;
}

.vsan91-syllabus__preview > summary{
    list-style:none;
}

.vsan91-syllabus__preview > summary::-webkit-details-marker{
    display:none;
}

.vsan91-syllabus__preview summary{
    display:inline-flex;

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

    width:fit-content;
    min-height:40px;

    padding:8px 16px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #047857,
            #059669,
            #0891b2
        );

    color:#ffffff;

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

    cursor:pointer;

    box-shadow:
        0 9px 22px rgba(5,150,105,.20);

    text-align:center;

    white-space:normal;
    overflow-wrap:anywhere;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-syllabus__preview summary:hover{
    transform:translateY(-1px);

    box-shadow:
        0 12px 27px rgba(5,150,105,.28);
}

.vsan91-syllabus__close{
    display:none;
}

.vsan91-syllabus__preview[open]
.vsan91-syllabus__open{
    display:none;
}

.vsan91-syllabus__preview[open]
.vsan91-syllabus__close{
    display:inline;
}

.vsan91-syllabus__preview[open] summary{
    background:
        linear-gradient(
            90deg,
            #0f172a,
            #1e3a8a,
            #0e7490
        );

    box-shadow:
        0 9px 22px rgba(15,23,42,.18);
}


/* =====================================================
   Video
   ===================================================== */

.vsan91-syllabus__video{
    display:none;

    width:100%;

    margin-top:12px;

    overflow:hidden;

    border-radius:17px;

    background:#020617;

    border:
        1px solid rgba(15,23,42,.20);

    box-shadow:
        0 15px 36px rgba(15,23,42,.17);
}

.vsan91-syllabus__preview[open]
.vsan91-syllabus__video{
    display:block;
}

.vsan91-syllabus__video iframe{
    display:block;

    width:100%;

    min-height:230px;

    aspect-ratio:16 / 9;

    border:0;

    background:#020617;
}


/* =====================================================
   Smooth Scroll
   ===================================================== */

html{
    scroll-behavior:smooth;
}


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

@media (max-width:768px){

    .vsan91-syllabus__stats{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .vsan91-syllabus__top{
        flex-direction:column;

        gap:8px;
    }

    .vsan91-syllabus__preview summary{
        width:100%;
    }

}


@media (max-width:560px){

    .vsan91-syllabus__header{
        padding:17px 14px;

        border-radius:20px;
    }

    .vsan91-syllabus__header::after{
        font-size:44px;

        bottom:-18px;
    }

    .vsan91-syllabus__title{
        font-size:19px;
    }

    .vsan91-syllabus__subtitle{
        font-size:12.7px;
    }

    .vsan91-syllabus__item{
        padding:14px;

        border-radius:17px;
    }

    .vsan91-syllabus__item h3{
        font-size:14.5px;
    }

    .vsan91-syllabus__desc{
        font-size:12.9px;

        line-height:1.95;
    }

}


@media (max-width:480px){

    .vsan91-syllabus{
        margin:27px auto 35px;

        padding:0 11px;
    }

    .vsan91-syllabus__stats{
        grid-template-columns:1fr 1fr;

        gap:7px;
    }

    .vsan91-syllabus__stats > div{
        padding:9px 6px;
    }

    .vsan91-syllabus__stats strong{
        font-size:17px;
    }

    .vsan91-syllabus__topics{
        gap:5px;
    }

    .vsan91-syllabus__topics span{
        font-size:10.2px;

        padding:4px 7px;
    }

    .vsan91-syllabus__video iframe{
        min-height:190px;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a211c6f *//* =====================================================
   بعد از VMware vSAN 9.1 چه بخوانم؟
   VMware / Datacenter Learning Path
   ===================================================== */

.vsan91-next-courses,
.vsan91-next-courses *{
    box-sizing:border-box;
}

.vsan91-next-courses{
    direction:rtl;

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

    max-width:1220px;

    margin:30px auto 48px;
    padding:0 16px;

    color:#0f172a;

    overflow-x:clip;
}

.vsan91-next-courses__wrap{
    max-width:1120px;
    margin:0 auto;
}


/* =====================================================
   Header
   ===================================================== */

.vsan91-next-courses__header{
    position:relative;

    overflow:hidden;

    padding:22px 20px 19px;

    margin-bottom:17px;

    border-radius:28px;

    background:
        radial-gradient(
            circle at 96% 0%,
            rgba(6,182,212,.18),
            transparent 40%
        ),

        radial-gradient(
            circle at 0% 100%,
            rgba(124,58,237,.13),
            transparent 42%
        ),

        radial-gradient(
            circle at 68% 100%,
            rgba(16,185,129,.08),
            transparent 43%
        ),

        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 43%,
            #eef5ff 73%,
            #ecfeff 100%
        );

    border:
        1px solid rgba(37,99,235,.18);

    box-shadow:
        0 16px 42px rgba(15,23,42,.10);
}

.vsan91-next-courses__header::before{
    content:"";

    position:absolute;

    top:0;
    right:0;
    left:0;

    height:4px;

    background:
        linear-gradient(
            90deg,
            #7c3aed,
            #2563eb,
            #06b6d4,
            #10b981
        );
}

.vsan91-next-courses__header::after{
    content:"VMware Path";

    position:absolute;

    left:17px;
    bottom:-28px;

    color:rgba(37,99,235,.055);

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

    letter-spacing:-3px;

    white-space:nowrap;

    pointer-events:none;
}

.vsan91-next-courses__eyebrow{
    position:relative;
    z-index:2;

    display:inline-flex;

    align-items:center;

    gap:7px;

    margin-bottom:8px;
    padding:5px 12px;

    border-radius:999px;

    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #ecfeff
        );

    color:#1d4ed8;

    border:
        1px solid rgba(37,99,235,.19);

    font-size:12.3px;
    font-weight:950;
}

.vsan91-next-courses__title{
    position:relative;
    z-index:2;

    margin:0 0 8px;

    color:#0f172a;

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

    line-height:1.8;
}

.vsan91-next-courses__subtitle{
    position:relative;
    z-index:2;

    margin:0;

    color:#475569;

    font-size:14.25px;
    line-height:2.05;
}

.vsan91-next-courses strong{
    color:#1e3a8a;
    font-weight:950;
}


/* =====================================================
   Quick Route
   ===================================================== */

.vsan91-next-courses__quick-route{
    position:relative;
    z-index:2;

    display:flex;
    flex-wrap:wrap;

    gap:7px;

    margin-top:14px;
}

.vsan91-next-courses__quick-route span{
    display:inline-flex;

    align-items:center;

    padding:6px 10px;

    border-radius:999px;

    background:rgba(255,255,255,.85);

    border:
        1px solid rgba(37,99,235,.16);

    color:#334155;

    font-size:11.7px;
    font-weight:900;

    line-height:1.7;

    box-shadow:
        0 5px 15px rgba(15,23,42,.035);
}


/* =====================================================
   Layout
   ===================================================== */

.vsan91-next-courses__layout{
    display:grid;

    gap:16px;
}


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

.vsan91-next-courses__hero-path{
    position:relative;

    overflow:hidden;

    display:grid;

    grid-template-columns:
        72px
        minmax(0,1fr);

    gap:15px;

    align-items:center;

    padding:18px;

    border-radius:24px;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(34,211,238,.19),
            transparent 42%
        ),

        radial-gradient(
            circle at 0% 100%,
            rgba(124,58,237,.22),
            transparent 45%
        ),

        linear-gradient(
            135deg,
            #111827 0%,
            #1e3a8a 46%,
            #0e7490 100%
        );

    color:#fff;

    border:
        1px solid rgba(59,130,246,.20);

    box-shadow:
        0 18px 44px rgba(15,23,42,.18);
}

.vsan91-next-courses__hero-path::after{
    content:"NEXT STEP";

    position:absolute;

    left:16px;
    bottom:-18px;

    color:rgba(255,255,255,.055);

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

    letter-spacing:-2px;

    white-space:nowrap;

    pointer-events:none;
}

.vsan91-next-courses__hero-icon{
    position:relative;
    z-index:2;

    width:64px;
    height:64px;

    display:flex;

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

    border-radius:21px;

    background:
        rgba(255,255,255,.11);

    border:
        1px solid rgba(255,255,255,.15);

    box-shadow:
        0 12px 26px rgba(0,0,0,.15);

    font-size:30px;
}

.vsan91-next-courses__hero-content{
    position:relative;
    z-index:2;

    min-width:0;
}

.vsan91-next-courses__label{
    display:inline-flex;

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

    border-radius:999px;

    background:#cffafe;

    color:#155e75;

    font-size:11.5px;
    font-weight:950;
}

.vsan91-next-courses__hero-content h3{
    margin:0 0 5px;

    color:#ffffff;

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

    line-height:1.85;
}

.vsan91-next-courses__hero-content p{
    margin:0;

    color:#e0f2fe;

    font-size:13.7px;

    line-height:2;
}

.vsan91-next-courses__hero-content strong{
    color:#a7f3d0;
}


/* =====================================================
   Course Grid
   ===================================================== */

.vsan91-next-courses__grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:14px;
}

.vsan91-next-courses__card{
    position:relative;

    overflow:hidden;

    display:flex;
    flex-direction:column;

    min-width:0;

    padding:16px 15px 15px;

    border-radius:21px;

    background:
        radial-gradient(
            circle at 0% 0%,
            rgba(59,130,246,.055),
            transparent 42%
        ),

        #ffffff;

    border:
        1px solid rgba(148,163,184,.34);

    box-shadow:
        0 11px 29px rgba(15,23,42,.065);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.vsan91-next-courses__card:hover{
    transform:translateY(-2px);

    border-color:
        rgba(37,99,235,.22);

    box-shadow:
        0 15px 34px rgba(15,23,42,.09);
}

.vsan91-next-courses__card::before{
    content:"";

    position:absolute;

    inset-inline-start:-65px;
    inset-block-start:-65px;

    width:155px;
    height:155px;

    border-radius:999px;

    background:
        radial-gradient(
            circle,
            rgba(219,234,254,.75),
            transparent 66%
        );

    pointer-events:none;
}


/* Card accents */

.vsan91-next-courses__card--monitor{
    border-right:5px solid #06b6d4;
}

.vsan91-next-courses__card--backup{
    border-right:5px solid #10b981;
}

.vsan91-next-courses__card--security{
    border-right:5px solid #7c3aed;
}

.vsan91-next-courses__card--nsx{
    border-right:5px solid #0284c7;
}

.vsan91-next-courses__card--vsphere{
    border-right:5px solid #2563eb;
}

.vsan91-next-courses__card--package{
    border-right:5px solid #6366f1;
}


/* =====================================================
   Card Header
   ===================================================== */

.vsan91-next-courses__card-head{
    position:relative;
    z-index:2;

    display:flex;

    align-items:flex-start;

    gap:11px;

    margin-bottom:9px;
}

.vsan91-next-courses__icon{
    flex:0 0 45px;

    width:45px;
    height:45px;

    display:flex;

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

    border-radius:15px;

    color:#fff;

    background:
        linear-gradient(
            135deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    font-size:21px;

    box-shadow:
        0 10px 22px rgba(37,99,235,.17);
}

.vsan91-next-courses__badge{
    display:inline-flex;

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

    border-radius:999px;

    color:#075985;

    background:#ecfeff;

    border:
        1px solid rgba(14,165,233,.18);

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

    line-height:1.7;
}

.vsan91-next-courses__card h3{
    margin:0;

    color:#0f172a;

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

    line-height:1.8;
}


/* =====================================================
   Card Content
   ===================================================== */

.vsan91-next-courses__card > p{
    position:relative;
    z-index:2;

    margin:0 0 9px;

    color:#475569;

    font-size:13.3px;

    line-height:1.95;
}

.vsan91-next-courses__card ul{
    position:relative;
    z-index:2;

    flex:1;

    list-style:none;

    margin:0 0 12px;
    padding:0;
}

.vsan91-next-courses__card li{
    position:relative;

    margin-bottom:4px;
    padding-right:19px;

    color:#64748b;

    font-size:12.6px;

    line-height:1.85;
}

.vsan91-next-courses__card li::before{
    content:"✓";

    position:absolute;

    right:0;
    top:0;

    color:#0891b2;

    font-weight:950;
}


/* =====================================================
   Version Note
   ===================================================== */

.vsan91-next-courses__version-note{
    position:relative;
    z-index:2;

    margin:-2px 0 11px;
    padding:8px 9px;

    border-radius:11px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.20);

    color:#64748b;

    font-size:11.3px;

    line-height:1.75;
}


/* =====================================================
   Card Buttons
   ===================================================== */

.vsan91-next-courses__card > a{
    position:relative;
    z-index:2;

    display:flex;

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

    width:100%;

    margin-top:auto;
    padding:9px 13px;

    border-radius:999px;

    text-align:center;

    color:#fff;

    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    border:
        1px solid rgba(37,99,235,.22);

    box-shadow:
        0 9px 22px rgba(37,99,235,.18);

    text-decoration:none;

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

    line-height:1.75;

    white-space:normal;
    overflow-wrap:anywhere;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease;
}

.vsan91-next-courses__card > a:hover{
    color:#fff;

    transform:translateY(-1px);

    filter:brightness(1.04);

    box-shadow:
        0 13px 28px rgba(37,99,235,.26);
}


/* Different button accents */

.vsan91-next-courses__card--backup > a{
    background:
        linear-gradient(
            90deg,
            #047857,
            #059669,
            #0891b2
        );
}

.vsan91-next-courses__card--security > a{
    background:
        linear-gradient(
            90deg,
            #581c87,
            #7c3aed,
            #2563eb
        );
}


/* =====================================================
   Decision Guide
   ===================================================== */

.vsan91-next-courses__decision{
    position:relative;

    overflow:hidden;

    padding:17px 16px 15px;

    border-radius:23px;

    background:
        radial-gradient(
            circle at top right,
            rgba(34,211,238,.13),
            transparent 43%
        ),

        radial-gradient(
            circle at bottom left,
            rgba(124,58,237,.09),
            transparent 43%
        ),

        #ffffff;

    border:
        1px solid rgba(148,163,184,.32);

    border-right:
        5px solid #0891b2;

    box-shadow:
        0 13px 32px rgba(15,23,42,.07);
}

.vsan91-next-courses__decision-head{
    position:relative;
    z-index:2;

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;
}

.vsan91-next-courses__decision-head > span{
    width:45px;
    height:45px;
    min-width:45px;

    display:flex;

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

    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            #3730a3,
            #2563eb,
            #0891b2
        );

    color:#fff;

    font-size:21px;

    box-shadow:
        0 9px 20px rgba(37,99,235,.18);
}

.vsan91-next-courses__decision-head small{
    display:block;

    margin-bottom:2px;

    color:#0284c7;

    font-size:10.8px;
    font-weight:950;
}

.vsan91-next-courses__decision-head h3{
    margin:0;

    color:#0f172a;

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

    line-height:1.8;
}

.vsan91-next-courses__choice-list{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:9px;
}

.vsan91-next-courses__choice-list div{
    padding:10px;

    border-radius:14px;

    background:#f8fafc;

    border:
        1px solid rgba(148,163,184,.21);

    transition:
        transform .18s ease,
        background .18s ease;
}

.vsan91-next-courses__choice-list div:hover{
    transform:translateY(-1px);

    background:#fff;
}

.vsan91-next-courses__choice-list small{
    display:block;

    min-height:43px;

    margin-bottom:5px;

    color:#64748b;

    font-size:11.4px;
    font-weight:800;

    line-height:1.75;
}

.vsan91-next-courses__choice-list strong{
    display:block;

    color:#075985;

    font-size:12.5px;

    line-height:1.75;
}


/* =====================================================
   Final Map
   ===================================================== */

.vsan91-next-courses__map{
    position:relative;

    overflow:hidden;

    padding:17px 16px 15px;

    border-radius:23px;

    background:
        radial-gradient(
            circle at top right,
            rgba(16,185,129,.12),
            transparent 42%
        ),

        radial-gradient(
            circle at bottom left,
            rgba(37,99,235,.10),
            transparent 43%
        ),

        linear-gradient(
            135deg,
            #f8fafc,
            #ffffff 48%,
            #ecfeff
        );

    border:
        1px solid rgba(37,99,235,.17);

    box-shadow:
        0 13px 32px rgba(15,23,42,.07);
}

.vsan91-next-courses__map-head{
    position:relative;
    z-index:2;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:12px;
}

.vsan91-next-courses__map-kicker{
    display:block;

    margin-bottom:2px;

    color:#059669;

    font-size:10.6px;
    font-weight:950;
}

.vsan91-next-courses__map-title{
    color:#0f172a;

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

    line-height:1.8;
}

.vsan91-next-courses__map-head > a{
    flex:0 0 auto;

    display:inline-flex;

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

    padding:7px 12px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #3730a3,
            #2563eb
        );

    color:#fff;

    text-decoration:none;

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

    box-shadow:
        0 7px 17px rgba(37,99,235,.17);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.vsan91-next-courses__map-head > a:hover{
    color:#fff;

    transform:translateY(-1px);

    box-shadow:
        0 10px 22px rgba(37,99,235,.24);
}


/* =====================================================
   Map Steps
   ===================================================== */

.vsan91-next-courses__steps{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:8px;

    margin-bottom:12px;
}

.vsan91-next-courses__steps span{
    display:flex;

    align-items:center;

    gap:8px;

    min-height:49px;

    padding:8px 9px;

    border-radius:14px;

    background:#ffffff;

    border:
        1px solid rgba(148,163,184,.22);

    color:#334155;

    font-size:12.2px;
    font-weight:900;

    line-height:1.7;

    box-shadow:
        0 6px 17px rgba(15,23,42,.035);
}

.vsan91-next-courses__steps b{
    width:27px;
    height:27px;
    min-width:27px;

    display:flex;

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

    border-radius:8px;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #0891b2
        );

    color:#fff;

    font-size:9px;
    font-weight:950;
}

.vsan91-next-courses__map > p{
    position:relative;
    z-index:2;

    margin:0;

    padding:10px 11px;

    border-radius:14px;

    background:
        linear-gradient(
            90deg,
            #ecfdf5,
            #f0fdfa
        );

    border-right:
        4px solid #10b981;

    color:#475569;

    font-size:12.9px;

    line-height:1.95;
}

.vsan91-next-courses__map > p strong{
    color:#047857;
}


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

@media (max-width:1040px){

    .vsan91-next-courses__choice-list{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .vsan91-next-courses__steps{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


@media (max-width:820px){

    .vsan91-next-courses__grid{
        grid-template-columns:1fr;
    }

    .vsan91-next-courses__hero-path{
        grid-template-columns:1fr;
    }

    .vsan91-next-courses__hero-icon{
        width:56px;
        height:56px;
    }

}


@media (max-width:640px){

    .vsan91-next-courses{
        padding:0 12px;
    }

    .vsan91-next-courses__header,
    .vsan91-next-courses__hero-path,
    .vsan91-next-courses__card,
    .vsan91-next-courses__decision,
    .vsan91-next-courses__map{
        border-radius:18px;

        padding:14px 12px 12px;
    }

    .vsan91-next-courses__header::after{
        font-size:43px;

        bottom:-14px;
    }

    .vsan91-next-courses__title{
        font-size:18.7px;

        line-height:1.9;
    }

    .vsan91-next-courses__subtitle,
    .vsan91-next-courses__hero-content p,
    .vsan91-next-courses__card > p{
        font-size:13px;
    }

    .vsan91-next-courses__card-head{
        align-items:flex-start;
    }

    .vsan91-next-courses__choice-list,
    .vsan91-next-courses__steps{
        grid-template-columns:1fr;
    }

    .vsan91-next-courses__choice-list small{
        min-height:auto;
    }

    .vsan91-next-courses__quick-route span{
        width:100%;

        justify-content:flex-start;
    }

    .vsan91-next-courses__map-head{
        flex-direction:column;

        align-items:flex-start;
    }

    .vsan91-next-courses__map-head > a{
        width:100%;
    }

}


@media (max-width:480px){

    .vsan91-next-courses__hero-content h3,
    .vsan91-next-courses__decision-head h3,
    .vsan91-next-courses__map-title{
        font-size:15.3px;
    }

    .vsan91-next-courses__card h3{
        font-size:14.5px;
    }

    .vsan91-next-courses__card > a{
        padding:9px 11px;

        font-size:12.4px;
    }

    .vsan91-next-courses__icon{
        width:42px;
        height:42px;
        min-width:42px;

        flex-basis:42px;

        font-size:19px;
    }

}/* End custom CSS */