{"id":30022,"date":"2026-09-11T10:57:50","date_gmt":"2026-09-11T10:57:50","guid":{"rendered":"https:\/\/it-learning.cloud\/?page_id=30022"},"modified":"2026-09-11T14:23:29","modified_gmt":"2026-09-11T14:23:29","slug":"home","status":"publish","type":"page","link":"https:\/\/it-learning.cloud\/","title":{"rendered":"\u041d\u0430\u0447\u0430\u043b\u043e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"30022\" class=\"elementor elementor-30022\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62d9f85 e-con-full e-flex e-con e-parent\" data-id=\"62d9f85\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf4e400 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cf4e400\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 01 \/ HERO\n   ========================================================= *\/\n\n.ilc-hero{\n    position:relative;\n    min-height:640px;\n    overflow:hidden;\n    display:flex;\n    align-items:center;\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.97) 0%,\n            rgba(255,255,255,0.94) 28%,\n            rgba(255,255,255,0.72) 48%,\n            rgba(255,255,255,0.10) 72%,\n            rgba(255,255,255,0.02) 100%\n        ),\n        url('https:\/\/it-learning.cloud\/wp-content\/uploads\/2026\/09\/it-learning-cloud-h-i.png') center center \/ cover no-repeat;\n    border-bottom:1px solid #DCE3EA;\n}\n\n\/* subtle metallic layer *\/\n.ilc-hero::after{\n    content:\"\";\n    position:absolute;\n    inset:0;\n    pointer-events:none;\n    background:\n        linear-gradient(\n            180deg,\n            rgba(238,241,244,0.04) 0%,\n            rgba(238,241,244,0.00) 70%\n        );\n}\n\n.ilc-hero-inner{\n    position:relative;\n    z-index:2;\n    width:100%;\n    max-width:1480px;\n    margin:0 auto;\n    padding:70px 55px;\n    display:grid;\n    grid-template-columns:minmax(0, 1.05fr) minmax(260px, .45fr);\n    gap:40px;\n    align-items:center;\n}\n\n\/* LEFT CONTENT *\/\n.ilc-hero-content{\n    max-width:760px;\n}\n\n.ilc-eyebrow{\n    margin:0 0 18px;\n    font-size:13px;\n    line-height:1.4;\n    font-weight:800;\n    letter-spacing:3px;\n    text-transform:uppercase;\n    color:#0A73E8;\n}\n\n.ilc-title{\n    margin:0;\n    max-width:760px;\n    font-size:72px;\n    line-height:.98;\n    font-weight:800;\n    letter-spacing:-2.8px;\n    color:#0B1F3A;\n}\n\n.ilc-title span{\n    color:#0A73E8;\n}\n\n.ilc-subtitle{\n    margin:22px 0 0;\n    font-size:24px;\n    line-height:1.25;\n    font-weight:700;\n    color:#0B1F3A;\n}\n\n.ilc-desc{\n    margin:12px 0 0;\n    max-width:660px;\n    font-size:18px;\n    line-height:1.65;\n    color:#31445D;\n}\n\n.ilc-actions{\n    display:flex;\n    gap:16px;\n    flex-wrap:wrap;\n    margin-top:30px;\n}\n\n.ilc-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap:11px;\n    min-height:54px;\n    padding:0 26px;\n    border-radius:8px;\n    text-decoration:none !important;\n    font-size:15px;\n    font-weight:800;\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease,\n        background .25s ease,\n        border-color .25s ease;\n}\n\n.ilc-btn-primary{\n    background:#0A73E8;\n    color:#FFFFFF !important;\n    border:1px solid #0A73E8;\n    box-shadow:0 10px 30px rgba(10,115,232,.18);\n}\n\n.ilc-btn-primary:hover{\n    transform:translateY(-3px);\n    background:#075FBE;\n    border-color:#075FBE;\n    box-shadow:0 14px 34px rgba(10,115,232,.25);\n}\n\n.ilc-btn-secondary{\n    background:rgba(255,255,255,.74);\n    color:#0B1F3A !important;\n    border:1px solid #AFC2D4;\n    backdrop-filter:blur(8px);\n}\n\n.ilc-btn-secondary:hover{\n    transform:translateY(-3px);\n    border-color:#0A73E8;\n    color:#0A73E8 !important;\n    background:#FFFFFF;\n}\n\n.ilc-arrow{\n    font-size:20px;\n    line-height:1;\n    transform:translateY(-1px);\n}\n\n\/* SMALL FEATURES *\/\n.ilc-feature-row{\n    display:flex;\n    gap:30px;\n    flex-wrap:wrap;\n    margin-top:34px;\n    padding-top:24px;\n    border-top:1px solid rgba(11,31,58,.12);\n}\n\n.ilc-feature{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    color:#0B1F3A;\n    font-size:13px;\n    font-weight:700;\n}\n\n.ilc-feature-icon{\n    width:38px;\n    height:38px;\n    display:grid;\n    place-items:center;\n    border-radius:10px;\n    background:#EEF1F4;\n    border:1px solid #DCE3EA;\n    color:#0A73E8;\n    font-size:18px;\n}\n\n\/* RIGHT SIDE TEXT *\/\n.ilc-side{\n    justify-self:end;\n    align-self:stretch;\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    align-items:flex-end;\n    padding-right:10px;\n}\n\n.ilc-side-box{\n    width:250px;\n    padding:26px 26px 24px;\n    background:rgba(238,241,244,.76);\n    border:1px solid rgba(220,227,234,.95);\n    backdrop-filter:blur(10px);\n    border-radius:14px;\n    box-shadow:0 18px 40px rgba(11,31,58,.08);\n}\n\n.ilc-side-words{\n    margin:0;\n    font-size:18px;\n    line-height:1.35;\n    font-weight:700;\n    letter-spacing:1.3px;\n    color:#0B1F3A;\n    text-transform:uppercase;\n}\n\n.ilc-side-line{\n    width:34px;\n    height:3px;\n    margin:16px 0 18px;\n    background:#0A73E8;\n    border-radius:99px;\n}\n\n.ilc-side-small{\n    margin:0;\n    font-size:12px;\n    line-height:1.6;\n    font-weight:800;\n    letter-spacing:1.4px;\n    color:#31445D;\n    text-transform:uppercase;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1200px){\n    .ilc-hero{\n        min-height:600px;\n    }\n\n    .ilc-hero-inner{\n        padding:60px 38px;\n        grid-template-columns:1fr 260px;\n    }\n\n    .ilc-title{\n        font-size:60px;\n    }\n}\n\n@media (max-width:900px){\n    .ilc-hero{\n        min-height:auto;\n        background:\n            linear-gradient(\n                180deg,\n                rgba(255,255,255,.96) 0%,\n                rgba(255,255,255,.88) 58%,\n                rgba(255,255,255,.30) 100%\n            ),\n            url('https:\/\/it-learning.cloud\/wp-content\/uploads\/2026\/09\/it-learning-cloud-h-i.png') center center \/ cover no-repeat;\n    }\n\n    .ilc-hero-inner{\n        grid-template-columns:1fr;\n        padding:70px 26px 54px;\n    }\n\n    .ilc-title{\n        font-size:52px;\n    }\n\n    .ilc-side{\n        justify-self:start;\n        align-items:flex-start;\n        padding-right:0;\n    }\n\n    .ilc-side-box{\n        width:auto;\n        max-width:100%;\n    }\n}\n\n@media (max-width:600px){\n    .ilc-hero-inner{\n        padding:56px 20px 44px;\n    }\n\n    .ilc-eyebrow{\n        font-size:11px;\n        letter-spacing:2px;\n    }\n\n    .ilc-title{\n        font-size:42px;\n        letter-spacing:-1.5px;\n    }\n\n    .ilc-subtitle{\n        font-size:20px;\n    }\n\n    .ilc-desc{\n        font-size:16px;\n    }\n\n    .ilc-actions{\n        flex-direction:column;\n        align-items:stretch;\n    }\n\n    .ilc-btn{\n        width:100%;\n    }\n\n    .ilc-feature-row{\n        gap:14px;\n    }\n\n    .ilc-feature{\n        width:100%;\n    }\n}\n\n\/* HERO HEIGHT *\/\n.ilc-hero{\n    min-height:530px;\n}\n\n\/* FORCE CLEAN MODERN TYPOGRAPHY *\/\n.ilc-hero,\n.ilc-hero *{\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-title{\n    font-size:64px;\n    line-height:.98;\n    font-weight:800 !important;\n    letter-spacing:-2.5px;\n}\n\n\/* RIGHT METALLIC PANEL *\/\n.ilc-side-box{\n    width:220px;\n    padding:24px 22px 22px;\n    background:rgba(238,241,244,.68);\n    border:1px solid rgba(220,227,234,.85);\n    backdrop-filter:blur(8px);\n    border-radius:14px;\n    box-shadow:0 14px 34px rgba(11,31,58,.07);\n}\n\n\/* SLIGHTLY TIGHTER HERO CONTENT *\/\n.ilc-hero-inner{\n    padding-top:52px;\n    padding-bottom:52px;\n}\n\n\/* =========================================================\n   HERO \u2014 FINAL FULL WIDTH ALIGNMENT\n   ========================================================= *\/\n\n.ilc-hero{\n    width:100% !important;\n    padding-left:0 !important;\n    padding-right:0 !important;\n}\n\n.ilc-hero-inner{\n    width:100% !important;\n    max-width:1480px !important;\n\n    margin-left:auto !important;\n    margin-right:auto !important;\n\n    padding-left:24px !important;\n    padding-right:24px !important;\n}\n\n\n\/* Large screens *\/\n@media (min-width:1600px){\n\n    .ilc-hero-inner{\n        max-width:1480px !important;\n    }\n\n}\n\n\n\/* Tablet *\/\n@media (max-width:900px){\n\n    .ilc-hero-inner{\n        padding-left:20px !important;\n        padding-right:20px !important;\n    }\n\n}\n\n\n\/* Mobile *\/\n@media (max-width:520px){\n\n    .ilc-hero-inner{\n        padding-left:16px !important;\n        padding-right:16px !important;\n    }\n\n}\n\n<\/style>\n\n<section class=\"ilc-hero\">\n\n    <div class=\"ilc-hero-inner\">\n\n        <!-- LEFT -->\n        <div class=\"ilc-hero-content\">\n\n            <div class=\"ilc-eyebrow\">\n                BUILD SKILLS. CREATE OPPORTUNITIES.\n            <\/div>\n\n            <h1 class=\"ilc-title\">\n                IT Learning<br>\n                for <span>Real Careers<\/span>\n            <\/h1>\n\n            <div class=\"ilc-subtitle\">\n                From Associate to Expert level.\n            <\/div>\n\n            <p class=\"ilc-desc\">\n                Networking. Virtualization. Automation.<br>\n                Build practical technology skills through structured learning,\n                hands-on labs and real-world training paths.\n            <\/p>\n\n            <div class=\"ilc-actions\">\n\n                <a href=\"\/courses\/\" class=\"ilc-btn ilc-btn-primary\">\n                    Start Learning\n                    <span class=\"ilc-arrow\">\u2192<\/span>\n                <\/a>\n\n                <a href=\"\/learning-paths\/\" class=\"ilc-btn ilc-btn-secondary\">\n                    Explore Learning Paths\n                <\/a>\n\n            <\/div>\n\n            <div class=\"ilc-feature-row\">\n\n                <div class=\"ilc-feature\">\n                    <div class=\"ilc-feature-icon\">\u25ce<\/div>\n                    <span>Structured Learning<\/span>\n                <\/div>\n\n                <div class=\"ilc-feature\">\n                    <div class=\"ilc-feature-icon\">\u2301<\/div>\n                    <span>Hands-on Practice<\/span>\n                <\/div>\n\n                <div class=\"ilc-feature\">\n                    <div class=\"ilc-feature-icon\">\u2713<\/div>\n                    <span>Career Focused<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n        <!-- RIGHT -->\n        <div class=\"ilc-side\">\n\n            <div class=\"ilc-side-box\">\n\n                <p class=\"ilc-side-words\">\n                    Learn<br>\n                    Practice<br>\n                    Certify<br>\n                    Grow\n                <\/p>\n\n                <div class=\"ilc-side-line\"><\/div>\n\n                <p class=\"ilc-side-small\">\n                    Real Skills.<br>\n                    Real Opportunities.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a5c690 e-con-full e-flex e-con e-parent\" data-id=\"2a5c690\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38cfa40 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"38cfa40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 02\n   EXPLORE TECHNOLOGIES\n   ========================================================= *\/\n\n.ilc-tech{\n    --navy:#0B1F3A;\n    --blue:#0A73E8;\n    --blue-dark:#075FBE;\n    --sky:#5BB6F9;\n    --white:#FFFFFF;\n    --offwhite:#F8FAFC;\n    --metal:#EEF1F4;\n    --border:#DCE3EA;\n    --text:#31445D;\n\n    width:100%;\n    padding:64px 24px 70px;\n    background:\n        linear-gradient(\n            180deg,\n            #FFFFFF 0%,\n            #F8FAFC 55%,\n            #EEF1F4 100%\n        );\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif;\n}\n\n.ilc-tech-inner{\n    width:100%;\n    max-width:1480px;\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.ilc-tech-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:28px;\n}\n\n.ilc-tech-kicker{\n    margin:0 0 7px;\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:2.4px;\n    text-transform:uppercase;\n    color:var(--blue);\n}\n\n.ilc-tech-title{\n    margin:0;\n    font-size:38px;\n    line-height:1.08;\n    font-weight:800;\n    letter-spacing:-1.4px;\n    color:var(--navy);\n}\n\n.ilc-tech-subtitle{\n    margin:9px 0 0;\n    font-size:16px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-tech-all{\n    flex:0 0 auto;\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    padding-bottom:4px;\n    color:var(--blue) !important;\n    font-size:14px;\n    font-weight:700;\n    text-decoration:none !important;\n    transition:.25s ease;\n}\n\n.ilc-tech-all:hover{\n    gap:13px;\n    color:var(--blue-dark) !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.ilc-tech-grid{\n    display:grid;\n    grid-template-columns:repeat(5, minmax(0,1fr));\n    gap:16px;\n}\n\n\n\/* =========================================================\n   CARD\n   ========================================================= *\/\n\n.ilc-tech-card{\n    position:relative;\n    isolation:isolate;\n    min-height:258px;\n    overflow:hidden;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:space-between;\n\n    padding:28px 25px 23px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.98) 0%,\n            rgba(248,250,252,.96) 58%,\n            rgba(238,241,244,.98) 100%\n        );\n\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    box-shadow:\n        0 8px 25px rgba(11,31,58,.035);\n\n    text-decoration:none !important;\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n.ilc-tech-card:hover{\n    transform:translateY(-7px);\n    border-color:#B8D7F5;\n\n    box-shadow:\n        0 18px 40px rgba(11,31,58,.09);\n}\n\n\n\/* soft decorative architecture *\/\n.ilc-tech-card::before{\n    content:\"\";\n    position:absolute;\n    z-index:-2;\n    width:190px;\n    height:190px;\n    right:-70px;\n    bottom:-82px;\n\n    border-radius:42px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(91,182,249,.12),\n            rgba(10,115,232,.025)\n        );\n\n    transform:rotate(28deg);\n}\n\n.ilc-tech-card::after{\n    content:\"\";\n    position:absolute;\n    z-index:-1;\n\n    width:115px;\n    height:115px;\n\n    right:-22px;\n    top:34px;\n\n    border:1px solid rgba(10,115,232,.10);\n    border-radius:50%;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.ilc-tech-icon{\n    width:58px;\n    height:58px;\n\n    display:grid;\n    place-items:center;\n\n    margin-bottom:29px;\n\n    border-radius:14px;\n\n    background:#FFFFFF;\n    border:1px solid var(--border);\n\n    color:var(--blue);\n\n    box-shadow:\n        0 8px 20px rgba(11,31,58,.055);\n}\n\n.ilc-tech-icon svg{\n    width:31px;\n    height:31px;\n    stroke:currentColor;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.ilc-tech-name{\n    margin:0;\n    font-size:22px;\n    line-height:1.15;\n    font-weight:800;\n    letter-spacing:-.5px;\n    color:var(--navy);\n}\n\n.ilc-tech-desc{\n    margin:8px 0 0;\n    min-height:44px;\n    font-size:14px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-tech-footer{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:10px;\n\n    margin-top:24px;\n}\n\n.ilc-tech-label{\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n    color:#708197;\n}\n\n.ilc-tech-arrow{\n    width:38px;\n    height:38px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n    border:1px solid #BFCEDB;\n\n    color:var(--navy);\n\n    font-size:19px;\n    line-height:1;\n\n    background:rgba(255,255,255,.72);\n\n    transition:.25s ease;\n}\n\n.ilc-tech-card:hover .ilc-tech-arrow{\n    background:var(--blue);\n    border-color:var(--blue);\n    color:#FFFFFF;\n}\n\n\n\/* =========================================================\n   ACTIVE \/ CURRENT TECHNOLOGIES\n   Very subtle \u2014 no strong colours\n   ========================================================= *\/\n\n.ilc-tech-card.is-active{\n    border-top:3px solid var(--blue);\n}\n\n\n\/* =========================================================\n   FUTURE TECHNOLOGIES\n   ========================================================= *\/\n\n.ilc-tech-card.is-future{\n    opacity:.88;\n}\n\n.ilc-tech-card.is-future .ilc-tech-label{\n    color:#8594A7;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width:1200px){\n\n    .ilc-tech-grid{\n        grid-template-columns:repeat(3, minmax(0,1fr));\n    }\n\n}\n\n@media (max-width:800px){\n\n    .ilc-tech{\n        padding:52px 20px 58px;\n    }\n\n    .ilc-tech-head{\n        align-items:flex-start;\n        flex-direction:column;\n        gap:15px;\n    }\n\n    .ilc-tech-title{\n        font-size:34px;\n    }\n\n    .ilc-tech-grid{\n        grid-template-columns:repeat(2, minmax(0,1fr));\n    }\n\n}\n\n@media (max-width:540px){\n\n    .ilc-tech{\n        padding-left:16px;\n        padding-right:16px;\n    }\n\n    .ilc-tech-title{\n        font-size:30px;\n    }\n\n    .ilc-tech-grid{\n        grid-template-columns:1fr;\n        gap:13px;\n    }\n\n    .ilc-tech-card{\n        min-height:215px;\n    }\n\n}\n\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 TYPOGRAPHY FIX\n   Prevent Eduma heading styles\n   ========================================================= *\/\n\n.ilc-tech,\n.ilc-tech *,\n.ilc-tech h2,\n.ilc-tech h3,\n.ilc-tech p,\n.ilc-tech a,\n.ilc-tech span{\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-tech-title{\n    font-weight:800 !important;\n}\n\n.ilc-tech-name{\n    font-weight:800 !important;\n}\n\n\/* =========================================================\n   GLOBAL CONTENT WIDTH\n   ========================================================= *\/\n\n.ilc-tech-inner{\n    width:100% !important;\n    max-width:1480px !important;\n    margin-left:auto !important;\n    margin-right:auto !important;\n    padding-left:0 !important;\n    padding-right:0 !important;\n}\n\n\n\n<\/style>\n\n\n<section class=\"ilc-tech\">\n\n    <div class=\"ilc-tech-inner\">\n\n        <!-- HEADER -->\n        <div class=\"ilc-tech-head\">\n\n            <div>\n\n                <div class=\"ilc-tech-kicker\">\n                    Technology Areas\n                <\/div>\n\n                <h2 class=\"ilc-tech-title\">\n                    Explore Technologies\n                <\/h2>\n\n                <p class=\"ilc-tech-subtitle\">\n                    \u0418\u0437\u0431\u0435\u0440\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u044f \u0438 \u0437\u0430\u043f\u043e\u0447\u043d\u0438 \u0434\u0430 \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u0448 \u0437\u043d\u0430\u043d\u0438\u044f\u0442\u0430 \u0441\u0438 \u0441\u0442\u044a\u043f\u043a\u0430 \u043f\u043e \u0441\u0442\u044a\u043f\u043a\u0430.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/technologies\/\" class=\"ilc-tech-all\">\n                \u0412\u0441\u0438\u0447\u043a\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- CARDS -->\n        <div class=\"ilc-tech-grid\">\n\n\n            <!-- CISCO -->\n            <a href=\"\/cisco\/\"\n               class=\"ilc-tech-card is-active\">\n\n                <div>\n\n                    <div class=\"ilc-tech-icon\">\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke-width=\"1.7\"\n                             stroke-linecap=\"round\">\n\n                            <path d=\"M4 17V10\"\/>\n                            <path d=\"M8 17V6\"\/>\n                            <path d=\"M12 17V3\"\/>\n                            <path d=\"M16 17V7\"\/>\n                            <path d=\"M20 17V11\"\/>\n\n                        <\/svg>\n                    <\/div>\n\n                    <h3 class=\"ilc-tech-name\">\n                        Cisco\n                    <\/h3>\n\n                    <p class=\"ilc-tech-desc\">\n                        Networking, Data Center,\n                        Security and Automation.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-tech-footer\">\n\n                    <span class=\"ilc-tech-label\">\n                        Networking\n                    <\/span>\n\n                    <span class=\"ilc-tech-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- VMWARE \/ VIRTUALIZATION -->\n            <a href=\"\/virtualization\/\"\n               class=\"ilc-tech-card is-active\">\n\n                <div>\n\n                    <div class=\"ilc-tech-icon\">\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke-width=\"1.7\"\n                             stroke-linecap=\"round\"\n                             stroke-linejoin=\"round\">\n\n                            <rect x=\"3\" y=\"4\" width=\"18\" height=\"7\" rx=\"1.5\"\/>\n                            <rect x=\"3\" y=\"13\" width=\"18\" height=\"7\" rx=\"1.5\"\/>\n\n                            <path d=\"M7 7.5h.01\"\/>\n                            <path d=\"M7 16.5h.01\"\/>\n\n                            <path d=\"M10 7.5h7\"\/>\n                            <path d=\"M10 16.5h7\"\/>\n\n                        <\/svg>\n                    <\/div>\n\n                    <h3 class=\"ilc-tech-name\">\n                        Virtualization\n                    <\/h3>\n\n                    <p class=\"ilc-tech-desc\">\n                        VMware vSphere, VCF,\n                        NSX and vSAN.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-tech-footer\">\n\n                    <span class=\"ilc-tech-label\">\n                        VMware\n                    <\/span>\n\n                    <span class=\"ilc-tech-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- CLOUD -->\n            <a href=\"#\"\n               class=\"ilc-tech-card is-future\">\n\n                <div>\n\n                    <div class=\"ilc-tech-icon\">\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke-width=\"1.7\"\n                             stroke-linecap=\"round\"\n                             stroke-linejoin=\"round\">\n\n                            <path d=\"\n                                M6 18h11\n                                a4 4 0 0 0 .7-7.94\n                                A6 6 0 0 0 6.4 8.8\n                                A4.5 4.5 0 0 0 6 18z\n                            \"\/>\n\n                        <\/svg>\n                    <\/div>\n\n                    <h3 class=\"ilc-tech-name\">\n                        Cloud\n                    <\/h3>\n\n                    <p class=\"ilc-tech-desc\">\n                        Cloud platforms,\n                        services and infrastructure.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-tech-footer\">\n\n                    <span class=\"ilc-tech-label\">\n                        Coming Soon\n                    <\/span>\n\n                    <span class=\"ilc-tech-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- LINUX -->\n            <a href=\"#\"\n               class=\"ilc-tech-card is-future\">\n\n                <div>\n\n                    <div class=\"ilc-tech-icon\">\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke-width=\"1.7\"\n                             stroke-linecap=\"round\"\n                             stroke-linejoin=\"round\">\n\n                            <path d=\"M5 6h14\"\/>\n                            <path d=\"M7 10l-3 3 3 3\"\/>\n                            <path d=\"M11 16h5\"\/>\n\n                            <rect x=\"2.5\"\n                                  y=\"3\"\n                                  width=\"19\"\n                                  height=\"18\"\n                                  rx=\"2\"\/>\n\n                        <\/svg>\n                    <\/div>\n\n                    <h3 class=\"ilc-tech-name\">\n                        Linux\n                    <\/h3>\n\n                    <p class=\"ilc-tech-desc\">\n                        Linux systems,\n                        administration and DevOps.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-tech-footer\">\n\n                    <span class=\"ilc-tech-label\">\n                        Coming Soon\n                    <\/span>\n\n                    <span class=\"ilc-tech-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- MICROSOFT -->\n            <a href=\"#\"\n               class=\"ilc-tech-card is-future\">\n\n                <div>\n\n                    <div class=\"ilc-tech-icon\">\n                        <svg viewBox=\"0 0 24 24\"\n                             fill=\"none\"\n                             stroke-width=\"1.7\">\n\n                            <rect x=\"3\"\n                                  y=\"3\"\n                                  width=\"7\"\n                                  height=\"7\"\/>\n\n                            <rect x=\"14\"\n                                  y=\"3\"\n                                  width=\"7\"\n                                  height=\"7\"\/>\n\n                            <rect x=\"3\"\n                                  y=\"14\"\n                                  width=\"7\"\n                                  height=\"7\"\/>\n\n                            <rect x=\"14\"\n                                  y=\"14\"\n                                  width=\"7\"\n                                  height=\"7\"\/>\n\n                        <\/svg>\n                    <\/div>\n\n                    <h3 class=\"ilc-tech-name\">\n                        Microsoft\n                    <\/h3>\n\n                    <p class=\"ilc-tech-desc\">\n                        Infrastructure,\n                        Windows Server and Cloud.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-tech-footer\">\n\n                    <span class=\"ilc-tech-label\">\n                        Coming Soon\n                    <\/span>\n\n                    <span class=\"ilc-tech-arrow\">\n                        \u2192\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5539639 e-con-full e-flex e-con e-parent\" data-id=\"5539639\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cf322e elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1cf322e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 03\n   YOUR LEARNING PATH\n   ========================================================= *\/\n\n.ilc-paths{\n    --navy:#0B1F3A;\n    --blue:#0A73E8;\n    --blue-dark:#075FBE;\n    --sky:#5BB6F9;\n    --white:#FFFFFF;\n    --offwhite:#F8FAFC;\n    --metal:#EEF1F4;\n    --border:#DCE3EA;\n    --text:#31445D;\n    --muted:#708197;\n\n    width:100%;\n    padding:56px 24px 62px;\n    background:#FFFFFF;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-paths,\n.ilc-paths *,\n.ilc-paths h2,\n.ilc-paths h3,\n.ilc-paths p,\n.ilc-paths a,\n.ilc-paths span{\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-paths-inner{\n    width:100%;\n    max-width:1480px;\n    margin:0 auto;\n}\n\n\n\/* =========================================================\n   SECTION HEADER\n   ========================================================= *\/\n\n.ilc-paths-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:26px;\n}\n\n.ilc-paths-kicker{\n    margin:0 0 7px;\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:2.4px;\n    text-transform:uppercase;\n    color:var(--blue);\n}\n\n.ilc-paths-title{\n    margin:0;\n    font-size:38px;\n    line-height:1.08;\n    font-weight:800 !important;\n    letter-spacing:-1.4px;\n    color:var(--navy);\n}\n\n.ilc-paths-subtitle{\n    margin:9px 0 0;\n    font-size:16px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-paths-all{\n    flex:0 0 auto;\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    padding-bottom:4px;\n    color:var(--blue) !important;\n    font-size:14px;\n    font-weight:700;\n    text-decoration:none !important;\n    transition:.25s ease;\n}\n\n.ilc-paths-all:hover{\n    gap:13px;\n    color:var(--blue-dark) !important;\n}\n\n\n\/* =========================================================\n   GRID\n   ========================================================= *\/\n\n.ilc-paths-grid{\n    display:grid;\n    grid-template-columns:repeat(4, minmax(0,1fr));\n    gap:16px;\n}\n\n\n\/* =========================================================\n   PATH CARD\n   ========================================================= *\/\n\n.ilc-path-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:150px;\n    padding:24px 22px;\n\n    display:grid;\n    grid-template-columns:58px 1fr 34px;\n    gap:17px;\n    align-items:center;\n\n    background:\n        linear-gradient(\n            135deg,\n            #FFFFFF 0%,\n            #FFFFFF 62%,\n            #F8FAFC 100%\n        );\n\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    box-shadow:\n        0 7px 22px rgba(11,31,58,.035);\n\n    text-decoration:none !important;\n\n    transition:\n        transform .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n}\n\n.ilc-path-card:hover{\n    transform:translateY(-6px);\n    border-color:#B8D7F5;\n    box-shadow:\n        0 16px 34px rgba(11,31,58,.085);\n}\n\n\n\/* pale metallic detail *\/\n.ilc-path-card::after{\n    content:\"\";\n    position:absolute;\n    width:115px;\n    height:115px;\n    right:-72px;\n    bottom:-72px;\n\n    border-radius:50%;\n    background:rgba(238,241,244,.72);\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   ICON\n   ========================================================= *\/\n\n.ilc-path-icon{\n    width:58px;\n    height:58px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:13px;\n    border:1px solid #DCE3EA;\n    background:#F8FAFC;\n\n    color:var(--blue);\n\n    transition:.3s ease;\n}\n\n.ilc-path-icon svg{\n    width:31px;\n    height:31px;\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.ilc-path-card:hover .ilc-path-icon{\n    background:#EEF6FF;\n    border-color:#B8D7F5;\n}\n\n\n\/* =========================================================\n   TEXT\n   ========================================================= *\/\n\n.ilc-path-content{\n    min-width:0;\n}\n\n.ilc-path-name{\n    margin:0 0 7px;\n    font-size:17px;\n    line-height:1.25;\n    font-weight:800 !important;\n    letter-spacing:-.25px;\n    color:var(--navy);\n}\n\n.ilc-path-desc{\n    margin:0;\n    font-size:13px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-path-meta{\n    display:block;\n    margin-top:6px;\n    font-size:11px;\n    line-height:1.3;\n    font-weight:800;\n    letter-spacing:.65px;\n    text-transform:uppercase;\n    color:var(--muted);\n}\n\n\n\/* =========================================================\n   ARROW\n   ========================================================= *\/\n\n.ilc-path-arrow{\n    position:relative;\n    z-index:2;\n\n    width:34px;\n    height:34px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n    border:1px solid #C7D3DF;\n    background:#FFFFFF;\n\n    color:var(--navy);\n    font-size:18px;\n\n    transition:.25s ease;\n}\n\n.ilc-path-card:hover .ilc-path-arrow{\n    background:var(--blue);\n    border-color:var(--blue);\n    color:#FFFFFF;\n    transform:translateX(3px);\n}\n\n\n\/* =========================================================\n   SMALL LEVEL GUIDE\n   ========================================================= *\/\n\n.ilc-path-levels{\n    margin-top:24px;\n    padding:16px 22px;\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:18px;\n\n    background:var(--metal);\n    border:1px solid var(--border);\n    border-radius:12px;\n}\n\n.ilc-level{\n    display:flex;\n    align-items:center;\n    gap:9px;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n    color:var(--navy);\n}\n\n.ilc-level-number{\n    width:26px;\n    height:26px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:50%;\n    background:#FFFFFF;\n    border:1px solid #CCD7E1;\n\n    color:var(--blue);\n    font-size:11px;\n}\n\n.ilc-level-line{\n    width:70px;\n    height:1px;\n    background:#C4D0DB;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width:1200px){\n\n    .ilc-paths-grid{\n        grid-template-columns:repeat(2, minmax(0,1fr));\n    }\n\n}\n\n@media (max-width:800px){\n\n    .ilc-paths{\n        padding:50px 20px 56px;\n    }\n\n    .ilc-paths-head{\n        flex-direction:column;\n        align-items:flex-start;\n        gap:14px;\n    }\n\n    .ilc-paths-title{\n        font-size:34px;\n    }\n\n    .ilc-path-levels{\n        flex-wrap:wrap;\n    }\n\n    .ilc-level-line{\n        width:35px;\n    }\n\n}\n\n@media (max-width:560px){\n\n    .ilc-paths{\n        padding-left:16px;\n        padding-right:16px;\n    }\n\n    .ilc-paths-title{\n        font-size:30px;\n    }\n\n    .ilc-paths-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-path-card{\n        min-height:135px;\n        grid-template-columns:52px 1fr 32px;\n        padding:20px 18px;\n        gap:14px;\n    }\n\n    .ilc-path-icon{\n        width:52px;\n        height:52px;\n    }\n\n    .ilc-path-levels{\n        justify-content:flex-start;\n        gap:10px;\n    }\n\n    .ilc-level-line{\n        display:none;\n    }\n\n}\n\n\n\/* =========================================================\n   ALIGN WIDGET 03 WITH WIDGET 02\n   ========================================================= *\/\n\n.ilc-paths{\n    padding-left:24px !important;\n    padding-right:24px !important;\n}\n\n.ilc-paths-inner{\n    width:100% !important;\n    max-width:1480px !important;\n    margin-left:auto !important;\n    margin-right:auto !important;\n    padding-left:0 !important;\n    padding-right:0 !important;\n}\n\n\n<\/style>\n\n\n<section class=\"ilc-paths\">\n\n    <div class=\"ilc-paths-inner\">\n\n\n        <!-- HEADER -->\n        <div class=\"ilc-paths-head\">\n\n            <div>\n\n                <div class=\"ilc-paths-kicker\">\n                    Structured Learning\n                <\/div>\n\n                <h2 class=\"ilc-paths-title\">\n                    Your Learning Path\n                <\/h2>\n\n                <p class=\"ilc-paths-subtitle\">\n                    \u0418\u0437\u0431\u0435\u0440\u0438 \u043f\u043e\u0441\u043e\u043a\u0430 \u0438 \u0441\u043b\u0435\u0434\u0432\u0430\u0439 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u0430\u043d \u043f\u044a\u0442 \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u0438\u0442\u0435 \u0434\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043d\u0438\u0432\u043e.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/learning-paths\/\" class=\"ilc-paths-all\">\n                \u0412\u0441\u0438\u0447\u043a\u0438 Learning Paths\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- PATH CARDS -->\n        <div class=\"ilc-paths-grid\">\n\n\n            <!-- NETWORK ENGINEER -->\n            <a href=\"\/network-engineer\/\" class=\"ilc-path-card\">\n\n                <div class=\"ilc-path-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"4\" r=\"2.5\"\/>\n                        <circle cx=\"5\" cy=\"18\" r=\"2.5\"\/>\n                        <circle cx=\"19\" cy=\"18\" r=\"2.5\"\/>\n                        <path d=\"M10.7 6.2L6.4 15.8\"\/>\n                        <path d=\"M13.3 6.2L17.6 15.8\"\/>\n                        <path d=\"M7.5 18h9\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"ilc-path-content\">\n\n                    <h3 class=\"ilc-path-name\">\n                        Network Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-path-desc\">\n                        Routing, Switching &amp;\n                        Enterprise Infrastructure\n                    <\/p>\n\n                    <span class=\"ilc-path-meta\">\n                        Cisco\n                    <\/span>\n\n                <\/div>\n\n                <span class=\"ilc-path-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <!-- DATA CENTER ENGINEER -->\n            <a href=\"\/data-center-engineer\/\" class=\"ilc-path-card\">\n\n                <div class=\"ilc-path-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"4\" y=\"3\" width=\"16\" height=\"5\" rx=\"1\"\/>\n                        <rect x=\"4\" y=\"10\" width=\"16\" height=\"5\" rx=\"1\"\/>\n                        <rect x=\"4\" y=\"17\" width=\"16\" height=\"4\" rx=\"1\"\/>\n                        <path d=\"M7 5.5h.01\"\/>\n                        <path d=\"M7 12.5h.01\"\/>\n                        <path d=\"M7 19h.01\"\/>\n                        <path d=\"M10 5.5h7\"\/>\n                        <path d=\"M10 12.5h7\"\/>\n                        <path d=\"M10 19h7\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"ilc-path-content\">\n\n                    <h3 class=\"ilc-path-name\">\n                        Data Center Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-path-desc\">\n                        Data Center, ACI &amp;\n                        Infrastructure Technologies\n                    <\/p>\n\n                    <span class=\"ilc-path-meta\">\n                        Cisco Data Center\n                    <\/span>\n\n                <\/div>\n\n                <span class=\"ilc-path-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <!-- AUTOMATION ENGINEER -->\n            <a href=\"\/automation-engineer\/\" class=\"ilc-path-card\">\n\n                <div class=\"ilc-path-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n                        <path d=\"M12 2v3\"\/>\n                        <path d=\"M12 19v3\"\/>\n                        <path d=\"M2 12h3\"\/>\n                        <path d=\"M19 12h3\"\/>\n                        <path d=\"M4.9 4.9L7 7\"\/>\n                        <path d=\"M17 17l2.1 2.1\"\/>\n                        <path d=\"M19.1 4.9L17 7\"\/>\n                        <path d=\"M7 17l-2.1 2.1\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"ilc-path-content\">\n\n                    <h3 class=\"ilc-path-name\">\n                        Automation Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-path-desc\">\n                        Network Automation,\n                        APIs, Python &amp; DevOps\n                    <\/p>\n\n                    <span class=\"ilc-path-meta\">\n                        Automation\n                    <\/span>\n\n                <\/div>\n\n                <span class=\"ilc-path-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <!-- VIRTUALIZATION ENGINEER -->\n            <a href=\"\/virtualization-engineer\/\" class=\"ilc-path-card\">\n\n                <div class=\"ilc-path-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"\n                            M6 18h11\n                            a4 4 0 0 0 .7-7.94\n                            A6 6 0 0 0 6.4 8.8\n                            A4.5 4.5 0 0 0 6 18z\n                        \"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div class=\"ilc-path-content\">\n\n                    <h3 class=\"ilc-path-name\">\n                        Virtualization Engineer\n                    <\/h3>\n\n                    <p class=\"ilc-path-desc\">\n                        vSphere, VCF, NSX &amp;\n                        Virtual Infrastructure\n                    <\/p>\n\n                    <span class=\"ilc-path-meta\">\n                        VMware\n                    <\/span>\n\n                <\/div>\n\n                <span class=\"ilc-path-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n\n        <!-- LEVEL FLOW -->\n        <div class=\"ilc-path-levels\">\n\n            <div class=\"ilc-level\">\n                <span class=\"ilc-level-number\">01<\/span>\n                Foundation\n            <\/div>\n\n            <span class=\"ilc-level-line\"><\/span>\n\n            <div class=\"ilc-level\">\n                <span class=\"ilc-level-number\">02<\/span>\n                Associate\n            <\/div>\n\n            <span class=\"ilc-level-line\"><\/span>\n\n            <div class=\"ilc-level\">\n                <span class=\"ilc-level-number\">03<\/span>\n                Professional\n            <\/div>\n\n            <span class=\"ilc-level-line\"><\/span>\n\n            <div class=\"ilc-level\">\n                <span class=\"ilc-level-number\">04<\/span>\n                Expert\n            <\/div>\n\n        <\/div>\n\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d2ab4cf e-con-full e-flex e-con e-parent\" data-id=\"d2ab4cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b090b2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6b090b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 04\n   FEATURED COURSES\n   ========================================================= *\/\n\n.ilc-courses{\n    --navy:#0B1F3A;\n    --blue:#0A73E8;\n    --blue-dark:#075FBE;\n    --sky:#5BB6F9;\n    --white:#FFFFFF;\n    --offwhite:#F8FAFC;\n    --metal:#EEF1F4;\n    --border:#DCE3EA;\n    --text:#31445D;\n    --muted:#708197;\n\n    width:100%;\n    padding:58px 24px 64px;\n\n    background:\n        linear-gradient(\n            180deg,\n            #F8FAFC 0%,\n            #F5F8FB 100%\n        );\n\n    border-top:1px solid rgba(220,227,234,.65);\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-courses,\n.ilc-courses *,\n.ilc-courses h2,\n.ilc-courses h3,\n.ilc-courses p,\n.ilc-courses a,\n.ilc-courses span{\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-courses-inner{\n    width:100% !important;\n    max-width:1480px !important;\n    margin:0 auto !important;\n    padding:0 !important;\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n.ilc-courses-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:27px;\n}\n\n.ilc-courses-kicker{\n    margin:0 0 7px;\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:2.4px;\n    text-transform:uppercase;\n    color:var(--blue);\n}\n\n.ilc-courses-title{\n    margin:0;\n    font-size:38px;\n    line-height:1.08;\n    font-weight:800 !important;\n    letter-spacing:-1.4px;\n    color:var(--navy);\n}\n\n.ilc-courses-subtitle{\n    margin:9px 0 0;\n    font-size:16px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-courses-all{\n    flex:0 0 auto;\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    padding-bottom:4px;\n\n    color:var(--blue) !important;\n    font-size:14px;\n    font-weight:700;\n    text-decoration:none !important;\n\n    transition:.25s ease;\n}\n\n.ilc-courses-all:hover{\n    gap:13px;\n    color:var(--blue-dark) !important;\n}\n\n\n\/* =========================================================\n   COURSE GRID\n   ========================================================= *\/\n\n.ilc-courses-grid{\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:16px;\n}\n\n\n\/* =========================================================\n   COURSE CARD\n   ========================================================= *\/\n\n.ilc-course-card{\n    position:relative;\n    overflow:hidden;\n\n    min-height:265px;\n    padding:25px 24px 22px;\n\n    display:flex;\n    flex-direction:column;\n\n    background:#FFFFFF;\n\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    box-shadow:\n        0 7px 22px rgba(11,31,58,.035);\n\n    text-decoration:none !important;\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease,\n        border-color .3s ease;\n}\n\n.ilc-course-card:hover{\n    transform:translateY(-6px);\n    border-color:#B8D7F5;\n\n    box-shadow:\n        0 17px 36px rgba(11,31,58,.085);\n}\n\n\n\/* subtle metallic decoration *\/\n.ilc-course-card::after{\n    content:\"\";\n    position:absolute;\n\n    width:150px;\n    height:150px;\n\n    right:-75px;\n    bottom:-90px;\n\n    border-radius:50%;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(238,241,244,.85),\n            rgba(91,182,249,.08)\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   TOP ROW\n   ========================================================= *\/\n\n.ilc-course-top{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:15px;\n    margin-bottom:22px;\n}\n\n.ilc-course-tech{\n    width:52px;\n    height:52px;\n\n    flex:0 0 52px;\n\n    display:grid;\n    place-items:center;\n\n    border-radius:12px;\n\n    background:#F8FAFC;\n    border:1px solid var(--border);\n\n    color:var(--blue);\n}\n\n.ilc-course-tech svg{\n    width:28px;\n    height:28px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n\n\/* LEVEL BADGE *\/\n\n.ilc-course-level{\n    display:inline-flex;\n    align-items:center;\n\n    min-height:25px;\n    padding:0 10px;\n\n    border-radius:99px;\n\n    background:#EEF6FF;\n    border:1px solid #D5E9FC;\n\n    color:#075FBE;\n\n    font-size:10px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:.7px;\n    text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   CONTENT\n   ========================================================= *\/\n\n.ilc-course-category{\n    margin:0 0 6px;\n\n    font-size:11px;\n    line-height:1.3;\n    font-weight:800;\n    letter-spacing:.9px;\n    text-transform:uppercase;\n\n    color:var(--muted);\n}\n\n.ilc-course-name{\n    margin:0;\n\n    font-size:20px;\n    line-height:1.22;\n\n    font-weight:800 !important;\n    letter-spacing:-.4px;\n\n    color:var(--navy);\n}\n\n.ilc-course-desc{\n    margin:10px 0 0;\n\n    font-size:13px;\n    line-height:1.55;\n\n    color:var(--text);\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.ilc-course-bottom{\n    position:relative;\n    z-index:2;\n\n    margin-top:auto;\n    padding-top:22px;\n\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n\n    gap:15px;\n}\n\n.ilc-course-link{\n    display:inline-flex;\n    align-items:center;\n    gap:7px;\n\n    color:var(--blue);\n\n    font-size:13px;\n    font-weight:800;\n}\n\n.ilc-course-code{\n    color:#8291A3;\n\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:.5px;\n    text-transform:uppercase;\n}\n\n.ilc-course-card:hover .ilc-course-link{\n    color:var(--blue-dark);\n}\n\n.ilc-course-arrow{\n    display:inline-block;\n    transition:transform .25s ease;\n}\n\n.ilc-course-card:hover .ilc-course-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width:1200px){\n\n    .ilc-courses-grid{\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n}\n\n@media (max-width:800px){\n\n    .ilc-courses{\n        padding:50px 20px 56px;\n    }\n\n    .ilc-courses-head{\n        flex-direction:column;\n        align-items:flex-start;\n        gap:14px;\n    }\n\n    .ilc-courses-title{\n        font-size:34px;\n    }\n\n}\n\n@media (max-width:560px){\n\n    .ilc-courses{\n        padding-left:16px;\n        padding-right:16px;\n    }\n\n    .ilc-courses-title{\n        font-size:30px;\n    }\n\n    .ilc-courses-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-course-card{\n        min-height:235px;\n    }\n\n}\n<\/style>\n\n\n<section class=\"ilc-courses\">\n\n    <div class=\"ilc-courses-inner\">\n\n\n        <!-- HEADER -->\n        <div class=\"ilc-courses-head\">\n\n            <div>\n\n                <div class=\"ilc-courses-kicker\">\n                    Start Learning\n                <\/div>\n\n                <h2 class=\"ilc-courses-title\">\n                    Featured Courses\n                <\/h2>\n\n                <p class=\"ilc-courses-subtitle\">\n                    \u0417\u0430\u043f\u043e\u0447\u043d\u0438 \u0441 \u043f\u043e\u0434\u0431\u0440\u0430\u043d\u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f \u043e\u0442 \u043e\u0441\u043d\u043e\u0432\u043d\u043e \u0434\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043d\u0438\u0432\u043e.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/courses\/\" class=\"ilc-courses-all\">\n                \u0412\u0441\u0438\u0447\u043a\u0438 \u043a\u0443\u0440\u0441\u043e\u0432\u0435\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- COURSES -->\n        <div class=\"ilc-courses-grid\">\n\n\n            <!-- =================================================\n                 CCNA\n                 ================================================= -->\n\n            <a href=\"\/ccna\/\" class=\"ilc-course-card\">\n\n                <div class=\"ilc-course-top\">\n\n                    <div class=\"ilc-course-tech\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 17V10\"\/>\n                            <path d=\"M8 17V6\"\/>\n                            <path d=\"M12 17V3\"\/>\n                            <path d=\"M16 17V7\"\/>\n                            <path d=\"M20 17V11\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"ilc-course-level\">\n                        Associate\n                    <\/span>\n\n                <\/div>\n\n                <div>\n\n                    <div class=\"ilc-course-category\">\n                        Cisco Networking\n                    <\/div>\n\n                    <h3 class=\"ilc-course-name\">\n                        CCNA 200-301\n                    <\/h3>\n\n                    <p class=\"ilc-course-desc\">\n                        Networking fundamentals,\n                        routing, switching, IP services\n                        and network security.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-course-bottom\">\n\n                    <span class=\"ilc-course-link\">\n                        View Course\n                        <span class=\"ilc-course-arrow\">\u2192<\/span>\n                    <\/span>\n\n                    <span class=\"ilc-course-code\">\n                        CCNA\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 ENCOR\n                 ================================================= -->\n\n            <a href=\"\/ccnp-enterprise\/\" class=\"ilc-course-card\">\n\n                <div class=\"ilc-course-top\">\n\n                    <div class=\"ilc-course-tech\">\n\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"5\" cy=\"12\" r=\"2\"\/>\n                            <circle cx=\"12\" cy=\"5\" r=\"2\"\/>\n                            <circle cx=\"19\" cy=\"12\" r=\"2\"\/>\n                            <circle cx=\"12\" cy=\"19\" r=\"2\"\/>\n\n                            <path d=\"M6.5 10.5L10.5 6.5\"\/>\n                            <path d=\"M13.5 6.5L17.5 10.5\"\/>\n                            <path d=\"M17.5 13.5L13.5 17.5\"\/>\n                            <path d=\"M10.5 17.5L6.5 13.5\"\/>\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"ilc-course-level\">\n                        Professional\n                    <\/span>\n\n                <\/div>\n\n                <div>\n\n                    <div class=\"ilc-course-category\">\n                        Cisco Enterprise\n                    <\/div>\n\n                    <h3 class=\"ilc-course-name\">\n                        CCNP Enterprise \u2013 ENCOR\n                    <\/h3>\n\n                    <p class=\"ilc-course-desc\">\n                        Enterprise infrastructure,\n                        virtualization, security,\n                        automation and advanced networking.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-course-bottom\">\n\n                    <span class=\"ilc-course-link\">\n                        View Course\n                        <span class=\"ilc-course-arrow\">\u2192<\/span>\n                    <\/span>\n\n                    <span class=\"ilc-course-code\">\n                        350-401\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 DCCOR\n                 ================================================= -->\n\n            <a href=\"\/ccnp-data-center\/\" class=\"ilc-course-card\">\n\n                <div class=\"ilc-course-top\">\n\n                    <div class=\"ilc-course-tech\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <rect x=\"4\" y=\"3\"\n                                  width=\"16\" height=\"5\"\n                                  rx=\"1\"\/>\n\n                            <rect x=\"4\" y=\"10\"\n                                  width=\"16\" height=\"5\"\n                                  rx=\"1\"\/>\n\n                            <rect x=\"4\" y=\"17\"\n                                  width=\"16\" height=\"4\"\n                                  rx=\"1\"\/>\n\n                            <path d=\"M7 5.5h.01\"\/>\n                            <path d=\"M7 12.5h.01\"\/>\n                            <path d=\"M7 19h.01\"\/>\n\n                            <path d=\"M10 5.5h7\"\/>\n                            <path d=\"M10 12.5h7\"\/>\n                            <path d=\"M10 19h7\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"ilc-course-level\">\n                        Professional\n                    <\/span>\n\n                <\/div>\n\n                <div>\n\n                    <div class=\"ilc-course-category\">\n                        Cisco Data Center\n                    <\/div>\n\n                    <h3 class=\"ilc-course-name\">\n                        CCNP Data Center \u2013 DCCOR\n                    <\/h3>\n\n                    <p class=\"ilc-course-desc\">\n                        Data center infrastructure,\n                        networking, compute, storage,\n                        automation and security.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-course-bottom\">\n\n                    <span class=\"ilc-course-link\">\n                        View Course\n                        <span class=\"ilc-course-arrow\">\u2192<\/span>\n                    <\/span>\n\n                    <span class=\"ilc-course-code\">\n                        350-601\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 VMWARE\n                 ================================================= -->\n\n            <a href=\"\/vmware-vsphere\/\" class=\"ilc-course-card\">\n\n                <div class=\"ilc-course-top\">\n\n                    <div class=\"ilc-course-tech\">\n\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <rect x=\"3\"\n                                  y=\"4\"\n                                  width=\"18\"\n                                  height=\"7\"\n                                  rx=\"1.5\"\/>\n\n                            <rect x=\"3\"\n                                  y=\"13\"\n                                  width=\"18\"\n                                  height=\"7\"\n                                  rx=\"1.5\"\/>\n\n                            <path d=\"M7 7.5h.01\"\/>\n                            <path d=\"M7 16.5h.01\"\/>\n\n                            <path d=\"M10 7.5h7\"\/>\n                            <path d=\"M10 16.5h7\"\/>\n\n                        <\/svg>\n\n                    <\/div>\n\n                    <span class=\"ilc-course-level\">\n                        Professional\n                    <\/span>\n\n                <\/div>\n\n                <div>\n\n                    <div class=\"ilc-course-category\">\n                        Virtualization\n                    <\/div>\n\n                    <h3 class=\"ilc-course-name\">\n                        VMware vSphere\n                    <\/h3>\n\n                    <p class=\"ilc-course-desc\">\n                        ESXi, vCenter, virtual networking,\n                        storage, high availability\n                        and infrastructure management.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"ilc-course-bottom\">\n\n                    <span class=\"ilc-course-link\">\n                        View Course\n                        <span class=\"ilc-course-arrow\">\u2192<\/span>\n                    <\/span>\n\n                    <span class=\"ilc-course-code\">\n                        vSphere\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4913ad e-con-full e-flex e-con e-parent\" data-id=\"e4913ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59b8a7f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"59b8a7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 05\n   HANDS-ON LABS\n   ========================================================= *\/\n\n.ilc-labs{\n    --navy:#0B1F3A;\n    --blue:#0A73E8;\n    --blue-dark:#075FBE;\n    --white:#FFFFFF;\n    --offwhite:#F8FAFC;\n    --metal:#EEF1F4;\n    --border:#DCE3EA;\n    --text:#31445D;\n    --muted:#708197;\n\n    width:100%;\n    padding:52px 24px 56px;\n    background:#FFFFFF;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-labs,\n.ilc-labs *,\n.ilc-labs h2,\n.ilc-labs h3,\n.ilc-labs p,\n.ilc-labs a,\n.ilc-labs span{\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-labs-inner{\n    width:100% !important;\n    max-width:1480px !important;\n    margin:0 auto !important;\n}\n\n\n\/* HEADER *\/\n\n.ilc-labs-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:24px;\n}\n\n.ilc-labs-kicker{\n    margin:0 0 7px;\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:2.4px;\n    text-transform:uppercase;\n    color:var(--blue);\n}\n\n.ilc-labs-title{\n    margin:0;\n    font-size:38px;\n    line-height:1.08;\n    font-weight:800 !important;\n    letter-spacing:-1.4px;\n    color:var(--navy);\n}\n\n.ilc-labs-subtitle{\n    margin:9px 0 0;\n    font-size:16px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-labs-all{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    color:var(--blue) !important;\n    font-size:14px;\n    font-weight:700;\n    text-decoration:none !important;\n    transition:.25s ease;\n}\n\n.ilc-labs-all:hover{\n    gap:13px;\n    color:var(--blue-dark) !important;\n}\n\n\n\/* STRIP *\/\n\n.ilc-labs-strip{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n\n    background:\n        linear-gradient(\n            180deg,\n            #F8FAFC 0%,\n            #EEF1F4 100%\n        );\n\n    border:1px solid var(--border);\n    border-radius:14px;\n    overflow:hidden;\n}\n\n\n\/* ITEM *\/\n\n.ilc-lab-item{\n    position:relative;\n\n    min-height:128px;\n    padding:25px 24px;\n\n    display:grid;\n    grid-template-columns:48px 1fr;\n    gap:16px;\n    align-items:center;\n\n    text-decoration:none !important;\n\n    transition:\n        background .25s ease,\n        transform .25s ease;\n}\n\n.ilc-lab-item:not(:last-child){\n    border-right:1px solid var(--border);\n}\n\n.ilc-lab-item:hover{\n    background:#FFFFFF;\n}\n\n\n\/* ICON *\/\n\n.ilc-lab-icon{\n    width:48px;\n    height:48px;\n\n    display:grid;\n    place-items:center;\n\n    background:#FFFFFF;\n    border:1px solid var(--border);\n    border-radius:11px;\n\n    color:var(--blue);\n}\n\n.ilc-lab-icon svg{\n    width:26px;\n    height:26px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n\n\/* TEXT *\/\n\n.ilc-lab-name{\n    margin:0 0 5px;\n    font-size:16px;\n    line-height:1.25;\n    font-weight:800 !important;\n    color:var(--navy);\n}\n\n.ilc-lab-desc{\n    margin:0;\n    font-size:12.5px;\n    line-height:1.5;\n    color:var(--text);\n}\n\n\n\/* SMALL ARROW *\/\n\n.ilc-lab-arrow{\n    position:absolute;\n    right:18px;\n    top:18px;\n\n    font-size:15px;\n    color:#9AA8B7;\n\n    transition:.25s ease;\n}\n\n.ilc-lab-item:hover .ilc-lab-arrow{\n    color:var(--blue);\n    transform:translateX(3px);\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width:1000px){\n\n    .ilc-labs-strip{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .ilc-lab-item:nth-child(2){\n        border-right:0;\n    }\n\n    .ilc-lab-item:nth-child(-n+2){\n        border-bottom:1px solid var(--border);\n    }\n\n}\n\n@media (max-width:700px){\n\n    .ilc-labs{\n        padding:48px 20px 52px;\n    }\n\n    .ilc-labs-head{\n        flex-direction:column;\n        align-items:flex-start;\n        gap:14px;\n    }\n\n    .ilc-labs-title{\n        font-size:34px;\n    }\n\n}\n\n@media (max-width:520px){\n\n    .ilc-labs{\n        padding-left:16px;\n        padding-right:16px;\n    }\n\n    .ilc-labs-strip{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-lab-item{\n        border-right:0 !important;\n        border-bottom:1px solid var(--border);\n    }\n\n    .ilc-lab-item:last-child{\n        border-bottom:0;\n    }\n\n}\n<\/style>\n\n\n<section class=\"ilc-labs\">\n\n    <div class=\"ilc-labs-inner\">\n\n\n        <!-- HEADER -->\n\n        <div class=\"ilc-labs-head\">\n\n            <div>\n\n                <div class=\"ilc-labs-kicker\">\n                    Learn by Doing\n                <\/div>\n\n                <h2 class=\"ilc-labs-title\">\n                    Hands-On Labs\n                <\/h2>\n\n                <p class=\"ilc-labs-subtitle\">\n                    \u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0443\u0432\u0430\u0439 \u0441 \u0440\u0435\u0430\u043b\u043d\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438, \u0441\u0440\u0435\u0434\u0438 \u0438 \u0441\u0446\u0435\u043d\u0430\u0440\u0438\u0438.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/labs\/\" class=\"ilc-labs-all\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043b\u0430\u0431\u043e\u0440\u0430\u0442\u043e\u0440\u0438\u0438\u0442\u0435\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- LAB STRIP -->\n\n        <div class=\"ilc-labs-strip\">\n\n\n            <!-- REAL EQUIPMENT -->\n\n            <a href=\"\/cisco-labs\/\" class=\"ilc-lab-item\">\n\n                <div class=\"ilc-lab-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"6\" rx=\"1\"\/>\n                        <rect x=\"3\" y=\"14\" width=\"18\" height=\"6\" rx=\"1\"\/>\n                        <path d=\"M7 7h.01\"\/>\n                        <path d=\"M10 7h7\"\/>\n                        <path d=\"M7 17h.01\"\/>\n                        <path d=\"M10 17h7\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <h3 class=\"ilc-lab-name\">\n                        Real Equipment\n                    <\/h3>\n\n                    <p class=\"ilc-lab-desc\">\n                        Cisco &amp; enterprise devices\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"ilc-lab-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <!-- VIRTUAL ENVIRONMENTS -->\n\n            <a href=\"\/virtualization-labs\/\" class=\"ilc-lab-item\">\n\n                <div class=\"ilc-lab-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M8 3h8\"\/>\n                        <path d=\"M9 3v5l-5 9a2 2 0 0 0 1.7 3h12.6a2 2 0 0 0 1.7-3l-5-9V3\"\/>\n                        <path d=\"M8 14h8\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <h3 class=\"ilc-lab-name\">\n                        Virtual Environments\n                    <\/h3>\n\n                    <p class=\"ilc-lab-desc\">\n                        vSphere, VCF, NSX &amp; virtual labs\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"ilc-lab-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <!-- PRACTICE SCENARIOS -->\n\n            <a href=\"\/expert-labs\/\" class=\"ilc-lab-item\">\n\n                <div class=\"ilc-lab-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"1.5\"\/>\n                        <path d=\"M8 21h8\"\/>\n                        <path d=\"M12 17v4\"\/>\n                        <path d=\"M7 9h10\"\/>\n                        <path d=\"M7 12h6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <h3 class=\"ilc-lab-name\">\n                        Practice Scenarios\n                    <\/h3>\n\n                    <p class=\"ilc-lab-desc\">\n                        Build, test and troubleshoot\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"ilc-lab-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n            <!-- LAB GUIDES -->\n\n            <a href=\"\/lab-environment\/\" class=\"ilc-lab-item\">\n\n                <div class=\"ilc-lab-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M5 3h10l4 4v14H5z\"\/>\n                        <path d=\"M15 3v5h5\"\/>\n                        <path d=\"M8 12h8\"\/>\n                        <path d=\"M8 16h6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <div>\n\n                    <h3 class=\"ilc-lab-name\">\n                        Lab Guides\n                    <\/h3>\n\n                    <p class=\"ilc-lab-desc\">\n                        Step-by-step exercises &amp; topologies\n                    <\/p>\n\n                <\/div>\n\n                <span class=\"ilc-lab-arrow\">\u2192<\/span>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13ed7a9 e-con-full e-flex e-con e-parent\" data-id=\"13ed7a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6abec63 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6abec63\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 06\n   KNOWLEDGE HUB\n   ========================================================= *\/\n\n.ilc-knowledge{\n    --navy:#0B1F3A;\n    --blue:#0A73E8;\n    --blue-dark:#075FBE;\n    --white:#FFFFFF;\n    --offwhite:#F8FAFC;\n    --metal:#EEF1F4;\n    --border:#DCE3EA;\n    --text:#31445D;\n    --muted:#708197;\n\n    width:100%;\n    padding:50px 24px 54px;\n    background:#F8FAFC;\n    border-top:1px solid rgba(220,227,234,.65);\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-knowledge,\n.ilc-knowledge *,\n.ilc-knowledge h2,\n.ilc-knowledge h3,\n.ilc-knowledge p,\n.ilc-knowledge a,\n.ilc-knowledge span{\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-knowledge-inner{\n    width:100% !important;\n    max-width:1480px !important;\n    margin:0 auto !important;\n}\n\n\n\/* HEADER *\/\n\n.ilc-knowledge-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:30px;\n    margin-bottom:24px;\n}\n\n.ilc-knowledge-kicker{\n    margin:0 0 7px;\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:2.4px;\n    text-transform:uppercase;\n    color:var(--blue);\n}\n\n.ilc-knowledge-title{\n    margin:0;\n    font-size:38px;\n    line-height:1.08;\n    font-weight:800 !important;\n    letter-spacing:-1.4px;\n    color:var(--navy);\n}\n\n.ilc-knowledge-subtitle{\n    margin:9px 0 0;\n    font-size:16px;\n    line-height:1.55;\n    color:var(--text);\n}\n\n.ilc-knowledge-all{\n    display:inline-flex;\n    align-items:center;\n    gap:9px;\n    color:var(--blue) !important;\n    font-size:14px;\n    font-weight:700;\n    text-decoration:none !important;\n    transition:.25s ease;\n}\n\n.ilc-knowledge-all:hover{\n    gap:13px;\n    color:var(--blue-dark) !important;\n}\n\n\n\/* GRID *\/\n\n.ilc-knowledge-grid{\n    display:grid;\n    grid-template-columns:repeat(7,1fr);\n\n    background:#FFFFFF;\n\n    border:1px solid var(--border);\n    border-radius:14px;\n\n    overflow:hidden;\n}\n\n\n\/* ITEM *\/\n\n.ilc-knowledge-item{\n    position:relative;\n\n    min-height:120px;\n    padding:22px 16px;\n\n    display:flex;\n    flex-direction:column;\n    justify-content:center;\n    align-items:center;\n\n    text-align:center;\n\n    text-decoration:none !important;\n\n    transition:\n        background .25s ease,\n        transform .25s ease;\n}\n\n.ilc-knowledge-item:not(:last-child){\n    border-right:1px solid var(--border);\n}\n\n.ilc-knowledge-item:hover{\n    background:#F8FAFC;\n}\n\n\n\/* ICON *\/\n\n.ilc-knowledge-icon{\n    width:42px;\n    height:42px;\n\n    display:grid;\n    place-items:center;\n\n    margin-bottom:11px;\n\n    border-radius:10px;\n\n    background:#FFFFFF;\n    border:1px solid var(--border);\n\n    color:var(--blue);\n\n    transition:.25s ease;\n}\n\n.ilc-knowledge-icon svg{\n    width:23px;\n    height:23px;\n\n    fill:none;\n    stroke:currentColor;\n    stroke-width:1.7;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}\n\n.ilc-knowledge-item:hover .ilc-knowledge-icon{\n    background:#EEF6FF;\n    border-color:#B8D7F5;\n}\n\n\n\/* TITLE *\/\n\n.ilc-knowledge-name{\n    margin:0;\n    font-size:13px;\n    line-height:1.35;\n    font-weight:800 !important;\n    color:var(--navy);\n}\n\n\n\/* RESPONSIVE *\/\n\n@media (max-width:1200px){\n\n    .ilc-knowledge-grid{\n        grid-template-columns:repeat(4,1fr);\n    }\n\n    .ilc-knowledge-item{\n        border-bottom:1px solid var(--border);\n    }\n\n}\n\n@media (max-width:800px){\n\n    .ilc-knowledge{\n        padding:48px 20px 52px;\n    }\n\n    .ilc-knowledge-head{\n        flex-direction:column;\n        align-items:flex-start;\n        gap:14px;\n    }\n\n    .ilc-knowledge-title{\n        font-size:34px;\n    }\n\n    .ilc-knowledge-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n}\n\n@media (max-width:520px){\n\n    .ilc-knowledge{\n        padding-left:16px;\n        padding-right:16px;\n    }\n\n    .ilc-knowledge-grid{\n        grid-template-columns:1fr;\n    }\n\n    .ilc-knowledge-item{\n        min-height:90px;\n\n        display:grid;\n        grid-template-columns:42px 1fr;\n        gap:14px;\n\n        justify-items:start;\n        text-align:left;\n\n        padding:18px;\n    }\n\n    .ilc-knowledge-icon{\n        margin-bottom:0;\n    }\n\n}\n<\/style>\n\n\n<section class=\"ilc-knowledge\">\n\n    <div class=\"ilc-knowledge-inner\">\n\n\n        <!-- HEADER -->\n\n        <div class=\"ilc-knowledge-head\">\n\n            <div>\n\n                <div class=\"ilc-knowledge-kicker\">\n                    Learn. Explore. Stay Current.\n                <\/div>\n\n                <h2 class=\"ilc-knowledge-title\">\n                    Knowledge Hub\n                <\/h2>\n\n                <p class=\"ilc-knowledge-subtitle\">\n                    \u041f\u043e\u043b\u0435\u0437\u043d\u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438, \u0440\u044a\u043a\u043e\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0438 \u0440\u0435\u0441\u0443\u0440\u0441\u0438 \u0437\u0430 \u043f\u043e-\u0434\u044a\u043b\u0431\u043e\u043a\u043e \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435.\n                <\/p>\n\n            <\/div>\n\n            <a href=\"\/resources\/\" class=\"ilc-knowledge-all\">\n                \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u0440\u0435\u0441\u0443\u0440\u0441\u0438\u0442\u0435\n                <span>\u2192<\/span>\n            <\/a>\n\n        <\/div>\n\n\n        <!-- GRID -->\n\n        <div class=\"ilc-knowledge-grid\">\n\n\n            <!-- ARTICLES -->\n\n            <a href=\"\/articles\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M6 3h9l3 3v15H6z\"\/>\n                        <path d=\"M15 3v4h4\"\/>\n                        <path d=\"M9 11h6\"\/>\n                        <path d=\"M9 15h6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    Articles\n                <\/h3>\n\n            <\/a>\n\n\n            <!-- STUDY GUIDES -->\n\n            <a href=\"\/study-guides\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M4 5c3-1 5-.5 8 1v14c-3-1.5-5-2-8-1z\"\/>\n                        <path d=\"M20 5c-3-1-5-.5-8 1v14c3-1.5 5-2 8-1z\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    Study Guides\n                <\/h3>\n\n            <\/a>\n\n\n            <!-- CONFIG EXAMPLES -->\n\n            <a href=\"\/configuration-examples\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M8 8l-4 4 4 4\"\/>\n                        <path d=\"M16 8l4 4-4 4\"\/>\n                        <path d=\"M13.5 5l-3 14\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    Configuration Examples\n                <\/h3>\n\n            <\/a>\n\n\n            <!-- TROUBLESHOOTING -->\n\n            <a href=\"\/troubleshooting-guides\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M14 6a4 4 0 0 0-5 5L3 17l4 4 6-6a4 4 0 0 0 5-5\"\/>\n                        <path d=\"M15 3l6 6\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    Troubleshooting Guides\n                <\/h3>\n\n            <\/a>\n\n\n            <!-- EXAM PREP -->\n\n            <a href=\"\/exam-preparation\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M6 20V10\"\/>\n                        <path d=\"M12 20V4\"\/>\n                        <path d=\"M18 20v-7\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    Exam Preparation\n                <\/h3>\n\n            <\/a>\n\n\n            <!-- DOWNLOADS -->\n\n            <a href=\"\/downloads\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <path d=\"M12 3v12\"\/>\n                        <path d=\"M8 11l4 4 4-4\"\/>\n                        <path d=\"M5 20h14\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    Downloads\n                <\/h3>\n\n            <\/a>\n\n\n            <!-- FAQ -->\n\n            <a href=\"\/faq\/\" class=\"ilc-knowledge-item\">\n\n                <div class=\"ilc-knowledge-icon\">\n\n                    <svg viewBox=\"0 0 24 24\">\n                        <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                        <path d=\"M9.5 9a2.7 2.7 0 0 1 5.1 1.2c0 2-2.6 2.2-2.6 4\"\/>\n                        <path d=\"M12 18h.01\"\/>\n                    <\/svg>\n\n                <\/div>\n\n                <h3 class=\"ilc-knowledge-name\">\n                    FAQ\n                <\/h3>\n\n            <\/a>\n\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e3d9438 e-con-full e-flex e-con e-parent\" data-id=\"e3d9438\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7580dc3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"7580dc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   IT LEARNING CLOUD \u2014 WIDGET 07\n   FINAL CTA \u2014 STABLE IMAGE VERSION\n   ========================================================= *\/\n\n.ilc-final{\n    width:100%;\n    padding:0 24px 56px;\n\n    background:#FFFFFF;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-final,\n.ilc-final *,\n.ilc-final a,\n.ilc-final span{\n    box-sizing:border-box;\n\n    font-family:\n        Inter,\n        \"Segoe UI\",\n        Arial,\n        Helvetica,\n        sans-serif !important;\n}\n\n.ilc-final-inner{\n    position:relative;\n\n    width:100%;\n    max-width:1480px;\n\n    margin:0 auto;\n\n    overflow:hidden;\n\n    border-radius:16px;\n\n    background:#0B1F3A;\n\n    box-shadow:\n        0 16px 40px rgba(11,31,58,.10);\n}\n\n\n\/* =========================================================\n   IMAGE\n   ========================================================= *\/\n\n.ilc-final-image{\n    position:relative;\n\n    width:100%;\n    aspect-ratio:2.55 \/ 1;\n\n    overflow:hidden;\n}\n\n.ilc-final-image img{\n    width:100%;\n    height:100%;\n\n    display:block;\n\n    object-fit:cover;\n    object-position:center center;\n}\n\n\n\/* subtle darkening at bottom for button *\/\n\n.ilc-final-image::after{\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(11,31,58,0) 52%,\n            rgba(11,31,58,.10) 75%,\n            rgba(11,31,58,.28) 100%\n        );\n\n    pointer-events:none;\n}\n\n\n\/* =========================================================\n   BUTTON AREA\n   ========================================================= *\/\n\n.ilc-final-actions{\n    position:absolute;\n\n    left:34px;\n    bottom:30px;\n\n    z-index:3;\n}\n\n.ilc-final-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    gap:10px;\n\n    min-height:50px;\n\n    padding:0 24px;\n\n    border-radius:8px;\n\n    background:#0A73E8;\n    border:1px solid rgba(255,255,255,.20);\n\n    color:#FFFFFF !important;\n\n    font-size:14px;\n    font-weight:800;\n\n    text-decoration:none !important;\n\n    box-shadow:\n        0 12px 28px rgba(0,0,0,.18);\n\n    transition:\n        transform .25s ease,\n        background .25s ease,\n        box-shadow .25s ease;\n}\n\n.ilc-final-btn:hover{\n    transform:translateY(-2px);\n\n    background:#FFFFFF;\n\n    color:#0B1F3A !important;\n\n    border-color:#FFFFFF;\n\n    box-shadow:\n        0 16px 34px rgba(0,0,0,.22);\n}\n\n.ilc-final-arrow{\n    font-size:18px;\n\n    transition:transform .25s ease;\n}\n\n.ilc-final-btn:hover .ilc-final-arrow{\n    transform:translateX(4px);\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media(max-width:900px){\n\n    .ilc-final{\n        padding-left:20px;\n        padding-right:20px;\n        padding-bottom:48px;\n    }\n\n    .ilc-final-image{\n        aspect-ratio:1.9 \/ 1;\n    }\n\n    .ilc-final-actions{\n        left:24px;\n        bottom:22px;\n    }\n\n}\n\n\n@media(max-width:600px){\n\n    .ilc-final{\n        padding-left:16px;\n        padding-right:16px;\n        padding-bottom:40px;\n    }\n\n    .ilc-final-inner{\n        border-radius:12px;\n    }\n\n    .ilc-final-image{\n        aspect-ratio:1.35 \/ 1;\n    }\n\n    .ilc-final-image img{\n        object-position:62% center;\n    }\n\n    .ilc-final-actions{\n        left:18px;\n        right:18px;\n        bottom:18px;\n    }\n\n    .ilc-final-btn{\n        width:100%;\n\n        min-height:48px;\n\n        padding:0 18px;\n\n        font-size:13px;\n    }\n\n}\n<\/style>\n\n\n<section class=\"ilc-final\">\n\n    <div class=\"ilc-final-inner\">\n\n        <div class=\"ilc-final-image\">\n\n            <img decoding=\"async\"\n                src=\"https:\/\/it-learning.cloud\/wp-content\/uploads\/2026\/09\/itl-cta-h-p.png\"\n                alt=\"IT Learning Cloud - Learn Today. Build Tomorrow.\"\n            >\n\n        <\/div>\n\n\n        <div class=\"ilc-final-actions\">\n\n            <a href=\"\/learning-paths\/\" class=\"ilc-final-btn\">\n\n                Start Your Journey\n\n                <span class=\"ilc-final-arrow\">\n                    \u2192\n                <\/span>\n\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BUILD SKILLS. CREATE OPPORTUNITIES. IT Learning for Real Careers From Associate to Expert level. Networking. Virtualization. Automation. Build practical technology skills through structured learning, hands-on labs and real-world training paths. Start Learning \u2192 Explore Learning Paths \u25ce Structured Learning \u2301 &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-30022","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages\/30022","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/comments?post=30022"}],"version-history":[{"count":73,"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages\/30022\/revisions"}],"predecessor-version":[{"id":30358,"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/pages\/30022\/revisions\/30358"}],"wp:attachment":[{"href":"https:\/\/it-learning.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=30022"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}